<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr" class="scroll-smooth">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="/build/assets/favicon-B4EiJi1k.ico" rel="shortcut icon" />
    <link href="/build/assets/logo_thinkcell_57-lqqaIDW-.png" rel="apple-touch-icon" />
    <link href="/build/assets/logo_thinkcell_72-BFnOTBy-.png" rel="apple-touch-icon" sizes="72x72" />
    <link href="/build/assets/logo_thinkcell_114-DjoL3wP3.png" rel="apple-touch-icon" sizes="114x114" />
    <link href="/build/assets/logo_thinkcell_144-C_pQF_64.png" rel="apple-touch-icon" sizes="144x144" />
    <link rel="preload" as="style" href="/build/assets/site-ZgHqZnBx.css" />
    <link rel="stylesheet" href="/build/assets/site-ZgHqZnBx.css" />
    <title>Startup Program: Get 90% Off on the #1 charting software | think-cell</title>
    <meta name="description" content="Build investor-ready pitch decks faster. Apply for the think-cell Startup Program to save 90% in your first year on the #1 PowerPoint charting tool.">
    <link rel="alternate" hreflang="x-default" href="https://www.think-cell.com/en/order/startup-program">
    <link rel="alternate" hreflang="en" href="https://www.think-cell.com/en/order/startup-program">
    <link rel="alternate" hreflang="de" href="https://www.think-cell.com/de/order/startup-program">
    <link rel="alternate" hreflang="es" href="https://www.think-cell.com/es/order/startup-program">
    <link rel="alternate" hreflang="fr" href="https://www.think-cell.com/fr/order/startup-program">
    <link rel="alternate" hreflang="it" href="https://www.think-cell.com/it/order/startup-program">
    <link rel="alternate" hreflang="pt" href="https://www.think-cell.com/pt/order/startup-program">
    <link rel="alternate" hreflang="zh" href="https://www.think-cell.com/zh/order/startup-program">
    <link rel="alternate" hreflang="ja" href="https://www.think-cell.com/ja/order/startup-program">
    <link rel="canonical" href="https://www.think-cell.com/en/order/startup-program">
    <meta property="og:site_name" content="think-cell">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en">
    <meta property="og:title" content="Startup Program: Get 90% Off on the #1 charting software | think-cell">
    <meta property="og:description" content="Build investor-ready pitch decks faster. Apply for the think-cell Startup Program to save 90% in your first year on the #1 PowerPoint charting tool.">
    <meta property="og:image" content="https://www.think-cell.com/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/0e02932e5689bd425c1211f9cc5efed6/think-cell-suite-create-charts-and-presentations.png">
    <link rel="modulepreload" as="script" href="/build/assets/site-config-D76miBs9.js" />
    <script type="text/javascript" src="/build/assets/site-config-D76miBs9.js"></script>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.setAttribute('data-ot-ignore', '');
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-T6MPKXF');
    </script>
</head>

<body class="antialiased bg-white flex flex-col min-h-screen text-black" x-data="{
      mobileOpen: false,
    }" x-resize.document="
      if ($width > 1160) {
        mobileOpen = false;
      }
    " :class="{'overflow-hidden': mobileOpen }"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T6MPKXF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <header class="sticky top-0 z-10">
        <div class="hidden lg:block bg-gray-50" x-data="{ showBar: true, lastScrollTop: 0 }" @scroll.window="()=>{var currentScroll = Math.floor(document.documentElement.scrollTop);
        if (Math.abs(currentScroll - lastScrollTop) > 75) {
          showBar = (currentScroll < lastScrollTop);
          lastScrollTop = currentScroll;
        }
      }" x-show="showBar" x-collapse>
            <div class="relative
    overflow-visible
    
    
  ">
                <div class="
    container
    
    
    
  ">
                    <div class="flex gap-4 py-2 items-start justify-end"> <!-- components/announcement --> <a class="
    flex flex-1 items-center px-4 py-2 bg-blue-100 rounded gap-2 text-blue-900 min-h-10
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2" href="/en/product/think-cell-assist"> <span class="flex w-6 h-6 fill-blue-900 self-start"><svg style="background:linear-gradient(to top right,#2972FF,#E9163C);border-radius:18.76% 0 18.76% 0" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M23.307 13.8987C23.3877 13.2689 24.2999 13.2689 24.3794 13.8987C25.107 19.5973 29.5949 24.0852 35.2935 24.8115C35.9232 24.8922 35.9232 25.8045 35.2935 25.8839C29.5949 26.6116 25.107 31.0994 24.3794 36.798C24.2999 37.4277 23.3877 37.4277 23.307 36.798C22.5806 31.0994 18.0927 26.6115 12.3942 25.8839C11.7644 25.8045 11.7644 24.8922 12.3942 24.8115C18.0927 24.0851 22.5807 19.5973 23.307 13.8987Z" fill="white" />
                                    <path d="M41.4904 12.1904C41.8053 12.15 41.8053 11.6939 41.4904 11.6542C38.6411 11.2904 36.3972 9.04641 36.034 6.19715C35.9937 5.88226 35.5375 5.88226 35.4978 6.19715C35.134 9.04641 32.89 11.2904 30.0408 11.6542C29.7259 11.6939 29.7259 12.15 30.0408 12.1904C32.89 12.5536 35.134 14.7975 35.4978 17.6468C35.5375 17.9617 35.9937 17.9617 36.034 17.6468C36.3972 14.7975 38.6411 12.5535 41.4904 12.1904Z" fill="white" />
                                </svg> </span> <span class="font-light text-sm"> <span class="mr-4"> Meet think-cell Assist – AI tools for PowerPoint </span> <span class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-blue-700 [&[disabled]]:text-blue-200 [&[disabled]]:pointer-events-none hover:text-blue-500 active:text-blue-900 "><span class=" ">Discover the benefits</span><svg class="inline h-5 w-5 fill-blue-700 group-[[disabled]]:fill-blue-200 group-hover:fill-blue-500 group-active:fill-blue-900 " viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                    </svg></span> </span> </a> <!-- components/announcement -->
                        <div class="flex gap-4 items-center">
                            <div x-data="{ open: false, timeoutId: null }" data-language-selector class="flex flex-col items-center">
                                <div @click="open = !open" @mouseenter="
          clearTimeout(timeoutId);
          open = true;
        " @mouseleave="
          timeoutId = setTimeout(() => {
            open = false;
          }, 200);
        " class="flex"> <button class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 "><svg class="inline h-6 w-6 fill-black group-[[disabled]]:fill-gray-100 group-hover:fill-red-600 group-active:fill-gray-700 fill-gray-500 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C12.2151 20 12.9482 19.7737 13.7467 18.1766C14.3857 16.8986 14.8571 15.094 14.9726 13H9.02739C9.14295 15.094 9.61429 16.8986 10.2533 18.1766C11.0518 19.7737 11.7849 20 12 20ZM19.9381 13C19.5956 15.7464 17.861 18.0605 15.4627 19.2138C16.2974 17.6107 16.8545 15.4337 16.9753 13H19.9381ZM19.9381 11C19.5956 8.25357 17.861 5.93948 15.4627 4.78617C16.2974 6.38927 16.8545 8.5663 16.9753 11H19.9381ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.53731 19.2138C6.13899 18.0605 4.40437 15.7464 4.06189 13H7.02469C7.1455 15.4337 7.70259 17.6107 8.53731 19.2138ZM4.06189 11H7.02469C7.1455 8.5663 7.70258 6.38927 8.53731 4.78617C6.13899 5.93948 4.40437 8.25357 4.06189 11ZM12 4C11.7849 4 11.0518 4.22632 10.2533 5.82336C9.61429 7.10143 9.14295 8.90602 9.02739 11H14.9726C14.8571 8.90602 14.3857 7.10143 13.7467 5.82336C12.9482 4.22632 12.2151 4 12 4Z" />
                                        </svg></button> </div>
                                <div class="absolute t-0 mt-6 pt-4 z-50" @mouseenter="
          clearTimeout(timeoutId);
          open = true;
        " @mouseleave="
          timeoutId = setTimeout(() => {
            open = false;
          }, 50);
        " x-show="open" @click.outside="open = false" x-cloak>
                                    <ul class="rounded-sm border border-gray-50 flex flex-col bg-white py-1 min-w-[11.625rem]" role="menu" x-transition:enter="transition ease-out duration-100 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/de/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Deutsch</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/en/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm py-3 pl-3 pr-3
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">English</span> </div> <svg class="w-6 fill-red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L10 17.4142L6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929C6.68342 11.9024 7.31658 11.9024 7.70711 12.2929L10 14.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289Z" />
                                                        </svg>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/es/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Español</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/fr/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Français</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/it/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Italiano</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/pt/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Português</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/zh/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">中文</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/ja/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">日本語</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <form action="/en/search">
                                <div class="flex items-center w-full"> <span class="absolute pl-3 pointer-events-none"><svg height="20px" width="20px" class="fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path d="m 10,3 c -3.8659822,0 -7,3.1340178 -7,7 0,3.865992 3.1340178,7 7,7 1.572526,0 3.022754,-0.519127 4.191406,-1.394531 l 5.101563,5.101562 c 0.390498,0.390499 1.023564,0.390499 1.414062,0 0.390499,-0.390498 0.390499,-1.023564 0,-1.414062 L 15.605469,14.191406 C 16.480873,13.022754 17,11.572526 17,10 17,6.1340178 13.865992,3 10,3 Z m 0,2 c 2.761394,0 5,2.2385856 5,5 0,2.761394 -2.238606,5 -5,5 C 7.2385856,15 5,12.761394 5,10 5,7.2385856 7.2385856,5 10,5 Z" />
                                        </svg></span> <input class="
        border border-gray-200 rounded-sm font-light caret-black placeholder:text-gray-500
        focus-visible:border focus-visible:border-blue-500 focus-visible:ring-4 focus-visible:ring-blue-50
        disabled:text-gray-200 disabled:placeholder:text-gray-200 disabled:bg-gray-50
        w-full px-3 py-3 h-10 text-sm
        data-[error]:border-red-500 data-[error]:focus-visible:border-red-500 data-[error]:focus-visible:ring-4 data-[error]:focus-visible:ring-red-100
        pl-9
        
        " placeholder="Search..." name="query" type="search" required /> </div>
                            </form>
                            <div><a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 " href="https://server.think-cell.com/portal/en/login.srf?direct"><span class=" ">Log in</span></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <nav class="bg-white z-10 shadow" :class="mobileOpen ? 'border-b border-gray-100 sticky top-0 w-screen overflow-hidden' : ''" x-data="{targetHeight: 0, numSubNavOpen: 0}">
            <div class="relative
    overflow-visible
    
    lg:relative bg-white
  ">
                <div class="
    container
    
    
    
  ">
                    <div class="relative flex justify-start gap-8 h-[5.5rem]">
                        <div class="flex grow-0 items-center"> <a href="/en"> <img class="h-8 w-auto" src="/build/assets/logo-bd3hyTNg.svg" alt="think-cell logo"> </a> </div>
                        <div class="absolute inset-y-0 right-0 flex items-center lg:hidden"> <button type="button" class="relative inline-flex items-center justify-center rounded-md" aria-controls="mobile-menu" aria-expanded="false" @click="mobileOpen = !mobileOpen"> <span class="absolute -inset-0.5"></span> <span class="sr-only">Open main menu</span> <span x-show="!mobileOpen" class="w-6 h-6"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path d="M2 5c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1ZM2 19c0-.5523.44772-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3c-.55228 0-1-.4477-1-1ZM3 11c-.55228 0-1 .4477-1 1s.44772 1 1 1h18c.5523 0 1-.4477 1-1s-.4477-1-1-1H3Z" />
                                    </svg> </span> <span x-show="mobileOpen" x-cloak class="w-6 h-6"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path d="M16.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422L13.4142 12l4.2929 4.2929c.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0L12 13.4142l-4.29289 4.2929c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L10.5858 12 6.29289 7.70711c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L12 10.5858l4.2929-4.29291Z" />
                                    </svg> </span> </button> </div>
                        <nav class="hidden lg:flex lg:h-full sm:items-center" role="navigation" aria-label="Main Navigation">
                            <ul class="flex space-x-8 self-center h-full">
                                <li class="group relative cursor-pointer pl-2 pr-2" @click="open = !open" x-data="{
                    open: false,
                    timeoutId: null
                  }" @mouseenter="
                    clearTimeout(timeoutId);
                    open = true;
                  " @mouseleave="
                    timeoutId = setTimeout(() => {
                      open = false;
                    }, 50);
                  "> <a class=" flex items-center group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 group-hover:text-red-500 h-full "><span class=" ">Products</span><svg class="inline h-6 w-6 fill-black group-[[disabled]]:fill-gray-100 group-hover:fill-red-600 group-active:fill-gray-700 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                        </svg></a> <!-- Flyout --> <template x-teleport="#flyout-target">
                                        <div class="absolute left-0 right-0 origin-top-right py-12 bg-transparent ease-out duration-200" :class="open ? 'visible opacity-100 delay-150' : 'invisible opacity-0'" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @mouseenter="
                          clearTimeout(timeoutId);
                          open = true;
                        " @mouseleave="
                          timeoutId = setTimeout(() => {
                            open = false;
                          }, 50);
                        " @click.outside="open = false" x-init="$watch('open', value => {
                            if(open){
                              targetHeight=$el.scrollHeight
                              numSubNavOpen++
                            } else {
                              numSubNavOpen--
                              if(numSubNavOpen <= 0){ targetHeight=0 }
                            }
                          })
                        ">
                                            <div class="container">
                                                <ul class="grid grid-cols-3 gap-4 [&>li]:max-w-[19.375rem]">
                                                    <li class=" transition-[transform] duration-500 ease-out delay-0" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-suite" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 31 31">
                                                                                    <path fill="#E9163C" d="M15.226 9A9.002 9.002 0 0 0 23 15.942V27a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h12.226ZM5 23a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2H5Zm3-8a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1Zm4 3a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1Zm4-6a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1Z" />
                                                                                    <path fill="#1B57F5" fill-rule="evenodd" d="M24 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14Zm.452 3.964a.5.5 0 0 0-.904 0l-.671 1.428a.5.5 0 0 1-.377.282l-1.538.235a.5.5 0 0 0-.282.843l1.144 1.173a.5.5 0 0 1 .135.43l-.266 1.628a.5.5 0 0 0 .736.519l1.329-.734a.501.501 0 0 1 .484 0l1.33.734a.5.5 0 0 0 .735-.519l-.266-1.629a.5.5 0 0 1 .135-.43l1.144-1.172a.5.5 0 0 0-.282-.843L25.5 5.674a.5.5 0 0 1-.377-.282l-.67-1.428Z" clip-rule="evenodd" />
                                                                                </svg> <span class="font-light text-base">think-cell Suite</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">The #1 add-in for high-stakes PowerPoint presentations</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-core" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#1B57F5" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Core</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Tools for more PowerPoint productivity</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-library" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#1B57F5" d="M9.01 11.182a1.5 1.5 0 1 1 2.122 2.123 1.5 1.5 0 0 1-2.121-2.123Z" />
                                                                                    <path fill="#1B57F5" d="M20 6c1.104 0 2 .896 2.001 2v10c0 1.104-.897 2-2.001 2H4.001a2 2 0 0 1-2-2L2 5a2 2 0 0 1 2-2h3.125a2 2 0 0 1 1.736 1.008L10 6h10Zm-7.808 4.121a2.999 2.999 0 0 0-4.826 3.412l-2.363 2.363c-.325.326-.272.906.118 1.296s.97.443 1.296.119l2.363-2.364a2.998 2.998 0 0 0 3.412-4.826Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Library</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">PowerPoint templates & image assets</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-charts" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#1B57F5" d="M21 19a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h18ZM7 7a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2Zm6 4a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h2Zm6-8a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Charts</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Beautiful, impactful PowerPoint charts</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-assist" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" style="background:linear-gradient(to top right,#2972FF,#E9163C);border-radius:18.76% 0 18.76% 0" viewBox="0 0 48 48" fill="none">
                                                                                    <path d="M23.307 13.8987C23.3877 13.2689 24.2999 13.2689 24.3794 13.8987C25.107 19.5973 29.5949 24.0852 35.2935 24.8115C35.9232 24.8922 35.9232 25.8045 35.2935 25.8839C29.5949 26.6116 25.107 31.0994 24.3794 36.798C24.2999 37.4277 23.3877 37.4277 23.307 36.798C22.5806 31.0994 18.0927 26.6115 12.3942 25.8839C11.7644 25.8045 11.7644 24.8922 12.3942 24.8115C18.0927 24.0851 22.5807 19.5973 23.307 13.8987Z" fill="white" />
                                                                                    <path d="M41.4904 12.1904C41.8053 12.15 41.8053 11.6939 41.4904 11.6542C38.6411 11.2904 36.3972 9.04641 36.034 6.19715C35.9937 5.88226 35.5375 5.88226 35.4978 6.19715C35.134 9.04641 32.89 11.2904 30.0408 11.6542C29.7259 11.6939 29.7259 12.15 30.0408 12.1904C32.89 12.5536 35.134 14.7975 35.4978 17.6468C35.5375 17.9617 35.9937 17.9617 36.034 17.6468C36.3972 14.7975 38.6411 12.5535 41.4904 12.1904Z" fill="white" />
                                                                                </svg> <span class="font-light text-base">think-cell Assist</span> <span class="rounded border justify-center items-center inline-flex gap-1
    bg-blue-100 border-none
    px-1 py-0.5
    
  "> <span class="font-mono font-normal text-blue-900 text-xs leading-none"> Add-on </span> </span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Fully integrated AI-powered add-on</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-100" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-essentials" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#E9163C" d="M15.5 8a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h12.5ZM4.25 13.25a1 1 0 0 0-1 1v5.5l.005.102a1 1 0 0 0 .892.893l.103.005h10l.102-.005a1 1 0 0 0 .898-.995v-5.5a1 1 0 0 0-1-1h-10Zm9 2v3.5h-8v-3.5h8Zm-9.25-5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5H4Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Essentials</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">PowerPoint solution for streamlined workflows</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-core" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#1B57F5" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Core</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Tools for more PowerPoint productivity</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-library" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-8
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                                    <path fill="#1B57F5" d="M9.01 11.182a1.5 1.5 0 1 1 2.122 2.123 1.5 1.5 0 0 1-2.121-2.123Z" />
                                                                                    <path fill="#1B57F5" d="M20 6c1.104 0 2 .896 2.001 2v10c0 1.104-.897 2-2.001 2H4.001a2 2 0 0 1-2-2L2 5a2 2 0 0 1 2-2h3.125a2 2 0 0 1 1.736 1.008L10 6h10Zm-7.808 4.121a2.999 2.999 0 0 0-4.826 3.412l-2.363 2.363c-.325.326-.272.906.118 1.296s.97.443 1.296.119l2.363-2.364a2.998 2.998 0 0 0 3.412-4.826Z" />
                                                                                </svg> <span class="font-light text-base">think-cell Library</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">PowerPoint templates & image assets</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-200" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/benefits" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Why think-cell?</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Efficiency, ease of use, quality and compatibility</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/whats-new" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">What's new</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">think-cell feature release notes</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/product/references" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Customer references</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Testimonials from think-cell users</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </template> </li>
                            </ul>
                            <ul class="flex space-x-8 self-center h-full">
                                <li class="group relative cursor-pointer pl-2 pr-2" @click="open = !open" x-data="{
                    open: false,
                    timeoutId: null
                  }" @mouseenter="
                    clearTimeout(timeoutId);
                    open = true;
                  " @mouseleave="
                    timeoutId = setTimeout(() => {
                      open = false;
                    }, 50);
                  "> <a class=" flex items-center group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 group-hover:text-red-500 h-full "><span class=" ">Order</span><svg class="inline h-6 w-6 fill-black group-[[disabled]]:fill-gray-100 group-hover:fill-red-600 group-active:fill-gray-700 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                        </svg></a> <!-- Flyout --> <template x-teleport="#flyout-target">
                                        <div class="absolute left-0 right-0 origin-top-right py-12 bg-transparent ease-out duration-200" :class="open ? 'visible opacity-100 delay-150' : 'invisible opacity-0'" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @mouseenter="
                          clearTimeout(timeoutId);
                          open = true;
                        " @mouseleave="
                          timeoutId = setTimeout(() => {
                            open = false;
                          }, 50);
                        " @click.outside="open = false" x-init="$watch('open', value => {
                            if(open){
                              targetHeight=$el.scrollHeight
                              numSubNavOpen++
                            } else {
                              numSubNavOpen--
                              if(numSubNavOpen <= 0){ targetHeight=0 }
                            }
                          })
                        ">
                                            <div class="container">
                                                <ul class="grid grid-cols-3 gap-4 [&>li]:max-w-[19.375rem]">
                                                    <li class=" transition-[transform] duration-500 ease-out delay-0" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="https://server.think-cell.com/portal/en/downloads.srf" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Download our software</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Download or update your think-cell software.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/order/new" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">New customers</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Choose how many licenses you need to get started.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/order/addusers" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Add users</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Order licenses for additional users in your organization.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/order/renew" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Renew licenses</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Renew licenses via our portal or through a think-cell reseller.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-100" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/order/resellers" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Official resellers</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Find a think-cell reseller in your country.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/academics" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Academic program</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Benefit from free access for students, faculty, and staff.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Startup program</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Learn about the benefits of the think-cell startup program.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-200" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'"> <span class="block text-sm text-gray-500 font-mono mb-2 px-3">Free trial</span>
                                                        <div class="list-none group/list_group_item"> <a href="https://server.think-cell.com/portal/en/trial.srf" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                <div class="overflow-hidden rounded-sm">
                                                                    <picture>
                                                                        <source srcset="/img/containers/assets/en/free-trial-think-cell.png/4b90aff45e1029d04453731b6c700ca9/free-trial-think-cell.webp" type="image/webp">
                                                                        <source srcset="/img/containers/assets/en/free-trial-think-cell.png/ff314b046daae7a3169e91c1c601015c/free-trial-think-cell.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/free-trial-think-cell.png/ff314b046daae7a3169e91c1c601015c/free-trial-think-cell.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-7/4 w-full h-full
           " alt="">
                                                                    </picture>
                                                                </div>
                                                                <div>
                                                                    <div class="flex justify-between">
                                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Start your free trial</span> </div>
                                                                    </div>
                                                                    <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Try out think-cell's full functionality completely risk-free.</span> </div>
                                                                    <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Start free trial</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                                        </svg></div>
                                                                </div>
                                                            </a> </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </template> </li>
                            </ul>
                            <ul class="flex space-x-8 self-center h-full">
                                <li class="group relative cursor-pointer pl-2 pr-2" @click="open = !open" x-data="{
                    open: false,
                    timeoutId: null
                  }" @mouseenter="
                    clearTimeout(timeoutId);
                    open = true;
                  " @mouseleave="
                    timeoutId = setTimeout(() => {
                      open = false;
                    }, 50);
                  "> <a class=" flex items-center group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 group-hover:text-red-500 h-full "><span class=" ">Resources</span><svg class="inline h-6 w-6 fill-black group-[[disabled]]:fill-gray-100 group-hover:fill-red-600 group-active:fill-gray-700 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                        </svg></a> <!-- Flyout --> <template x-teleport="#flyout-target">
                                        <div class="absolute left-0 right-0 origin-top-right py-12 bg-transparent ease-out duration-200" :class="open ? 'visible opacity-100 delay-150' : 'invisible opacity-0'" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @mouseenter="
                          clearTimeout(timeoutId);
                          open = true;
                        " @mouseleave="
                          timeoutId = setTimeout(() => {
                            open = false;
                          }, 50);
                        " @click.outside="open = false" x-init="$watch('open', value => {
                            if(open){
                              targetHeight=$el.scrollHeight
                              numSubNavOpen++
                            } else {
                              numSubNavOpen--
                              if(numSubNavOpen <= 0){ targetHeight=0 }
                            }
                          })
                        ">
                                            <div class="container">
                                                <ul class="grid grid-cols-3 gap-4 [&>li]:max-w-[19.375rem]">
                                                    <li class=" transition-[transform] duration-500 ease-out delay-0" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/support" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Support</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Get support for any technical issues.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/manual" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">User manual</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Learn how to make the most out of think-cell.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="https://academy.think-cell.com/" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">think-cell Academy</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Level up your presentation skills with think-cell Academy.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/kb" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Knowledge base</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Search our knowledge base for solutions to common challenges.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-100" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'">
                                                        <ul class="
                                    space-y-4
                                    
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/videos" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Video tutorials</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Watch step-by-step demonstrations showing how to use think-cell.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/content-hub" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Content hub</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Read advice on data visualization and PowerPoint best practices.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/resources/think-cell-webinar-schedule" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Webinars</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Learn more about think-cell features in one of our free webinars.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-200" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'"> <span class="block text-sm text-gray-500 font-mono mb-2 px-3">Global survey</span>
                                                        <div class="list-none group/list_group_item"> <a href="/en/resources/reports/state-of-ai-in-business-presentations" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                <div class="overflow-hidden rounded-sm">
                                                                    <picture>
                                                                        <source srcset="/img/containers/assets/en/ai-report-ebook-navigation.png/4ab95a390257f370addde7cf9af51483/ai-report-ebook-navigation.webp" type="image/webp">
                                                                        <source srcset="/img/containers/assets/en/ai-report-ebook-navigation.png/0ea269b943b0e1ed921b5e907829bbe5/ai-report-ebook-navigation.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/ai-report-ebook-navigation.png/0ea269b943b0e1ed921b5e907829bbe5/ai-report-ebook-navigation.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-7/4 w-full h-full
           " alt="">
                                                                    </picture>
                                                                </div>
                                                                <div>
                                                                    <div class="flex justify-between">
                                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">The state of AI in business presentation creation 2026</span> </div>
                                                                    </div>
                                                                    <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Data and analysis of how professionals really use AI in presentation workflows.</span> </div>
                                                                    <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Read the report</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                                        </svg></div>
                                                                </div>
                                                            </a> </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </template> </li>
                            </ul>
                            <ul class="flex space-x-8 self-center h-full">
                                <li class="group relative cursor-pointer pl-2 pr-2" @click="open = !open" x-data="{
                    open: false,
                    timeoutId: null
                  }" @mouseenter="
                    clearTimeout(timeoutId);
                    open = true;
                  " @mouseleave="
                    timeoutId = setTimeout(() => {
                      open = false;
                    }, 50);
                  "> <a class=" flex items-center group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 group-hover:text-red-500 h-full "><span class=" ">Company</span><svg class="inline h-6 w-6 fill-black group-[[disabled]]:fill-gray-100 group-hover:fill-red-600 group-active:fill-gray-700 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                        </svg></a> <!-- Flyout --> <template x-teleport="#flyout-target">
                                        <div class="absolute left-0 right-0 origin-top-right py-12 bg-transparent ease-out duration-200" :class="open ? 'visible opacity-100 delay-150' : 'invisible opacity-0'" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @mouseenter="
                          clearTimeout(timeoutId);
                          open = true;
                        " @mouseleave="
                          timeoutId = setTimeout(() => {
                            open = false;
                          }, 50);
                        " @click.outside="open = false" x-init="$watch('open', value => {
                            if(open){
                              targetHeight=$el.scrollHeight
                              numSubNavOpen++
                            } else {
                              numSubNavOpen--
                              if(numSubNavOpen <= 0){ targetHeight=0 }
                            }
                          })
                        ">
                                            <div class="container">
                                                <ul class="grid grid-cols-3 gap-4 [&>li]:max-w-[19.375rem]">
                                                    <li class=" transition-[transform] duration-500 ease-out delay-0" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'"> <span class="text-sm text-gray-500 font-mono p-3">Career</span>
                                                        <ul class="
                                    space-y-4
                                    mt-3
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/career" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Job openings</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Grow your career with job opportunities at think-cell.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/career/talks" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Talks and publications</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Watch videos and get the slides from think-cell conference talks.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/career/events" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Events</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Join us at one of our career events.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/career/devblog" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Developer blog</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Find C++ tricks and tips from think-cell developers.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-100" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'"> <span class="text-sm text-gray-500 font-mono p-3">Company</span>
                                                        <ul class="
                                    space-y-4
                                    mt-3
                                  ">
                                                            <li class="list-none group/list_group_item"> <a href="/en/company/about" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">About us</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Everything you need to know about think-cell on one page.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                            <li class="list-none group/list_group_item"> <a href="/en/company/contact" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                    <div>
                                                                        <div class="flex justify-between">
                                                                            <div class="flex items-center space-x-2"> <span class="font-light text-base">Contact us</span> </div>
                                                                        </div>
                                                                        <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">See where to find us and how to get in touch.</span> </div>
                                                                    </div>
                                                                </a> </li>
                                                        </ul>
                                                    </li>
                                                    <li class=" transition-[transform] duration-500 ease-out delay-200" :class="numSubNavOpen > 0 ? 'translate-y-0' : '-translate-y-24'"> <span class="block text-sm text-gray-500 font-mono mb-2 px-3">Join think-cell</span>
                                                        <div class="list-none group/list_group_item"> <a href="/en/career/tech" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                                <div class="overflow-hidden rounded-sm">
                                                                    <picture>
                                                                        <source srcset="/img/containers/assets/en/career/images/developers_at_work.jpg/23ecd33f7e88184b1072d20ce415365c/developers_at_work.webp" type="image/webp">
                                                                        <source srcset="/img/containers/assets/en/career/images/developers_at_work.jpg/2252f3e6ed53c9bb403b41b6021d6265/developers_at_work.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/career/images/developers_at_work.jpg/2252f3e6ed53c9bb403b41b6021d6265/developers_at_work.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-7/4 w-full h-full
           " alt="">
                                                                    </picture>
                                                                </div>
                                                                <div>
                                                                    <div class="flex justify-between">
                                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Are you a tech talent interested in think-cell?</span> </div>
                                                                    </div>
                                                                    <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Benefit from a working environment that allows you to focus on the tasks that you care about.</span> </div>
                                                                    <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Learn more</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                                        </svg></div>
                                                                </div>
                                                            </a> </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </template> </li>
                            </ul>
                        </nav>
                        <div class="hidden min-w-0 flex-auto lg:flex justify-end sm:items-center" x-data="{ showLink: false }">
                            <div class="flex-1" x-resize="showLink = $width > 0"></div> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 flex-none opacity-0 pointer-events-none " :class="showLink ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'" href="/en/request-demo"><span class=" ">Book a demo</span></a> <a class="
    group rounded-sm inline-flex justify-between items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-10
    
      pl-5
      
    
    bg-red-500 text-white cursor-pointer active:bg-red-700
    [&[disabled]]:bg-red-100 [&[disabled]]:text-white [&[disabled]]:pointer-events-none
    hover:bg-red-300
    flex-none ml-4
  " href="https://server.think-cell.com/portal/en/trial.srf"> <span>Start free trial</span> <span class="relative" aria-hidden="true"> <span class="absolute w-full h-full flex items-center justify-center"> <svg height="20px" width="20px" class="
                fill-white
                group-[[disabled]]:fill-white
              " viewBox="0 0 20 20">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                        </svg> </span> <svg viewBox="0 0 50 40" fill="none" class="rounded-r-sm h-10
          fill-red-600 group-active:fill-red-700
          group-[[disabled]]:fill-red-200
          group-hover:fill-red-300
        ">
                                        <path d="M6.557 0H50v39.993L0 40 6.557 0Z" />
                                    </svg> </span> </a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="flyout-target" class="absolute lg:block z-10 left-0 right-0 transition-[height] duration-300 bg-white shadow border-b border-gray-100 overflow-clip" :style="`height: ${targetHeight}px`"></div>
            <div class="container lg:hidden bg-white sticky top-0 w-screen h-dvh overflow-y-scroll overscroll-contain pb-28" x-transition:enter="transition-transform transition-opacity ease-out duration-150" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-end="opacity-0 transform -translate-y-8" x-cloak x-show="mobileOpen" id="mobile-menu">
                <nav role="navigation">
                    <ul>
                        <li x-data="{ expanded: false }"> <a @click.prevent="expanded = !expanded" class="flex justify-between text-base font-medium py-4 min-h-14"> <span class="flex content-center justify-start gap-3"> <span class="text-lg leading-none self-center">Products</span> </span> <span x-show="mobileOpen" x-cloak class="flex items-center w-6 h-6" :class="expanded ? 'rotate-180' : ''"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                    </svg> </span> </a>
                            <ul x-collapse x-show="expanded" class="">
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-suite" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 31 31">
                                                                <path fill="#E9163C" d="M15.226 9A9.002 9.002 0 0 0 23 15.942V27a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h12.226ZM5 23a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2H5Zm3-8a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1Zm4 3a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1Zm4-6a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1Z" />
                                                                <path fill="#1B57F5" fill-rule="evenodd" d="M24 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14Zm.452 3.964a.5.5 0 0 0-.904 0l-.671 1.428a.5.5 0 0 1-.377.282l-1.538.235a.5.5 0 0 0-.282.843l1.144 1.173a.5.5 0 0 1 .135.43l-.266 1.628a.5.5 0 0 0 .736.519l1.329-.734a.501.501 0 0 1 .484 0l1.33.734a.5.5 0 0 0 .735-.519l-.266-1.629a.5.5 0 0 1 .135-.43l1.144-1.172a.5.5 0 0 0-.282-.843L25.5 5.674a.5.5 0 0 1-.377-.282l-.67-1.428Z" clip-rule="evenodd" />
                                                            </svg> <span class="font-light text-base">think-cell Suite</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-core" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#1B57F5" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" />
                                                            </svg> <span class="font-light text-base">think-cell Core</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-library" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#1B57F5" d="M9.01 11.182a1.5 1.5 0 1 1 2.122 2.123 1.5 1.5 0 0 1-2.121-2.123Z" />
                                                                <path fill="#1B57F5" d="M20 6c1.104 0 2 .896 2.001 2v10c0 1.104-.897 2-2.001 2H4.001a2 2 0 0 1-2-2L2 5a2 2 0 0 1 2-2h3.125a2 2 0 0 1 1.736 1.008L10 6h10Zm-7.808 4.121a2.999 2.999 0 0 0-4.826 3.412l-2.363 2.363c-.325.326-.272.906.118 1.296s.97.443 1.296.119l2.363-2.364a2.998 2.998 0 0 0 3.412-4.826Z" />
                                                            </svg> <span class="font-light text-base">think-cell Library</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-charts" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#1B57F5" d="M21 19a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h18ZM7 7a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2Zm6 4a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h2Zm6-8a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2Z" />
                                                            </svg> <span class="font-light text-base">think-cell Charts</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-assist" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" style="background:linear-gradient(to top right,#2972FF,#E9163C);border-radius:18.76% 0 18.76% 0" viewBox="0 0 48 48" fill="none">
                                                                <path d="M23.307 13.8987C23.3877 13.2689 24.2999 13.2689 24.3794 13.8987C25.107 19.5973 29.5949 24.0852 35.2935 24.8115C35.9232 24.8922 35.9232 25.8045 35.2935 25.8839C29.5949 26.6116 25.107 31.0994 24.3794 36.798C24.2999 37.4277 23.3877 37.4277 23.307 36.798C22.5806 31.0994 18.0927 26.6115 12.3942 25.8839C11.7644 25.8045 11.7644 24.8922 12.3942 24.8115C18.0927 24.0851 22.5807 19.5973 23.307 13.8987Z" fill="white" />
                                                                <path d="M41.4904 12.1904C41.8053 12.15 41.8053 11.6939 41.4904 11.6542C38.6411 11.2904 36.3972 9.04641 36.034 6.19715C35.9937 5.88226 35.5375 5.88226 35.4978 6.19715C35.134 9.04641 32.89 11.2904 30.0408 11.6542C29.7259 11.6939 29.7259 12.15 30.0408 12.1904C32.89 12.5536 35.134 14.7975 35.4978 17.6468C35.5375 17.9617 35.9937 17.9617 36.034 17.6468C36.3972 14.7975 38.6411 12.5535 41.4904 12.1904Z" fill="white" />
                                                            </svg> <span class="font-light text-base">think-cell Assist</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-essentials" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#E9163C" d="M15.5 8a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h12.5ZM4.25 13.25a1 1 0 0 0-1 1v5.5l.005.102a1 1 0 0 0 .892.893l.103.005h10l.102-.005a1 1 0 0 0 .898-.995v-5.5a1 1 0 0 0-1-1h-10Zm9 2v3.5h-8v-3.5h8Zm-9.25-5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5H4Z" />
                                                            </svg> <span class="font-light text-base">think-cell Essentials</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-core" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#1B57F5" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" />
                                                            </svg> <span class="font-light text-base">think-cell Core</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/think-cell-library" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 ml-6
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                                <path fill="#1B57F5" d="M9.01 11.182a1.5 1.5 0 1 1 2.122 2.123 1.5 1.5 0 0 1-2.121-2.123Z" />
                                                                <path fill="#1B57F5" d="M20 6c1.104 0 2 .896 2.001 2v10c0 1.104-.897 2-2.001 2H4.001a2 2 0 0 1-2-2L2 5a2 2 0 0 1 2-2h3.125a2 2 0 0 1 1.736 1.008L10 6h10Zm-7.808 4.121a2.999 2.999 0 0 0-4.826 3.412l-2.363 2.363c-.325.326-.272.906.118 1.296s.97.443 1.296.119l2.363-2.364a2.998 2.998 0 0 0 3.412-4.826Z" />
                                                            </svg> <span class="font-light text-base">think-cell Library</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/benefits" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Why think-cell?</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/whats-new" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">What's new</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/product/references" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Customer references</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li x-data="{ expanded: false }"> <a @click.prevent="expanded = !expanded" class="flex justify-between text-base font-medium py-4 min-h-14"> <span class="flex content-center justify-start gap-3"> <span class="text-lg leading-none self-center">Order</span> </span> <span x-show="mobileOpen" x-cloak class="flex items-center w-6 h-6" :class="expanded ? 'rotate-180' : ''"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                    </svg> </span> </a>
                            <ul x-collapse x-show="expanded" class="">
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="https://server.think-cell.com/portal/en/downloads.srf" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Download our software</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/order/new" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">New customers</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/order/addusers" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Add users</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/order/renew" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Renew licenses</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/order/resellers" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Official resellers</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/academics" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Academic program</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Startup program</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li class="list-none group/list_group_item"> <a href="https://server.think-cell.com/portal/en/trial.srf" class="
      flex flex-row gap-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                        <div class="overflow-hidden rounded-sm">
                                            <picture>
                                                <source srcset="/img/containers/assets/en/free-trial-think-cell.png/4b90aff45e1029d04453731b6c700ca9/free-trial-think-cell.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/en/free-trial-think-cell.png/ff314b046daae7a3169e91c1c601015c/free-trial-think-cell.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/free-trial-think-cell.png/ff314b046daae7a3169e91c1c601015c/free-trial-think-cell.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-square w-[6.25rem]
           " alt="">
                                            </picture>
                                        </div>
                                        <div>
                                            <div class="flex justify-between">
                                                <div class="flex items-center space-x-2"> <span class="font-light text-base">Start your free trial</span> </div>
                                            </div>
                                            <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Try out think-cell's full functionality completely risk-free.</span> </div>
                                            <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Start free trial</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                </svg></div>
                                        </div>
                                    </a> </li>
                            </ul>
                        </li>
                        <li x-data="{ expanded: false }"> <a @click.prevent="expanded = !expanded" class="flex justify-between text-base font-medium py-4 min-h-14"> <span class="flex content-center justify-start gap-3"> <span class="text-lg leading-none self-center">Resources</span> </span> <span x-show="mobileOpen" x-cloak class="flex items-center w-6 h-6" :class="expanded ? 'rotate-180' : ''"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                    </svg> </span> </a>
                            <ul x-collapse x-show="expanded" class="">
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/support" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Support</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/manual" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">User manual</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="https://academy.think-cell.com/" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">think-cell Academy</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/kb" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Knowledge base</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/videos" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Video tutorials</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/content-hub" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Content hub</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/resources/think-cell-webinar-schedule" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Webinars</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li class="list-none group/list_group_item"> <a href="/en/resources/reports/state-of-ai-in-business-presentations" class="
      flex flex-row gap-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                        <div class="overflow-hidden rounded-sm">
                                            <picture>
                                                <source srcset="/img/containers/assets/en/ai-report-ebook-navigation.png/4ab95a390257f370addde7cf9af51483/ai-report-ebook-navigation.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/en/ai-report-ebook-navigation.png/0ea269b943b0e1ed921b5e907829bbe5/ai-report-ebook-navigation.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/ai-report-ebook-navigation.png/0ea269b943b0e1ed921b5e907829bbe5/ai-report-ebook-navigation.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-square w-[6.25rem]
           " alt="">
                                            </picture>
                                        </div>
                                        <div>
                                            <div class="flex justify-between">
                                                <div class="flex items-center space-x-2"> <span class="font-light text-base">The state of AI in business presentation creation 2026</span> </div>
                                            </div>
                                            <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Data and analysis of how professionals really use AI in presentation workflows.</span> </div>
                                            <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Read the report</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                </svg></div>
                                        </div>
                                    </a> </li>
                            </ul>
                        </li>
                        <li x-data="{ expanded: false }"> <a @click.prevent="expanded = !expanded" class="flex justify-between text-base font-medium py-4 min-h-14"> <span class="flex content-center justify-start gap-3"> <span class="text-lg leading-none self-center">Company</span> </span> <span x-show="mobileOpen" x-cloak class="flex items-center w-6 h-6" :class="expanded ? 'rotate-180' : ''"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                    </svg> </span> </a>
                            <ul x-collapse x-show="expanded" class="divide-y space-y-4">
                                <li> <span class="block text-sm text-gray leading-none font-mono py-[0.25rem] pt-6 pb-4">Career</span>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/career" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Job openings</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/career/talks" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Talks and publications</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/career/events" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Events</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/career/devblog" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Developer blog</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li> <span class="block text-sm text-gray leading-none font-mono py-[0.25rem] pt-6 pb-4">Company</span>
                                    <ul>
                                        <li class="list-none group/list_group_item"> <a href="/en/company/about" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">About us</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item"> <a href="/en/company/contact" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Contact us</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                                <li class="list-none group/list_group_item"> <a href="/en/career/tech" class="
      flex flex-row gap-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                        <div class="overflow-hidden rounded-sm">
                                            <picture>
                                                <source srcset="/img/containers/assets/en/career/images/developers_at_work.jpg/23ecd33f7e88184b1072d20ce415365c/developers_at_work.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/en/career/images/developers_at_work.jpg/2252f3e6ed53c9bb403b41b6021d6265/developers_at_work.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/career/images/developers_at_work.jpg/2252f3e6ed53c9bb403b41b6021d6265/developers_at_work.jpg" class="
            object-cover transition duration-150 ease-out group-hover/list_group_item:scale-110
            aspect-square w-[6.25rem]
           " alt="">
                                            </picture>
                                        </div>
                                        <div>
                                            <div class="flex justify-between">
                                                <div class="flex items-center space-x-2"> <span class="font-light text-base">Are you a tech talent interested in think-cell?</span> </div>
                                            </div>
                                            <div class="
            block font-light text-gray-500 text-sm leading-tight
          "> <span class="hidden md:block">Benefit from a working environment that allows you to focus on the tasks that you care about.</span> </div>
                                            <div class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 font-light mt-2 "><span class=" ">Learn more</span><svg class="inline h-5 w-5 fill-red-500 group-[[disabled]]:fill-red-200 group-hover:fill-red-600 group-active:fill-red-700 " viewBox="0 0 20 20">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                </svg></div>
                                        </div>
                                    </a> </li>
                            </ul>
                        </li>
                        <li x-data="{ expanded: false }"> <a @click.prevent="expanded = !expanded" class="flex justify-between text-base font-medium py-4 min-h-14"> <span class="flex content-center justify-start gap-3"> <svg width="24" height="24" class="self-center max-w-6 w-full fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C12.2151 20 12.9482 19.7737 13.7467 18.1766C14.3857 16.8986 14.8571 15.094 14.9726 13H9.02739C9.14295 15.094 9.61429 16.8986 10.2533 18.1766C11.0518 19.7737 11.7849 20 12 20ZM19.9381 13C19.5956 15.7464 17.861 18.0605 15.4627 19.2138C16.2974 17.6107 16.8545 15.4337 16.9753 13H19.9381ZM19.9381 11C19.5956 8.25357 17.861 5.93948 15.4627 4.78617C16.2974 6.38927 16.8545 8.5663 16.9753 11H19.9381ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.53731 19.2138C6.13899 18.0605 4.40437 15.7464 4.06189 13H7.02469C7.1455 15.4337 7.70259 17.6107 8.53731 19.2138ZM4.06189 11H7.02469C7.1455 8.5663 7.70258 6.38927 8.53731 4.78617C6.13899 5.93948 4.40437 8.25357 4.06189 11ZM12 4C11.7849 4 11.0518 4.22632 10.2533 5.82336C9.61429 7.10143 9.14295 8.90602 9.02739 11H14.9726C14.8571 8.90602 14.3857 7.10143 13.7467 5.82336C12.9482 4.22632 12.2151 4 12 4Z" />
                                    </svg> <span class="text-lg leading-none self-center">English</span> </span> <span x-show="mobileOpen" x-cloak class="flex items-center w-6 h-6" :class="expanded ? 'rotate-180' : ''"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                        <path fill-rule="evenodd" d="M17.7071 10.2929c-.3905-.39053-1.0237-.39053-1.4142 0L12 14.5858l-4.29289-4.2929c-.39053-.39053-1.02369-.39053-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142L12 17.4142l5.7071-5.7071c.3905-.3905.3905-1.0237 0-1.4142Z" clip-rule="evenodd" />
                                    </svg> </span> </a>
                            <ul x-collapse x-show="expanded" class="">
                                <li>
                                    <ul>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/de/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Deutsch</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/en/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm py-3 pl-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">English</span> </div> <svg class="w-6 fill-red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L10 17.4142L6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929C6.68342 11.9024 7.31658 11.9024 7.70711 12.2929L10 14.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289Z" />
                                                        </svg>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/es/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Español</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/fr/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Français</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/it/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Italiano</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/pt/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">Português</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/zh/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">中文</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                        <li class="list-none group/list_group_item" x-init="$el.querySelector('a').href += window.location.search + window.location.hash"> <a href="/ja/order/startup-program" class="
      flex flex-col space-y-2
    hover:bg-gray-50 rounded-sm p-3 
    focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    ">
                                                <div>
                                                    <div class="flex justify-between">
                                                        <div class="flex items-center space-x-2"> <span class="font-light text-base">日本語</span> </div>
                                                    </div>
                                                </div>
                                            </a> </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3 mt-3"> <a class="
    group rounded-sm inline-flex justify-between items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-12
    
      pl-5
      
    
    bg-gray-75 text-black cursor-pointer active:bg-gray-100
    [&[disabled]]:bg-gray-50 [&[disabled]]:text-gray-300 [&[disabled]]:pointer-events-none
    hover:bg-gray-50
    
  " href="https://server.think-cell.com/portal/en/login.srf?direct"> <span>Log in</span> <span class="relative" aria-hidden="true"> <span class="absolute w-full h-full flex items-center justify-center"> <svg height="24px" width="24px" class="
                fill-black
                group-[[disabled]]:fill-gray-300
              " viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                    </svg> </span> <svg viewBox="0 0 50 40" fill="none" class="rounded-r-sm h-12
          fill-gray-100 group-active:fill-gray-100
          group-[[disabled]]:fill-gray-100
          group-hover:fill-gray-50
        ">
                                    <path d="M6.557 0H50v39.993L0 40 6.557 0Z" />
                                </svg> </span> </a> <a class="
    group rounded-sm inline-flex justify-between items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-12
    
      pl-5
      
    
    bg-red-500 text-white cursor-pointer active:bg-red-700
    [&[disabled]]:bg-red-100 [&[disabled]]:text-white [&[disabled]]:pointer-events-none
    hover:bg-red-300
    
  " href="https://server.think-cell.com/portal/en/trial.srf"> <span>Start free trial</span> <span class="relative" aria-hidden="true"> <span class="absolute w-full h-full flex items-center justify-center"> <svg height="24px" width="24px" class="
                fill-white
                group-[[disabled]]:fill-white
              " viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                    </svg> </span> <svg viewBox="0 0 50 40" fill="none" class="rounded-r-sm h-12
          fill-red-600 group-active:fill-red-700
          group-[[disabled]]:fill-red-200
          group-hover:fill-red-300
        ">
                                    <path d="M6.557 0H50v39.993L0 40 6.557 0Z" />
                                </svg> </span> </a> </div>
                </nav>
            </div>
        </nav>
    </header>
    <main class="flex-grow flex-shrink-0 basis-auto" data-pagefind-body>
        <div class="relative
    overflow-hidden
    
    relative bg-red-700 overflow-hidden
  ">
            <div class="
    container
    
    
    
  ">
                <div class="absolute inset-x-0 top-0 h-[15rem] bg-red-600">
                    <div class="absolute inset-0 bg-top bg-cover bg-[url('/resources/images/bg-headline-grid-pattern-red.svg')]"></div>
                    <div class="absolute bottom-0 inset-x-0 h-3/4 bg-gradient-to-t from-red-700 to-red-700/0"></div>
                </div>
                <h1 class="text-4xl md:text-5xl font-light relative py-16 md:py-[5.5rem] text-white"> Startup program </h1>
            </div>
        </div>
        <div class="relative
    overflow-visible
    
    
  ">
            <div class="
    container
    
    
    
  ">
                <ol class="flex flex-wrap items-center justify-start py-6 gap-2">
                    <li class="inline-flex gap-2 leading-tighter after:content-['/'] after:text-gray-500 after:leading-tighter last:after:content-none group" data-pagefind-ignore> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 text-gray-500 " href="/en"><span class=" ">Home</span></a> </li>
                    <li class="inline-flex gap-2 leading-tighter after:content-['/'] after:text-gray-500 after:leading-tighter last:after:content-none group" data-pagefind-ignore> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-black [&[disabled]]:text-gray-100 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-gray-700 text-gray-500 " href="/en/order"><span class=" ">Order</span></a> </li>
                    <li class="inline-flex gap-2 leading-tighter after:content-['/'] after:text-gray-500 after:leading-tighter last:after:content-none group" data-pagefind-ignore> <span class="text-gray-500 group-last:text-black font-medium">Startup program</span> </li>
                </ol>
            </div>
        </div>
        <div class="mt-10 mb-44 w-full">
            <div class="container
  
  pb-16 md:pb-[5.5rem]
  ">
                <div class="row gap-y-6 flex-col-reverse md:flex-row md:items-center" x-animate-intersect>
                    <div class="space-y-8 col-12 md:col-4">
                        <div class="">
                            <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> Create powerful pitch decks and board reports </h2>
                            <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                <p>Apply with your startup and save 90% in the first year and 50% in your second year on the #1 charting software</p>
                            </div>
                        </div>
                        <div class="" x-animate="up md:delay-200">
                            <div class="flex flex-col flex-wrap gap-4 md:inline-flex md:flex-row md:gap-6 md:items-center "> <a class="
    group rounded-sm inline-flex justify-between items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-12
    
      pl-5
      
    
    bg-red-500 text-white cursor-pointer active:bg-red-700
    [&[disabled]]:bg-red-100 [&[disabled]]:text-white [&[disabled]]:pointer-events-none
    hover:bg-red-300
    grow
  " href="https://de.surveymonkey.com/r/9VX8CM2"> <span>Apply now with 90% off</span> <span class="relative" aria-hidden="true"> <span class="absolute w-full h-full flex items-center justify-center"> <svg height="24px" width="24px" class="
                fill-white
                group-[[disabled]]:fill-white
              " viewBox="0 0 20 20">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                            </svg> </span> <svg viewBox="0 0 50 40" fill="none" class="rounded-r-sm h-12
          fill-red-600 group-active:fill-red-700
          group-[[disabled]]:fill-red-200
          group-hover:fill-red-300
        ">
                                            <path d="M6.557 0H50v39.993L0 40 6.557 0Z" />
                                        </svg> </span> </a> </div>
                        </div>
                    </div>
                    <div class="col-12 items-center md:col-7 md:offset-1" x-animate="up">
                        <div class="">
                            <div class="" x-data="{seektime:0}">
                                <div x-data="{elementInDOM: false}" @video-seek="
        elementInDOM = true
        seektime = $event.detail.seek
      "> <a class="relative block min-h-12
  
" x-show="!elementInDOM" @click="elementInDOM=true" x-init="$watch('elementInDOM', () => {
                if(elementInDOM===true){
                  $nextTick(() => {
                    _paq.push(['MediaAnalytics::scanForMedia', $el])
                    $dispatch('stop-all-videos', $el)
                  })
                }
              })" @stop-all-videos.window="if($el!==$event.detail)elementInDOM=false">
                                        <picture>
                                            <source type="image/webp" srcset="https://i.ytimg.com/vi_webp/cS7Wy3-nd-M/maxresdefault.webp" />
                                            <source type="image/jpeg" srcset="https://i.ytimg.com/vi/cS7Wy3-nd-M/maxresdefault.jpg" /> <img src="https://i.ytimg.com/vi/cS7Wy3-nd-M/maxresdefault.jpg" alt="" class="aspect-video w-full" aria-hidden="true" />
                                        </picture>
                                        <div class="cursor-pointer absolute top-0 left-0 w-full h-full bg-gray-500 bg-opacity-30 flex items-center justify-center group"> <button class="relative h-18 w-18 bg-black bg-opacity-50
        rounded-full inline-flex items-center justify-center
        transition-colors duration-150
        group-hover:bg-opacity-65 group-active:bg-opacity-80
        focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2" aria-label="Play video"> <span class="absolute -inset-0.5"></span> <span class="sr-only">Play video</span> <span class="w-9  h-9 fill-white"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
                                                        <path d="M35.323 22.99 14.195 35.535c-1.616.921-3.81.46-4.733-1.266A3.24 3.24 0 0 1 9 32.543V7.453C9 5.496 10.5 4 12.464 4c.577 0 1.27.115 1.731.46l21.128 12.545c1.617.921 2.194 3.108 1.155 4.72-.23.575-.693.92-1.155 1.265Z" />
                                                    </svg> </span> </button> </div>
                                    </a> <template x-if="elementInDOM">
                                        <div x-init='
        const observer = new IntersectionObserver(
          entries => { if (!entries[0].isIntersecting) { elementInDOM=false } },
          { threshold: 0 }
        )
        observer.observe($el)
        '> <iframe class="w-full aspect-video" data-src="https://www.youtube-nocookie.com/embed/cS7Wy3-nd-M?rel=0&&hl=en&enablejsapi=1" src="https://www.youtube-nocookie.com/embed/cS7Wy3-nd-M?rel=0&&hl=en&enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen x-data="{ seekAndPlay: ()=>{
            $el.contentWindow.postMessage(JSON.stringify({ event: 'command', func: 'seekTo', args: [seektime, true] }), 'https://www.youtube-nocookie.com')
            $el.contentWindow.postMessage(JSON.stringify({ event: 'command', func: 'playVideo' }), 'https://www.youtube-nocookie.com')
          }
        }" x-init="
          $watch('seektime',seekAndPlay)
          $el.onload = seekAndPlay
        "> </iframe> </div>
                                    </template> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container
  
  pb-16 md:pb-[5.5rem]
  flex flex-col md:flex-row justify-between items-start md:items-center gap-x-6 gap-y-8" x-animate-intersect>
                <h2 class="text-3xl font-light" x-animate="up"> think-cell is trusted by fast-growing companies around the world: </h2>
                <div x-animate="in" class="w-full md:w-2/3">
                    <div class="w-full inline-flex flex-nowrap overflow-hidden group
    [mask-image:_linear-gradient(to_right,transparent_0,_white_4.25rem,_white_calc(100%-4.25rem),transparent_100%)]
    
  " x-data="{contentReady: false, repetitions: 2, singleWidth: 0}" x-ref="container">
                        <div class="flex group
      
    " style="--infiniteSliderSpeed: 30s;" x-bind:style="'--infiniteSliderSpeed: ' + singleWidth/100 + 's'" x-data="{updateRepetitions: ()=>{
      if($el.offsetWidth < $refs.container.offsetWidth*2){
        if(singleWidth !== 0){
          repetitions = Math.ceil($refs.container.offsetWidth/singleWidth) + 1
        }
      }
    }}" x-init="$watch('singleWidth', () => updateRepetitions())" x-resize.document="updateRepetitions()"> <template x-for="i in repetitions">
                                <div class="flex items-center md:justify-start [&_img]:max-w-none
          group-hover:[animation-play-state:paused]
        " x-data="{resetAnimation: ()=>{ // workaround to keep all animations in sync when 'repetitions' are changing (e.g. on resizing)
            $el.classList.remove('animate-infinite-scroll')
            void $el.offsetWidth
            $el.classList.add('animate-infinite-scroll')
          }
        }" x-init="window.addEventListener('load', () => {
            contentReady=true
            singleWidth=$el.offsetWidth
          })
          $watch('repetitions', () => {resetAnimation()})
          $watch('contentReady', () => {resetAnimation()})
        " x-resize.document="singleWidth=$el.offsetWidth" :class="contentReady ? 'animate-infinite-scroll' : ''"> <svg class="mx-9 fill-gray-500" height="72px" width="156px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 72">
                                        <path d="M21.053 35.98C21.053 29.902 25.99 25 32.17 25c6.222 0 11.158 4.903 11.158 10.98 0 6.033-4.936 11.02-11.158 11.02-6.18 0-11.116-5.029-11.116-11.02Zm16.965 0c0-3.018-2.614-5.7-5.849-5.7-3.194 0-5.765 2.682-5.765 5.7 0 3.058 2.613 5.74 5.765 5.74 3.236 0 5.849-2.682 5.849-5.74Zm94.708.167c0-6.663 5.372-11.147 10.242-11.147 3.331 0 5.246 1.006 6.536 2.976l.5-2.598H155V46.58h-4.996l-.625-2.179C147.922 45.994 146.09 47 143.01 47c-4.871 0-10.284-4.274-10.284-10.853Zm16.987-.042c0-3.226-2.624-5.825-5.87-5.825-3.206 0-5.787 2.64-5.787 5.91 0 2.932 2.623 5.572 5.787 5.572 3.288-.042 5.87-2.682 5.87-5.657Zm-22.975-8.139v-2.43h-5.301V46.38h5.301V35.134c0-3.378 1.619-5.15 4.491-5.15.202 0 .365 0 .526.042l.971-5.026c-2.751.041-4.734.988-5.988 2.966Zm-54.149 0v-2.43h-5.463l.042 20.844h5.463l-.042-11.246c0-3.378 1.668-5.15 4.588-5.15.209 0 .375 0 .543.042l1-5.026c-2.836.041-4.88.988-6.131 2.966ZM45.463 38.29V25.31h5.334v12.31c0 2.722 1.467 4.313 4.032 4.313 2.851 0 4.521-1.8 4.521-5.234V25.31h5.335v21.188H59.35v-2.47C58.087 46.037 56.051 47 53.241 47c-4.805.041-7.778-3.517-7.778-8.71Zm52.48-2.331c0-5.94 4.222-11 10.845-10.959 6.167 0 10.513 5.02 10.513 10.874 0 .586-.041 1.214-.124 1.758l-15.936-.042c.622 2.551 2.691 4.35 5.795 4.391 1.904 0 3.933-.71 5.174-2.3l3.685 3.011C115.99 45.411 112.637 47 109.078 47c-6.292-.084-11.135-4.852-11.135-11.041Zm15.936-2.175c-.29-2.134-2.525-3.807-5.091-3.807-2.525 0-4.553 1.506-5.34 3.765l10.431.042ZM78.72 42l4.812-2.541c.788 1.75 2.406 2.75 4.645 2.75 2.074 0 2.863-.668 2.863-1.584 0-3.375-11.448-1.333-11.448-9.083 0-4.292 3.733-6.542 8.337-6.542 3.484 0 6.595 1.542 8.295 4.459L91.454 32c-.704-1.417-2.032-2.208-3.733-2.208-1.659 0-2.447.583-2.447 1.541 0 3.292 11.448 1.209 11.448 9.084 0 4.083-3.318 6.583-8.669 6.583-4.562-.042-7.756-1.542-9.332-5ZM0 35.866C0 29.834 4.895 25 11.024 25c3.948 0 7.362 1.983 9.337 4.957l-4.607 2.687c-1.07-1.488-2.756-2.48-4.73-2.48-3.168 0-5.718 2.645-5.718 5.66 0 3.016 2.591 5.66 5.718 5.66a5.68 5.68 0 0 0 4.853-2.685l4.566 2.726c-1.933 3.099-5.43 5.165-9.42 5.165C4.896 46.73 0 41.774 0 35.866Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="112px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 72">
                                        <path d="m103.228 22.001-2.401 6.231h7.772l2.401-6.23h-7.772ZM42.479 29.67 34.667 50h7.772l7.812-20.33H42.48Zm-8.26-7.668L23.437 50h7.772l10.784-28h-7.774Zm38.37 11.663c0-2.835-2.278-4.354-5.453-4.354-2.523 0-4.842.6-6.754 2.477l.772-2.116h-7.527L45.815 50h7.772L57.9 38.777c.814-2.117 2.075-3.913 4.597-3.913 1.099 0 1.628.359 1.628 1.198 0 .4-.122.919-.365 1.557L59 50h7.772l4.394-11.384c.65-1.637 1.423-3.714 1.423-4.951ZM85.366 50h7.812l-4.394-10.544 10.66-9.786h-8.586l-7.934 7.349L88.7 22h-7.77L70.146 49.997h7.772l3.622-9.425L85.366 50ZM10.783 22 0 50h8.545l3.702-9.586h11.515l2.563-6.71H14.81l1.871-4.833h12.492l2.646-6.869H10.783Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="151px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 151 72">
                                        <path d="M78.276 44.207c1.005 1.352.695 3.24-.693 4.22h-.073c-1.39.976-3.332.675-4.34-.673l-3.32-4.445 3.904-5.211 4.522 6.11Zm35.041-20.881V40.72c0 2.104 1.532 3.546 4.17 3.546h1.216c2.639 0 4.171-1.383 4.171-3.546V25.689c0-1.305 1.089-2.363 2.432-2.363h2.942l.012 18.246c0 4.456-3.149 7.422-8.596 7.422h-3.149c-5.447 0-8.597-2.966-8.597-7.422V25.69c0-1.305 1.089-2.363 2.432-2.363h2.967Zm-54.288.247c1.391-.976 3.332-.675 4.341.674l4.863 6.535 3.891 5.213-5.119 6.853-3.647 4.8c-1.009 1.348-2.95 1.648-4.341.673h-.073c-1.385-.989-1.69-2.879-.68-4.232l6.078-8.154-6.078-8.143c-1.006-1.352-.696-3.238.692-4.22h.073Zm-37.326-.237v2.778c0 1.344-1.122 2.435-2.506 2.435H7.88c-.672 0-1.217.529-1.217 1.18v3.807h11.953v2.742c0 .646-.264 1.264-.734 1.72a2.54 2.54 0 0 1-1.771.714H6.662v9.952H0V25.76c.006-1.34 1.126-2.424 2.504-2.424h19.199Zm7.064 0a2.564 2.564 0 0 1 1.796.709c.477.46.745 1.085.744 1.738V42.27c0 .652.545 1.181 1.217 1.181h10.773v2.765c0 1.352-1.127 2.448-2.518 2.448h-13.69c-1.39 0-2.517-1.096-2.517-2.448v-22.88h4.195Zm24.134 25.328h-6.675V35.439c.008-1.342 1.124-2.428 2.505-2.435h4.17v15.66Zm43.163-25.316c4.754 0 7.83 2.73 7.83 7.352a6.624 6.624 0 0 1-1.774 4.964c.095.072.414.316.59.463l.053.056a6.892 6.892 0 0 1 2.092 5.153c0 4.621-2.869 7.316-7.624 7.316H85.79c-1.374-.007-2.486-1.088-2.492-2.424V25.772c.006-1.336 1.118-2.417 2.492-2.424h10.274ZM88.6 37.932v4.255c0 1.305 1.089 2.363 2.432 2.363l4.608-.024c1.873 0 3.391-1.475 3.391-3.296 0-1.822-1.519-3.298-3.391-3.298H88.6Zm.025-10.482v3.817c.006 1.153.966 2.085 2.151 2.091h4.11c1.679 0 3.04-1.322 3.04-2.954 0-1.632-1.361-2.954-3.04-2.954h-6.261Zm61.022-4.148v2.753c-.007 1.335-1.119 2.416-2.493 2.423h-8.365c-1.325.09-2.354 1.16-2.354 2.452 0 1.291 1.029 2.363 2.354 2.453h3.501c4.252.013 7.696 3.36 7.71 7.492 0 4.224-3.485 7.67-7.831 7.74h-8.511c-1.374-.005-2.486-1.086-2.492-2.422V43.44h10.943c1.325-.09 2.353-1.16 2.353-2.452 0-1.291-1.028-2.362-2.353-2.452h-3.441c-4.273.013-7.749-3.34-7.77-7.492-.001-4.217 3.47-7.658 7.807-7.741h10.942Zm-76.526.992c1.009-1.348 2.95-1.65 4.34-.673h.061c1.388.98 1.698 2.867.694 4.218l-4.462 6.051-3.952-5.211 3.319-4.385Zm-22.724-.958c1.38.008 2.498 1.093 2.504 2.436v2.434c-.006 1.342-1.125 2.428-2.504 2.434h-4.17v-4.868c.007-1.343 1.123-2.428 2.504-2.436h1.666Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="168px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 168 72">
                                        <path d="M20.372 36.007c0 .86-.005 1.709.005 2.559.002.197-.073.316-.222.43a9.996 9.996 0 0 1-3.51 1.72c-1.299.353-2.62.48-3.96.344-.95-.095-1.856-.344-2.7-.806-1.47-.805-2.447-2.037-3.02-3.603-.575-1.567-.7-3.188-.571-4.844.073-.934.251-1.839.566-2.717.41-1.147 1.052-2.14 1.987-2.921 1.59-1.329 3.46-1.702 5.454-1.505 1.435.141 2.634.835 3.665 1.834.612.594 1.111 1.276 1.554 2.003.155.255.128.221.364.095.603-.324 1.2-.66 1.797-.992.778-.432 1.554-.869 2.335-1.293.134-.073.147-.132.09-.265a9.23 9.23 0 0 0-2.243-3.21c-1.027-.948-2.21-1.612-3.513-2.078-1.486-.531-3.027-.733-4.596-.757-.364-.006-.728.02-1.092.035a16.297 16.297 0 0 0-3.736.588c-1.94.544-3.689 1.454-5.177 2.831-1.456 1.349-2.491 2.983-3.117 4.873a14.63 14.63 0 0 0-.704 5.523c.081 1.375.342 2.704.828 3.988.685 1.804 1.76 3.343 3.17 4.64a13.306 13.306 0 0 0 3.694 2.39 14.699 14.699 0 0 0 5.635 1.232 17.34 17.34 0 0 0 2.316-.125c2.062-.23 4.014-.813 5.83-1.83 1.4-.781 2.636-1.763 3.63-3.04a.852.852 0 0 0 .194-.563c-.006-2.808-.004-5.616-.004-8.424 0-.058-.006-.116 0-.173.021-.175-.067-.224-.222-.207-.033.003-.068 0-.102 0H12.569c-.356 0-.325-.012-.325.346v3.487c0 .43-.038.405.413.405l7.36.001c.123 0 .252-.031.355.029Zm34.44-4.619c.16-.277.31-.56.483-.828.992-1.53 2.392-2.422 4.183-2.697 1.253-.191 2.495-.165 3.719.197 1.47.433 2.528 1.372 3.249 2.716.135.252.25.515.383.792.22-.334.417-.665.644-.972 1.34-1.815 3.148-2.713 5.376-2.826.873-.045 1.727.015 2.57.23 1.804.457 3.06 1.561 3.792 3.281.347.82.528 1.677.62 2.56.06.574.063 1.147.063 1.72v9.116c0 .45.045.415-.398.415h-4.964c-.069 0-.137-.003-.206 0-.13.004-.188-.057-.182-.188.004-.092 0-.184 0-.276 0-2.9.002-5.8-.001-8.7 0-.741-.111-1.463-.401-2.151-.367-.87-1.008-1.41-1.919-1.598-1.097-.226-2.136-.088-3.05.617-.663.513-1.007 1.233-1.202 2.031a6.13 6.13 0 0 0-.16 1.468c.002 2.762 0 5.524 0 8.286 0 .07.002.139 0 .208-.004.298-.004.302-.306.302-1.69.002-3.378.001-5.067 0-.354 0-.356-.001-.356-.357 0-2.774.002-5.547-.001-8.321-.001-.724-.039-1.445-.243-2.146-.419-1.433-1.32-2.099-2.768-2.179-.767-.042-1.492.123-2.149.554-.61.4-.993.972-1.245 1.641a5.093 5.093 0 0 0-.328 1.82c.003 2.842.002 5.685.002 8.528 0 .092-.005.184 0 .276.006.133-.058.188-.185.185-.069-.003-.137 0-.206 0h-5.1c-.25-.008-.25-.008-.259-.246-.002-.057 0-.115 0-.172V28.688c0-.47-.047-.427.42-.427 1.575-.002 3.15 0 4.724 0 .069 0 .138.005.206-.001.164-.015.219.06.217.221-.007.53-.003 1.06-.002 1.588v1.31l.047.009Zm40.49-3.644a9.33 9.33 0 0 0-1.899.196c-1.9.396-3.5 1.274-4.643 2.9-.023.032-.045.083-.121.054v-.335c0-.679.002-1.358-.002-2.037 0-.251-.007-.252-.245-.261-.068-.003-.136 0-.205 0h-4.005c-.285 0-.57-.004-.856 0-.275.004-.275.006-.28.295v23.029c0 .08.002.161 0 .242-.002.114.052.17.165.17h4.382c.308 0 .616.004.924 0 .273-.003.273-.006.278-.294.002-.08 0-.16 0-.241v-8.555c.361.302.663.626 1.005.913 1.448 1.211 3.15 1.706 4.99 1.795a9.733 9.733 0 0 0 2.446-.203c1.594-.33 2.984-1.051 4.125-2.226 1.054-1.084 1.725-2.393 2.076-3.863.261-1.095.371-2.205.297-3.34-.063-.945-.2-1.868-.491-2.769-.551-1.705-1.533-3.091-3.011-4.103-1.489-1.017-3.168-1.369-4.93-1.367Zm-1.963 3.916c.768-.01 1.557.134 2.287.524.956.51 1.568 1.32 1.88 2.345.472 1.551.455 3.103-.17 4.61-.575 1.384-1.621 2.215-3.09 2.478-1.264.226-2.474.08-3.584-.608-.87-.539-1.444-1.318-1.743-2.3-.285-.935-.298-1.89-.22-2.858.043-.542.138-1.068.337-1.57.531-1.338 1.527-2.134 2.9-2.474a5.59 5.59 0 0 1 1.403-.146Zm22.892-3.904a21.91 21.91 0 0 0-.573.014 18.48 18.48 0 0 0-2.444.234c-1.291.219-2.524.606-3.653 1.284-1.662.996-2.759 2.405-3.069 4.371-.045.282-.047.288.244.288 1.768.002 3.536.002 5.305 0 .276 0 .281-.002.338-.26.21-.967.794-1.614 1.695-1.963 1.278-.496 2.583-.506 3.888-.126.608.177 1.108.534 1.436 1.097.317.547.359 1.152.348 1.766-.003.162-.112.17-.235.18-.555.043-1.11.089-1.665.14-1.369.128-2.739.258-4.108.388-1.009.096-2.013.224-3.004.442-.982.216-1.94.506-2.8 1.052-.785.499-1.363 1.175-1.693 2.056a4.966 4.966 0 0 0-.282 2.362c.139 1.199.647 2.186 1.562 2.963.888.755 1.932 1.155 3.055 1.37 1.045.2 2.097.244 3.161.168 1.203-.086 2.371-.306 3.477-.797 1.074-.478 1.982-1.168 2.626-2.178.038-.059.036-.167.152-.15.026.392.055.78.076 1.17.023.423.079.842.138 1.261.019.138.069.213.214.204.068-.004.137 0 .205 0l4.895-.001c.112 0 .227.021.385-.044a12.727 12.727 0 0 1-.265-1.7 32.34 32.34 0 0 1-.137-2.92c-.018-1.922-.007-3.843-.004-5.765a7.657 7.657 0 0 0-.466-2.698c-.351-.946-.902-1.748-1.688-2.381-.927-.749-1.999-1.179-3.145-1.437-1.309-.295-2.633-.404-3.969-.39Zm3.446 9.642c.171-.004.181.033.185.261.003.173.001.346.001.603a3.014 3.014 0 0 1-.281 1.523c-.372.794-.991 1.335-1.764 1.706-.738.354-1.523.512-2.338.57a6.425 6.425 0 0 1-2.063-.173 3.064 3.064 0 0 1-.781-.338c-1.109-.646-1.114-2.234-.056-2.928.497-.325 1.053-.482 1.625-.601.916-.191 1.849-.243 2.776-.343.825-.09 1.651-.171 2.477-.257.045-.004.089-.016.134-.018a2.82 2.82 0 0 1 .085-.005ZM26.225 28.3c.125-.056.218-.039.308-.04h5.682c.337.001.307-.046.438.3 1.026 2.712 2.054 5.425 3.082 8.137a97.32 97.32 0 0 1 1.29 3.557c.018.053.028.112.09.147.12-.105.105-.265.152-.397.523-1.48 1.032-2.965 1.56-4.443.599-1.673 1.212-3.34 1.819-5.01.247-.68.5-1.356.742-2.036.06-.17.133-.26.336-.26 1.837.009 3.674.006 5.511.006.044 0 .089.01.158.02-.091.38-.275.709-.42 1.05-1.066 2.5-2.14 4.995-3.212 7.491-1.278 2.981-2.562 5.96-3.832 8.944-.479 1.125-1.049 2.19-1.816 3.145-1.27 1.579-2.926 2.479-4.886 2.857-1.251.24-2.511.26-3.778.208-.524-.021-1.043-.087-1.563-.146-.32-.036-.323-.043-.324-.351-.001-1.243-.002-2.486 0-3.728 0-.287.005-.283.293-.238 1.107.175 2.218.241 3.33.037.763-.14 1.464-.432 2.05-.957.388-.347.689-.757.838-1.272a.64.64 0 0 0-.045-.491c-.264-.548-.522-1.099-.781-1.648-.916-1.94-1.831-3.879-2.749-5.817-.54-1.14-1.085-2.278-1.625-3.418-.855-1.803-1.707-3.607-2.56-5.41-.032-.072-.055-.148-.088-.238Zm120.218 2.665-2.678 2.778c-.407-.324-.792-.644-1.216-.91-1.02-.644-2.136-1.017-3.315-1.215-1.107-.185-2.223-.196-3.339-.126-.488.03-.974.107-1.425.32-.354.166-.632.398-.721.813-.088.407.048.818.377 1.068.203.155.433.251.675.322.483.142.982.191 1.48.244 1.448.151 2.896.299 4.344.448 1.091.112 2.163.307 3.173.76 1.549.695 2.471 1.86 2.657 3.59.101.94.052 1.855-.285 2.743-.422 1.111-1.197 1.913-2.202 2.5-1.05.614-2.202.923-3.39 1.111a18.127 18.127 0 0 1-3.473.203c-2.037-.07-4.033-.366-5.921-1.198-1.347-.593-2.522-1.418-3.485-2.543-.073-.086-.138-.179-.217-.283.45-.39.887-.771 1.328-1.15.52-.445 1.043-.889 1.565-1.332.185-.156.19-.158.347.016 1.255 1.39 2.834 2.159 4.647 2.495.933.173 1.873.254 2.819.239.647-.01 1.297-.05 1.925-.242.459-.14.892-.327 1.102-.795.225-.501.18-1.317-.562-1.627a4.736 4.736 0 0 0-1.322-.33c-.972-.105-1.947-.184-2.919-.292-1.174-.132-2.36-.181-3.514-.476-.968-.246-1.893-.582-2.701-1.197-.813-.62-1.347-1.42-1.569-2.427-.217-.984-.209-1.959.125-2.917.411-1.181 1.247-1.983 2.311-2.565 1.064-.583 2.218-.883 3.41-1.052.7-.1 1.403-.137 2.109-.168 1.659-.075 3.297.07 4.909.46 1.623.394 3.128 1.055 4.403 2.178.12.106.232.221.345.335.063.064.122.133.203.222Zm17.771 2.765c-1.227-1.122-2.661-1.766-4.265-2.068-1.186-.223-2.378-.238-3.574-.17a3.939 3.939 0 0 0-1.393.312 1.44 1.44 0 0 0-.452.302 1.054 1.054 0 0 0 .159 1.64c.272.183.578.27.89.34.736.164 1.489.188 2.235.276 1.445.17 2.901.252 4.339.486.846.138 1.665.374 2.434.765 1.25.636 2.038 1.63 2.298 3.027a6.188 6.188 0 0 1-.032 2.528c-.277 1.214-.962 2.144-1.959 2.849-.92.65-1.958 1.02-3.048 1.251a16.87 16.87 0 0 1-2.469.315c-.581.036-1.162.05-1.742.03-2.085-.068-4.127-.37-6.053-1.237-1.297-.583-2.432-1.391-3.373-2.47-.03-.034-.054-.074-.082-.11-.154-.202-.158-.207.038-.375.902-.773 1.805-1.544 2.71-2.315.183-.156.193-.158.351.021 1.32 1.499 3.028 2.234 4.946 2.551.832.138 1.674.21 2.517.18.771-.029 1.547-.06 2.277-.372.464-.199.782-.514.853-1.032.057-.417-.098-.96-.556-1.2-.466-.243-.97-.335-1.477-.391-1.198-.133-2.399-.24-3.599-.359-1.269-.124-2.537-.254-3.749-.69-.79-.282-1.525-.657-2.141-1.25a4.11 4.11 0 0 1-1.204-2.194c-.177-.868-.171-1.731.075-2.586.332-1.154 1.079-1.977 2.064-2.605.888-.566 1.871-.887 2.892-1.095.961-.197 1.933-.278 2.914-.317 1.303-.05 2.593.028 3.875.244 1.796.302 3.485.886 4.969 1.988.312.232.605.486.879.763.179.18.176.196.011.392-.008.01-.016.017-.024.025l-2.454 2.502c-.015.016-.038.024-.08.049Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="167px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 167 72">
                                        <path d="M19.836 16c10.955 0 19.836 8.954 19.836 20s-8.88 20-19.836 20c-2.045 0-4.017-.313-5.873-.892.809-1.328 2.018-3.506 2.465-5.243.241-.936 1.236-4.754 1.236-4.754.647 1.243 2.537 2.296 4.547 2.296 5.982 0 10.293-5.547 10.293-12.44 0-6.607-5.348-11.55-12.229-11.55-8.56 0-13.106 5.793-13.106 12.102 0 2.933 1.549 6.585 4.026 7.748.376.176.577.099.663-.267.066-.278.4-1.637.551-2.269a.601.601 0 0 0-.137-.573c-.82-1.002-1.476-2.846-1.476-4.564 0-4.412 3.312-8.68 8.956-8.68 4.873 0 8.286 3.348 8.286 8.137 0 5.41-2.71 9.158-6.236 9.158-1.947 0-3.404-1.623-2.937-3.614.56-2.377 1.643-4.943 1.643-6.659 0-1.536-.818-2.817-2.51-2.817-1.99 0-3.59 2.076-3.59 4.857 0 1.772.594 2.97.594 2.97s-1.966 8.38-2.326 9.941c-.399 1.727-.242 4.161-.069 5.743C5.228 51.716 0 44.473 0 36c0-11.046 8.881-20 19.836-20Zm128.949 13.793c4.673 0 7.188 2.048 7.445 5.33h-4.834c-.194-1.495-1.193-1.95-2.644-1.95-1.289 0-2.288.487-2.288 1.527 0 1.17 1.869 1.333 3.964 1.722 2.901.488 6.318 1.236 6.318 5.493 0 3.64-3.191 5.525-7.51 5.525-4.646 0-7.624-2.072-7.992-5.492h5.006c.321 1.37 1.369 2.047 2.954 2.047 1.579 0 2.578-.585 2.578-1.658 0-1.494-1.998-1.657-4.19-2.047-2.868-.487-5.931-1.268-5.931-5.167 0-3.51 3.224-5.33 7.124-5.33Zm-43.487 0c2.353 0 4.223.78 5.641 2.08 1.966 1.82 2.933 4.712 2.901 8.092h-11.862c.322 2.242 1.547 3.64 3.707 3.64 1.386 0 2.288-.618 2.739-1.657h5.125c-.354 1.494-1.321 2.924-2.772 3.932-1.385.975-3.062 1.527-5.157 1.527-5.447 0-8.799-3.802-8.799-8.84 0-4.972 3.449-8.774 8.477-8.774Zm.097 3.77c-1.999 0-3.03 1.267-3.385 3.25h6.511c-.193-1.983-1.418-3.25-3.126-3.25Zm27.304-3.77c2.353 0 4.223.78 5.641 2.08 1.966 1.82 2.933 4.712 2.901 8.092h-11.862c.323 2.242 1.548 3.64 3.707 3.64 1.386 0 2.288-.617 2.74-1.657h5.125c-.355 1.494-1.322 2.924-2.772 3.932-1.386.975-3.062 1.527-5.157 1.527-5.447 0-8.8-3.802-8.8-8.84 0-4.972 3.449-8.774 8.477-8.774Zm.097 3.77c-1.998 0-3.03 1.267-3.384 3.25h6.511c-.194-1.983-1.419-3.25-3.127-3.25Z" />
                                        <path d="M94.562 25.016v5.265h2.515v3.314h-2.515v7.8c0 1.3.71 1.625 1.838 1.625.226 0 .468-.008.677-.016v3.953c-.538.088-1.35.158-2.386.158-3.062 0-5.254-1.008-5.254-4.583v-8.937h-1.709v-3.314h1.71v-5.265h5.124Zm68.73 0v5.265H166v3.314h-2.708v7.8c0 1.3.709 1.625 1.837 1.625.301 0 .628-.014.871-.024v3.927c-.527.103-1.411.192-2.579.192-3.062 0-5.254-1.008-5.254-4.583v-8.937h-1.612v-3.314h1.612v-5.265h5.125ZM56.008 23.683c2.804 0 4.867.78 6.285 2.145 1.483 1.398 2.32 3.38 2.32 5.72 0 4.452-3.062 7.605-7.8 7.605h-4.61v7.767h-5.319V23.683h9.124Zm-3.805 4.843v6.077h4.03c2.062 0 3.223-1.235 3.223-3.088 0-1.852-1.193-2.99-3.224-2.99h-4.029ZM70.61 30.28v16.64h-5.253V30.28h5.254Zm11.348-.487c3.61 0 5.737 2.6 5.737 6.305V46.92h-5.253v-9.75c0-1.755-.87-2.957-2.579-2.957-1.74 0-2.901 1.462-2.901 3.51v9.197h-5.254V30.28h5.06v2.275h.097c1.225-1.787 2.805-2.762 5.093-2.762Zm42.165.227c.201 0 .373.007.523.02v4.617c-3.004-.28-4.907 1.325-4.907 4.788v7.475h-5.253V30.28h5.028v2.6h.096c1.161-1.982 2.515-2.86 4.513-2.86Zm-56.139-7.369c1.74 0 3.151 1.423 3.151 3.178s-1.41 3.177-3.151 3.177c-1.74 0-3.152-1.422-3.152-3.177 0-1.755 1.411-3.178 3.152-3.178Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="110px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 72">
                                        <path d="M63.637 36.923c-.47-.78.162-1.436.162-1.436l5.55-5.737c.632-.656-.28-.656-.28-.656h-5.181c-.912 0-1.537.663-1.537.663l-5.148 5.458c-.626.661-.626-.25-.626-.25v-11.93c0-.912-.91-.912-.91-.912h-3.93c-.876 0-.876.877-.876.877v24.96c0 .912.911.912.911.912h3.892c.876 0 .876-.876.876-.876v-4.388c0-.912.665-1.536.665-1.536l1.835-1.724 4.608 7.742c.465.782 1.377.782 1.377.782h4.917c.91 0 .439-.78.439-.78l-6.744-11.17ZM46.771 47.961V29.968c0-.912-.911-.912-.911-.912h-3.933c-.91 0-.91.912-.91.912v17.993c0 .912.91.912.91.912h3.933c.911 0 .911-.912.911-.912Zm-.149-22.396v-2.576s0-.878-.876-.878h-3.853s-.876 0-.876.878v2.576s0 .876.876.876h3.853s.876 0 .876-.876ZM36.775 47.96V23.035c0-.912-.911-.912-.911-.912h-4.01c-.911 0-.911.912-.911.912v24.926c0 .912.911.912.911.912h4.01c.911 0 .911-.912.911-.912Zm-9.016-1.072s.51-.588-.076-1.1l-3.217-2.798a13.338 13.338 0 0 0 2.29-7.492c0-7.394-5.99-13.388-13.38-13.388C5.99 22.11 0 28.105 0 35.499s5.989 13.387 13.377 13.387a13.3 13.3 0 0 0 7.32-2.189l3.53 3.069s.589.512 1.099-.077l2.433-2.8ZM21.101 35.5a7.726 7.726 0 0 1-7.724 7.728A7.725 7.725 0 0 1 5.655 35.5c0-4.268 3.457-7.73 7.722-7.73 4.265 0 7.724 3.462 7.724 7.73Zm87.146 11.666-4.295-3.607a15.292 15.292 0 0 0 2.368-8.194C106.32 26.88 99.447 20 90.968 20c-8.48 0-15.355 6.88-15.355 15.364 0 8.485 6.876 15.365 15.355 15.365a15.28 15.28 0 0 0 8.834-2.8l4.582 3.847s.68.57 1.252-.11l2.722-3.246s.572-.681-.111-1.254Zm-7.846-11.8c0 5.214-4.223 9.44-9.433 9.44s-9.435-4.226-9.435-9.442c0-5.213 4.224-9.44 9.435-9.44 5.21 0 9.433 4.227 9.433 9.441Z" />
                                        <path d="M84.92 35.364a6.05 6.05 0 0 1 6.047-6.051 6.05 6.05 0 0 1 6.047 6.051 6.048 6.048 0 1 1-12.094 0Zm20.737-10.831c0-.926.755-1.673 1.671-1.673.926 0 1.672.756 1.672 1.673 0 .918-.746 1.673-1.672 1.673a1.68 1.68 0 0 1-1.671-1.673Zm1.671-1.449c-.79 0-1.403.644-1.403 1.45 0 .808.604 1.448 1.403 1.448.8 0 1.404-.64 1.404-1.449 0-.805-.604-1.449-1.404-1.449Zm-.383 2.465h-.224v-2.04h.737c.354 0 .625.178.625.564 0 .322-.174.537-.483.567l.574.909h-.277l-.542-.909h-.41v.909Zm0-1.104h.46c.268 0 .455-.06.455-.372 0-.265-.201-.366-.455-.366h-.46v.738Z" />
                                    </svg> <svg class="mx-9 fill-gray-500" height="72px" width="81px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81 72">
                                        <path d="M4.096 38.989c0 1.101.169 2.104.507 3.008.338.905.806 1.678 1.404 2.32a6.043 6.043 0 0 0 2.126 1.475c.819.341 1.71.511 2.672.511.936 0 1.813-.176 2.633-.53a6.477 6.477 0 0 0 2.145-1.495 6.784 6.784 0 0 0 1.424-2.3c.338-.892.507-1.888.507-2.99V22h4.095v27.528h-4.056v-2.556a9.401 9.401 0 0 1-3.218 2.242c-1.236.524-2.568.786-3.998.786-1.457 0-2.815-.256-4.077-.767a9.537 9.537 0 0 1-3.276-2.182c-.923-.944-1.651-2.078-2.184-3.402-.534-1.324-.8-2.799-.8-4.424V22h4.096v16.989Zm24.573-6.961a10.43 10.43 0 0 1 3.16-2.182c1.196-.538 2.496-.807 3.9-.807 1.456 0 2.822.275 4.096.826a10.447 10.447 0 0 1 3.315 2.242 10.555 10.555 0 0 1 2.224 3.342c.546 1.285.819 2.648.819 4.09 0 1.442-.273 2.799-.82 4.07a10.614 10.614 0 0 1-2.223 3.323 10.46 10.46 0 0 1-3.315 2.242c-1.275.55-2.64.826-4.096.826-1.404 0-2.71-.269-3.92-.806a10.361 10.361 0 0 1-3.179-2.183v2.517h-3.9V22h3.939v10.028Zm6.787.55a6.787 6.787 0 0 0-4.837 2.006 7.057 7.057 0 0 0-1.482 2.222 6.883 6.883 0 0 0-.546 2.733c0 .97.175 1.875.527 2.714a6.847 6.847 0 0 0 1.462 2.202 7.058 7.058 0 0 0 2.185 1.495c.832.367 1.729.55 2.691.55a6.5 6.5 0 0 0 2.652-.55 6.823 6.823 0 0 0 2.165-1.495 7.299 7.299 0 0 0 1.463-2.202 6.743 6.743 0 0 0 .546-2.714c0-.97-.182-1.88-.546-2.733a7.233 7.233 0 0 0-1.463-2.222 6.706 6.706 0 0 0-4.817-2.006Zm22.389-3.499c1.43 0 2.756.262 3.979.786a9.434 9.434 0 0 1 3.159 2.183c.884.93 1.573 2.032 2.067 3.303.494 1.272.742 2.655.742 4.15v1.297H51.603a6.808 6.808 0 0 0 2.243 4.07 6.672 6.672 0 0 0 1.99 1.2 6.449 6.449 0 0 0 2.359.432c2.366 0 4.278-.983 5.734-2.95l2.847 2.124a10.617 10.617 0 0 1-3.666 3.146c-1.456.76-3.095 1.14-4.915 1.14-1.482 0-2.867-.261-4.154-.786a10.108 10.108 0 0 1-3.355-2.202 10.452 10.452 0 0 1-2.242-3.323c-.546-1.272-.82-2.655-.82-4.149 0-1.416.26-2.753.78-4.011a10.708 10.708 0 0 1 2.146-3.323 9.965 9.965 0 0 1 3.237-2.261c1.249-.551 2.6-.826 4.057-.826Zm-.078 3.46c-1.482 0-2.776.466-3.881 1.396-1.105.931-1.84 2.17-2.204 3.717h12.13c-.337-1.547-1.059-2.786-2.164-3.717-1.105-.93-2.399-1.396-3.881-1.396ZM80 33.011h-1.638c-1.3 0-2.367.46-3.199 1.377-.832.917-1.248 2.163-1.248 3.736v11.404h-3.94V29.472h3.901v2.477a5.568 5.568 0 0 1 1.93-1.927c.794-.471 1.737-.707 2.829-.707H80v3.696Z" />
                                    </svg> </div>
                            </template> </div>
                    </div>
                </div>
            </div>
            <div class="container
  pt-16 md:pt-[5.5rem]
  pb-16 md:pb-[5.5rem]
  ">
                <div class="row gap-y-6 md:gap-y-14 flex-col" x-data="{}">
                    <div class="space-y-8 md:text-center ">
                        <div class="md:flex md:flex-col md:items-center md:text-center">
                            <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black"> With think-cell you too will produce such beautiful results </h2>
                        </div>
                    </div>
                    <div class="col-12 md:col-8 md:offset-2 hidden md:block">
                        <div class="aspect-video" data-target="elGnGM2b08HrM57r"></div>
                    </div>
                    <div class="overflow-hidden" x-data="{
          currentSlide: 0,
          slidesLength: 0,
          allCardsAreVisible: false,
        }">
                        <div x-data="{ emblaApi: EmblaCarousel($el, null) }" x-init="emblaApi.on('select', (e) => currentSnapIndex = e.selectedScrollSnap())
            $nextTick(() => { allCardsAreVisible = $el.scrollWidth > $el.clientWidth });
            slidesLength = emblaApi.slideNodes().length" x-resize="allCardsAreVisible = $el.scrollWidth > $el.clientWidth" x-effect="emblaApi.scrollTo(currentSlide)">
                            <div class="flex gap-4 mb-2">
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 0" @click="currentSlide = 0"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 0">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/column.jpg/e083f549a5ddafb824da93fe9e629575/column.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/column.jpg/ca9ece3f25878d8dd20f9eccaf39db57/column.jpg" type="image/jpeg"> <img src="/img/containers/assets/column.jpg/ca9ece3f25878d8dd20f9eccaf39db57/column.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/column.jpg/e083f549a5ddafb824da93fe9e629575/column.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/column.jpg/ca9ece3f25878d8dd20f9eccaf39db57/column.jpg" type="image/jpeg"> <img src="/img/containers/assets/column.jpg/ca9ece3f25878d8dd20f9eccaf39db57/column.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
                                            <path d="m37 36 .102.005a1 1 0 0 1 0 1.99L37 38H3a1 1 0 1 1 0-2h34ZM5 32h2v-8H5v8Zm4 1-.005.102a1 1 0 0 1-.892.893L8 34H4l-.103-.005a1 1 0 0 1-.892-.892L3 33V23a1 1 0 0 1 .897-.995L4 22h4l.103.005A1 1 0 0 1 9 23v10Zm16-1h2V16h-2v16Zm4 1-.005.102a1 1 0 0 1-.893.893L28 34h-4l-.102-.005a1 1 0 0 1-.893-.892L23 33V15a1 1 0 0 1 .898-.995L24 14h4l.102.005A1 1 0 0 1 29 15v18Zm-16-1h2V10h-2v22Zm4 1-.005.102a1 1 0 0 1-.893.893L16 34h-4l-.102-.005a1 1 0 0 1-.893-.892L11 33V9a1 1 0 0 1 .898-.995L12 8h4l.102.005A1 1 0 0 1 17 9v24Zm16-1h2V4h-2v28Zm4 1a1 1 0 0 1-.898.995L36 34h-4l-.102-.005a1 1 0 0 1-.893-.892L31 33V3a1 1 0 0 1 .898-.995L32 2h4l.102.005A1 1 0 0 1 37 3v30Z" />
                                        </svg> <span class="text-lg font-medium">Column charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 1" @click="currentSlide = 1"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 1">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/line.jpg/310bbb9e9af48dc8bce6916a3b172ecd/line.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/line.jpg/679740e702fcc8c34d3d22ace617a569/line.jpg" type="image/jpeg"> <img src="/img/containers/assets/line.jpg/679740e702fcc8c34d3d22ace617a569/line.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/line.jpg/310bbb9e9af48dc8bce6916a3b172ecd/line.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/line.jpg/679740e702fcc8c34d3d22ace617a569/line.jpg" type="image/jpeg"> <img src="/img/containers/assets/line.jpg/679740e702fcc8c34d3d22ace617a569/line.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                            <path d="M114 910V57H57V967H967V910ZM705 694 503 558 341 720 210 623 114 717V811L216 708L347 808L512 643L703 771L967 612V535ZM711 424 501 142 330 518 208 424 114 532V637L219 515L356 617L515 270L697 515L967 307V225Z" />
                                        </svg> <span class="text-lg font-medium">Line charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 2" @click="currentSlide = 2"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 2">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/area.jpg/f8f19bfc46e7ff6d00dee360019193b0/area.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/area.jpg/9117ef1c99bf54d6b5178edc7518a5e2/area.jpg" type="image/jpeg"> <img src="/img/containers/assets/area.jpg/9117ef1c99bf54d6b5178edc7518a5e2/area.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/area.jpg/f8f19bfc46e7ff6d00dee360019193b0/area.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/area.jpg/9117ef1c99bf54d6b5178edc7518a5e2/area.jpg" type="image/jpeg"> <img src="/img/containers/assets/area.jpg/9117ef1c99bf54d6b5178edc7518a5e2/area.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                            <path d="M114 910V57H57V967H967V910ZM171 853H967V398L711 569H427ZM967 57 711 256 427 313 171 711V796L427 512H711L967 341Z" />
                                        </svg> <span class="text-lg font-medium">Area charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 3" @click="currentSlide = 3"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 3">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/waterfall.jpg/a83a93698807330f9ce71613c762c515/waterfall.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/waterfall.jpg/31e5d3f5b433e148561cd1c83c226cb8/waterfall.jpg" type="image/jpeg"> <img src="/img/containers/assets/waterfall.jpg/31e5d3f5b433e148561cd1c83c226cb8/waterfall.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/waterfall.jpg/a83a93698807330f9ce71613c762c515/waterfall.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/waterfall.jpg/31e5d3f5b433e148561cd1c83c226cb8/waterfall.jpg" type="image/jpeg"> <img src="/img/containers/assets/waterfall.jpg/31e5d3f5b433e148561cd1c83c226cb8/waterfall.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                            <path d="M57 896H967V953H57V896ZM853 71H398V327H57V839H284V355H626V99H740V839H967V71Z" />
                                        </svg> <span class="text-lg font-medium">Waterfall charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 4" @click="currentSlide = 4"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 4">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/gantt.jpg/9beddc3a3f3dcb5117911abb223b79af/gantt.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/gantt.jpg/e9b8e1b1a3deaafa2896b2e5560318a3/gantt.jpg" type="image/jpeg"> <img src="/img/containers/assets/gantt.jpg/e9b8e1b1a3deaafa2896b2e5560318a3/gantt.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/gantt.jpg/9beddc3a3f3dcb5117911abb223b79af/gantt.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/gantt.jpg/e9b8e1b1a3deaafa2896b2e5560318a3/gantt.jpg" type="image/jpeg"> <img src="/img/containers/assets/gantt.jpg/e9b8e1b1a3deaafa2896b2e5560318a3/gantt.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                            <path d="M114 910V57H57V967H967V910ZM171 57H825V228H171V57ZM484 284H967V455H484ZM256 284H398V455H256V284ZM284 512H626V683H284ZM512 740H910V853H512Z" />
                                        </svg> <span class="text-lg font-medium">Gantt charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                                <div class="w-[316px] px-5 py-6 border rounded-lg border-gray-100 shadow-md hover:border-gray-300 min-w-[316px] cursor-pointer
                md:[&[aria-current]]:outline md:[&[aria-current]]:outline-1 md:[&[aria-current]]:outline-red-500 md:[&[aria-current]]:border-red-500 mt-[1px]
              " x-bind:aria-current="currentSlide === 5" @click="currentSlide = 5"> <template x-teleport="[data-target='elGnGM2b08HrM57r']">
                                        <div x-show="currentSlide === 5">
                                            <div class="">
                                                <picture>
                                                    <source srcset="/img/containers/assets/scatter-bubble.jpg/da13eb17157f2922f0a77ee51bd8a27f/scatter-bubble.webp" type="image/webp">
                                                    <source srcset="/img/containers/assets/scatter-bubble.jpg/c1932e0708650e21cd1af70e665c7b02/scatter-bubble.jpg" type="image/jpeg"> <img src="/img/containers/assets/scatter-bubble.jpg/c1932e0708650e21cd1af70e665c7b02/scatter-bubble.jpg" class=" " alt="">
                                                </picture>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="mb-6 block md:hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/scatter-bubble.jpg/da13eb17157f2922f0a77ee51bd8a27f/scatter-bubble.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/scatter-bubble.jpg/c1932e0708650e21cd1af70e665c7b02/scatter-bubble.jpg" type="image/jpeg"> <img src="/img/containers/assets/scatter-bubble.jpg/c1932e0708650e21cd1af70e665c7b02/scatter-bubble.jpg" class=" " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="flex gap-2 items-center mb-4"> <svg class="h-10 w-10 fill-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
                                            <path d="m37 36 .102.005a1 1 0 0 1 0 1.99L37 38H3a1 1 0 1 1 0-2h34Z" />
                                            <path d="M2 37V3a1 1 0 0 1 2 0v34a1 1 0 1 1-2 0Zm13-27a2 2 0 1 0-4 0 2 2 0 0 0 4 0Zm2 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-1 17a3 3 0 1 0-6 0 3 3 0 0 0 6 0Zm2 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Zm14-9a5 5 0 1 0-10 0 5 5 0 0 0 10 0Zm2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z" />
                                        </svg> <span class="text-lg font-medium">Scatter / Bubble charts</span> </div>
                                    <div class="font-light text-black"></div>
                                </div>
                            </div>
                        </div>
                        <div class="hidden md:flex justify-between mt-6" x-show="allCardsAreVisible">
                            <div class="flex"> <template x-for="slideNr in slidesLength"> <button class="p-2" type="button" @click="currentSlide = slideNr-1">
                                        <div class="w-3 h-3 rounded-full" :class="(currentSlide === slideNr-1)? 'bg-black' : 'bg-gray-200'"></div>
                                    </button> </template> </div>
                            <div class="flex gap-2"> <button class="
    group rounded-sm inline-flex justify-center items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-10
     
      px-[10px]
    
    bg-white text-black border border-gray-100 cursor-pointer active:bg-gray-75 active:border-gray-200
    [&[disabled]]:bg-white [&[disabled]]:text-gray-300 [&[disabled]]:border [&[disabled]]:border-gray-100 [&[disabled]]:pointer-events-none
    hover:bg-gray-50
    
  " @click="currentSlide = Math.max(0,currentSlide-1)" x-bind:disabled="currentSlide<=0" type="button"> <span> <svg height="20px" width="20px" class="
              fill-black
              group-[[disabled]]:fill-gray-300
            " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path d="M2 12c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1s-.4477-1-1-1H3c-.55228 0-1 .4477-1 1Z" />
                                            <path d="M2.29289 11.2929c-.39052.3905-.39052 1.0237 0 1.4142l7 7c.39053.3905 1.02371.3905 1.41421 0 .3905-.3905.3905-1.0237 0-1.4142L4.41421 12l6.29289-6.29289c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.02368-.39052-1.41421 0l-7 7.00001Z" />
                                        </svg> </span> </button> <button class="
    group rounded-sm inline-flex justify-center items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-10
     
      px-[10px]
    
    bg-white text-black border border-gray-100 cursor-pointer active:bg-gray-75 active:border-gray-200
    [&[disabled]]:bg-white [&[disabled]]:text-gray-300 [&[disabled]]:border [&[disabled]]:border-gray-100 [&[disabled]]:pointer-events-none
    hover:bg-gray-50
    
  " @click="currentSlide = Math.min(currentSlide+1,slidesLength-1)" x-bind:disabled="currentSlide>=slidesLength-1" type="button"> <span> <svg height="20px" width="20px" class="
              fill-black
              group-[[disabled]]:fill-gray-300
            " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                            <path d="M22 12c0 .5523-.4477 1-1 1H3c-.55228 0-1-.4477-1-1s.44772-1 1-1h18c.5523 0 1 .4477 1 1Z" />
                                            <path d="M21.7071 11.2929c.3905.3905.3905 1.0237 0 1.4142l-7 7c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L19.5858 12l-6.2929-6.29289c-.3905-.39053-.3905-1.02369 0-1.41422.3905-.39052 1.0237-.39052 1.4142 0l7 7.00001Z" />
                                        </svg> </span> </button> </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container
  pt-16 md:pt-[5.5rem]
  
  " x-animate-intersect>
                <div class="space-y-8 md:text-center ">
                    <div class="md:flex md:flex-col md:items-center md:text-center">
                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="in"> Create beautiful charts in minutes with think-cell </h2>
                    </div>
                </div>
                <div class="mb-8 md:mb-14"></div>
            </div>
            <div class="container
  
  pb-16 md:pb-[5.5rem]
  ">
                <div class="relative flex justify-between " x-data="{ currentSlide: 0, imgHeight: 0 }" x-init="imgHeight=Math.round($el.clientWidth*(7/18))" x-resize="imgHeight=Math.round($el.clientWidth*(7/18))">
                    <article class="flex flex-col relative md:basis-1/3 w-full gap-16 md:gap-0">
                        <div class="group">
                            <div x-intersect.margin.-40%.0px="currentSlide = 0" :style="`padding-top: ${(imgHeight-$el.offsetHeight)/2}px;`" x-animate-intersect>
                                <div class="mb-6 block md:hidden w-full">
                                    <div class="">
                                        <picture>
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/d5899088dfb6e0b9caad9f408fca5a24/think-cell-suite-create-charts-and-presentations.webp" type="image/webp">
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/adacdd457c18489902bcfc7ec1381a30/think-cell-suite-create-charts-and-presentations.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/adacdd457c18489902bcfc7ec1381a30/think-cell-suite-create-charts-and-presentations.jpg" class=" " alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="space-y-8 space-y-8">
                                    <div class=""> <span class="rounded border justify-center items-center inline-flex gap-1
    border-none
    
    mb-3 text-gray fill-gray
  " x-animate="up"> <span class="font-mono font-normal text-base leading-tighter"> 01 </span> </span>
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> think-cell helps create clear, professionally-looking pitch decks </h2>
                                        <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                            <p>High competition for attention of reputable VCs expecting to-the-point pitch decks</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hidden md:block aspect-[6/7] group-last:hidden"></div>
                        </div>
                        <div class="group">
                            <div x-intersect.margin.-40%.0px="currentSlide = 1" x-animate-intersect>
                                <div class="mb-6 block md:hidden w-full">
                                    <div class="">
                                        <picture>
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/d6a441006a75cc2a795a1641ac053d5e/think-cell-suite-stay-on-brand.webp" type="image/webp">
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/21353f58cea6f81882e97b8f6240c88d/think-cell-suite-stay-on-brand.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/21353f58cea6f81882e97b8f6240c88d/think-cell-suite-stay-on-brand.jpg" class=" " alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="space-y-8 space-y-8">
                                    <div class=""> <span class="rounded border justify-center items-center inline-flex gap-1
    border-none
    
    mb-3 text-gray fill-gray
  " x-animate="up"> <span class="font-mono font-normal text-base leading-tighter"> 02 </span> </span>
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> think-cell reduces time spent on making and updating slides </h2>
                                        <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                            <p>Management team’s time is valuable and scarce</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hidden md:block aspect-[6/7] group-last:hidden"></div>
                        </div>
                        <div class="group">
                            <div x-intersect.margin.-40%.0px="currentSlide = 2" x-animate-intersect>
                                <div class="mb-6 block md:hidden w-full">
                                    <div class="">
                                        <picture>
                                            <source srcset="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/372fb5e1accfd143fe14d3e3096bb070/think-cell-values-outstanding-results.webp" type="image/webp">
                                            <source srcset="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/7d16c83b592d2961db7c15ae074dd0d7/think-cell-values-outstanding-results.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/7d16c83b592d2961db7c15ae074dd0d7/think-cell-values-outstanding-results.jpg" class=" " alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="space-y-8 space-y-8">
                                    <div class=""> <span class="rounded border justify-center items-center inline-flex gap-1
    border-none
    
    mb-3 text-gray fill-gray
  " x-animate="up"> <span class="font-mono font-normal text-base leading-tighter"> 03 </span> </span>
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> think-cell helps distill key messages and reduce information noise from data-heavy presentations </h2>
                                        <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                            <p>VC funds expect regular status reports with clear messages and supported by data</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hidden md:block aspect-[6/7] group-last:hidden"></div>
                        </div>
                        <div class="group">
                            <div x-intersect.margin.-40%.0px="currentSlide = 3" x-animate-intersect>
                                <div class="mb-6 block md:hidden w-full">
                                    <div class="">
                                        <picture>
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/86f372e15271cc95bc3579e67e6e1f05/think-cell-suite-access-library-resources.webp" type="image/webp">
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/a331745b1b578d30a3b34226964f9fde/think-cell-suite-access-library-resources.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/a331745b1b578d30a3b34226964f9fde/think-cell-suite-access-library-resources.jpg" class=" " alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="space-y-8 space-y-8">
                                    <div class=""> <span class="rounded border justify-center items-center inline-flex gap-1
    border-none
    
    mb-3 text-gray fill-gray
  " x-animate="up"> <span class="font-mono font-normal text-base leading-tighter"> 04 </span> </span>
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> think-cell helps create corporate-grade presentation materials </h2>
                                        <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                            <p>Large prospects and potential partners may hesitate to work with startups</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hidden md:block aspect-[6/7] group-last:hidden"></div>
                        </div>
                        <div class="group">
                            <div x-intersect.margin.-40%.0px="currentSlide = 4" :style="`padding-bottom: ${(imgHeight-$el.offsetHeight)/2}px;`" x-animate-intersect>
                                <div class="mb-6 block md:hidden w-full">
                                    <div class="">
                                        <picture>
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/434b69e9a37884f63012050b891b85f4/think-cell-suite-automate-reports.webp" type="image/webp">
                                            <source srcset="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/7cf891b3e26744c2ea019e592ffff64a/think-cell-suite-automate-reports.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/7cf891b3e26744c2ea019e592ffff64a/think-cell-suite-automate-reports.jpg" class=" " alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="space-y-8 space-y-8">
                                    <div class=""> <span class="rounded border justify-center items-center inline-flex gap-1
    border-none
    
    mb-3 text-gray fill-gray
  " x-animate="up"> <span class="font-mono font-normal text-base leading-tighter"> 05 </span> </span>
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> think-cell helps build engaging and sharable case studies / white papers </h2>
                                        <div class="prose max-w-none  max-w-[40.25rem] [&>ul]:inline-flex [&>ul]:flex-col [&>ul]:mt-0 [&>ul]:mb-8 [&>ul]:text-left [&>p]:mt-0 [&>p]:mb-8 last:[&>*]:mb-0 " x-animate="up md:delay-200">
                                            <p>Website visitors have a short attention span and are unlikely to read long documents</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hidden md:block aspect-[6/7] group-last:hidden"></div>
                        </div>
                    </article>
                    <div class="hidden md:block basis-7/12 sticky h-fit aspect-[3/2]" :style="`top: calc(50% - ${imgHeight/2}px)`">
                        <div class="absolute w-full" x-show="currentSlide === 0" x-transition.opacity.duration.300>
                            <div class="">
                                <picture>
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/d5899088dfb6e0b9caad9f408fca5a24/think-cell-suite-create-charts-and-presentations.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/adacdd457c18489902bcfc7ec1381a30/think-cell-suite-create-charts-and-presentations.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-create-charts-and-presentations.png/adacdd457c18489902bcfc7ec1381a30/think-cell-suite-create-charts-and-presentations.jpg" class=" " alt="">
                                </picture>
                            </div>
                        </div>
                        <div class="absolute w-full" x-show="currentSlide === 1" x-transition.opacity.duration.300>
                            <div class="">
                                <picture>
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/d6a441006a75cc2a795a1641ac053d5e/think-cell-suite-stay-on-brand.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/21353f58cea6f81882e97b8f6240c88d/think-cell-suite-stay-on-brand.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-stay-on-brand.png/21353f58cea6f81882e97b8f6240c88d/think-cell-suite-stay-on-brand.jpg" class=" " alt="">
                                </picture>
                            </div>
                        </div>
                        <div class="absolute w-full" x-show="currentSlide === 2" x-transition.opacity.duration.300>
                            <div class="">
                                <picture>
                                    <source srcset="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/372fb5e1accfd143fe14d3e3096bb070/think-cell-values-outstanding-results.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/7d16c83b592d2961db7c15ae074dd0d7/think-cell-values-outstanding-results.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-values-outstanding-results.png/7d16c83b592d2961db7c15ae074dd0d7/think-cell-values-outstanding-results.jpg" class=" " alt="">
                                </picture>
                            </div>
                        </div>
                        <div class="absolute w-full" x-show="currentSlide === 3" x-transition.opacity.duration.300>
                            <div class="">
                                <picture>
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/86f372e15271cc95bc3579e67e6e1f05/think-cell-suite-access-library-resources.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/a331745b1b578d30a3b34226964f9fde/think-cell-suite-access-library-resources.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-access-library-resources.png/a331745b1b578d30a3b34226964f9fde/think-cell-suite-access-library-resources.jpg" class=" " alt="">
                                </picture>
                            </div>
                        </div>
                        <div class="absolute w-full" x-show="currentSlide === 4" x-transition.opacity.duration.300>
                            <div class="">
                                <picture>
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/434b69e9a37884f63012050b891b85f4/think-cell-suite-automate-reports.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/7cf891b3e26744c2ea019e592ffff64a/think-cell-suite-automate-reports.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-suite-automate-reports.png/7cf891b3e26744c2ea019e592ffff64a/think-cell-suite-automate-reports.jpg" class=" " alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container
  pt-16 md:pt-[5.5rem]
  
  " x-animate-intersect>
                <div class="row">
                    <div class="space-y-8 md:text-center col-12 mb-12 md:mb-14">
                        <div class="md:flex md:flex-col md:items-center md:text-center">
                            <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-black" x-animate="up"> Get started with tailored templates and onboarding support </h2>
                        </div>
                    </div>
                </div>
                <div class="row" x-animate="up">
                    <div class="relative grid
  sm:grid-cols-1
  md:grid-cols-2
  lg:grid-cols-3
  gap-8 md:gap-6
  mb-5 ">
                        <div class="
    relative flex flex-col gap-6 rounded-lg group/card
    
    bg-gray-50
    px-6 py-8
    group/card 
  " x-animate="up md:delay-0">
                            <div>
                                <div class="mb-6">
                                    <div class="overflow-hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/product_pages/think-cell-slide-templates-process.png/a85272203a6d5910400c16a898bdc944/think-cell-slide-templates-process.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/product_pages/think-cell-slide-templates-process.png/f5c5a1827337a10332285227f8343290/think-cell-slide-templates-process.jpg" type="image/jpeg"> <img src="/img/containers/assets/product_pages/think-cell-slide-templates-process.png/f5c5a1827337a10332285227f8343290/think-cell-slide-templates-process.jpg" class="object-cover  w-full " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <div class="space-y-4">
                                    <div class="flex items-center gap-2"> <span class="text-xl md:text-2xl prose"> Onboarding support for your users </span> </div>
                                </div>
                            </div>
                        </div>
                        <div class="
    relative flex flex-col gap-6 rounded-lg group/card
    
    bg-gray-50
    px-6 py-8
    group/card 
  " x-animate="up md:delay-150">
                            <div>
                                <div class="mb-6">
                                    <div class="overflow-hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/en/think-cell-slide-templates.png/2d303af1bfa439a9a40dcd407c0b42a4/think-cell-slide-templates.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/en/think-cell-slide-templates.png/c61607f5048d03e1e2be785091470aef/think-cell-slide-templates.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/think-cell-slide-templates.png/c61607f5048d03e1e2be785091470aef/think-cell-slide-templates.jpg" class="object-cover  w-full " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <div class="space-y-4">
                                    <div class="flex items-center gap-2"> <span class="text-xl md:text-2xl prose"> Starter pack of relevant slide templates </span> </div>
                                </div>
                            </div>
                        </div>
                        <div class="
    relative flex flex-col gap-6 rounded-lg group/card
    
    bg-gray-50
    px-6 py-8
    group/card 
  " x-animate="up md:delay-300">
                            <div>
                                <div class="mb-6">
                                    <div class="overflow-hidden">
                                        <div class="">
                                            <picture>
                                                <source srcset="/img/containers/assets/en/think-cell_webinar_data-storytelling.png/582ac789d31e1cbf04809683242dbd8c/think-cell_webinar_data-storytelling.webp" type="image/webp">
                                                <source srcset="/img/containers/assets/en/think-cell_webinar_data-storytelling.png/b5b988cce2ccc60525ad4b56cf7d11da/think-cell_webinar_data-storytelling.jpg" type="image/jpeg"> <img src="/img/containers/assets/en/think-cell_webinar_data-storytelling.png/b5b988cce2ccc60525ad4b56cf7d11da/think-cell_webinar_data-storytelling.jpg" class="object-cover  w-full " alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <div class="space-y-4">
                                    <div class="flex items-center gap-2"> <span class="text-xl md:text-2xl prose"> Education materials on storytelling with data </span> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container
  pt-16 md:pt-[5.5rem]
  
  ">
                <div class="space-y-6">
                    <div class="prose max-w-none  [&_p]:max-w-full [&_ul]:max-w-full [&_ol]:max-w-full ">
                        <p><strong>Who is eligible?</strong></p>
                        <p>Any company less than 8 years old and with fewer than 500 full-time employees and a website in English can apply for the discount, provided that you are not a current or recent think-cell customer and not a consultancy. Application is immediately verified if your company is working with a recognized accelerator, incubator, VC fund, or entrepreneurial organization. We welcome other applicants as well, who will be verified on a case-by-case basis. Admission to the start-up program is at the discretion of think-cell.</p>
                        <p><strong>What are the steps?</strong></p>
                        <ol start="1">
                            <li>You submit the <a rel="noopener" target="_blank" href="https://www.surveymonkey.de/r/9VX8CM2">application form</a> with the company details,</li>
                            <li>We run the verification based on the inputs provided,</li>
                            <li>You receive an email message with the decision and the next steps required to place an order with -90% discount and to install the software,</li>
                            <li>You log into think-cell <a rel="noopener" target="_blank" href="https://server.think-cell.com/portal/en/login.srf">customer portal</a> and place an order with the discount applied.</li>
                        </ol>
                        <p></p>
                        <p></p>
                    </div>
                </div>
            </div>
            <div class="relative">
                <div class="container
  pt-16 md:pt-[5.5rem]
  
  relative">
                    <div x-animate-intersect>
                        <div class="relative rounded-[1rem] shadow min-h-[240px] bg-red-700 overflow-clip" x-animate="up">
                            <div class="absolute inset-x-0 top-0 h-full min-h-[240px] max-h-[622px] bg-red-600">
                                <div class="absolute inset-0 bg-top bg-cover bg-[url('/resources/images/bg-cta-banner-grid-pattern-red.svg')] h-[622px]"></div>
                                <div class="absolute bottom-0 inset-x-0 h-3/4 bg-gradient-to-t from-red-700 to-red-700/0"></div>
                            </div>
                            <div class="relative px-6 py-16 md:p-18">
                                <div class="space-y-8 text-center ">
                                    <div class="flex flex-col items-center text-center">
                                        <h2 class="text-3xl md:text-4xl font-light mb-4 scroll-mt-48 text-white"> Apply for your think-cell license today </h2>
                                    </div>
                                    <div class="">
                                        <div class="flex flex-col flex-wrap gap-4 md:inline-flex md:flex-row md:gap-6 md:items-center "> <a class="
    group rounded-sm inline-flex justify-between items-center gap-2 font-medium
    focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2
    text-base leading-tight h-12
    
      pl-5
      
    
    bg-white text-black border border-gray-100 cursor-pointer active:bg-gray-75 active:border-gray-200
    [&[disabled]]:bg-white [&[disabled]]:text-gray-300 [&[disabled]]:border [&[disabled]]:border-gray-100 [&[disabled]]:pointer-events-none
    hover:bg-gray-50
    grow
  " href="https://de.surveymonkey.com/r/9VX8CM2"> <span>Get started now</span> <span class="relative" aria-hidden="true"> <span class="absolute w-full h-full flex items-center justify-center"> <svg height="24px" width="24px" class="
                fill-black
                group-[[disabled]]:fill-gray-300
              " viewBox="0 0 20 20">
                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.91073 5.24408C6.5853 5.56951 6.5853 6.09715 6.91073 6.42259L10.4881 10L6.91073 13.5774C6.5853 13.9028 6.5853 14.4305 6.91073 14.7559C7.23617 15.0814 7.76381 15.0814 8.08925 14.7559L12.8452 10L8.08925 5.24408C7.76381 4.91864 7.23617 4.91864 6.91073 5.24408Z" />
                                                        </svg> </span> <svg viewBox="0 0 50 40" fill="none" class="rounded-r-sm h-12
          fill-gray-50 group-active:fill-gray-75 border-y border-gray-100 group-active:border-gray-200
          group-[[disabled]]:fill-gray-100 group-[[disabled]]:border-gray-100
          group-hover:fill-gray-50
        ">
                                                        <path d="M6.557 0H50v39.993L0 40 6.557 0Z" />
                                                    </svg> </span> </a> </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="shrink-0">
        <div class="relative
    overflow-hidden
    
    bg-gray-900
  ">
            <div class="
    container
    
    
    
  ">
                <div class="flex flex-wrap justify-between flex-col md:flex-row gap-16 pt-20 pb-16">
                    <div class="flex-1 min-w-72"> <img class="h-8 w-auto mb-6" src="/build/assets/logo_w-CHTq7ofx.svg" alt="think-cell logo">
                        <div class="text-white text-sm font-light mb-6"> The leading PowerPoint<br />productivity tool </div>
                        <div class="flex gap-4"> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 w-6 " href="https://www.linkedin.com/company/think-cell" aria-label="linkedin"><svg class="inline h-6 w-6 fill-white group-[[disabled]]:fill-white/20 group-hover:fill-white/80 group-active:fill-white/50 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                    <path d="M910 0H114Q67 0 34 34Q0 67 0 114V910Q0 957 34 990Q67 1024 114 1024H910Q957 1024 990 990Q1024 957 1024 910V114Q1024 67 990 34Q957 0 910 0ZM279 202Q311 202 332 224Q353 246 353 276Q353 306 331 328Q309 350 279 350Q249 350 227 328Q205 306 205 276Q205 246 226 224Q247 202 279 202ZM344 819H213V384H347V819ZM853 819H720V603Q720 567 712 528Q703 489 651 489Q600 489 579 524Q558 558 558 600V822H424V384H552V444H555Q567 418 607 396Q647 375 694 375Q794 375 824 434Q853 493 853 580V819Z" />
                                </svg></a> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 w-6 " href="https://www.youtube.com/user/thinkcell" aria-label="youtube"><svg class="inline h-6 w-6 fill-white group-[[disabled]]:fill-white/20 group-hover:fill-white/80 group-active:fill-white/50 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                    <path d="M1014 307Q1014 307 1005 268Q996 229 973 206Q944 175 914 170Q885 164 870 162Q817 158 754 156Q691 154 638 153Q584 152 548 152Q512 152 512 152Q512 152 476 152Q440 152 386 153Q333 154 270 156Q207 158 154 162Q139 164 110 170Q80 175 51 206Q28 229 19 268Q10 307 10 307Q10 307 5 359Q0 411 0 473V551Q0 613 5 664Q10 716 10 716Q10 716 19 756Q28 795 51 818Q80 849 114 854Q147 859 164 862Q195 865 253 867Q311 869 368 870Q426 871 469 872Q512 872 512 872Q512 872 548 872Q584 872 638 870Q691 869 754 867Q817 865 871 861Q886 860 915 854Q944 849 973 818Q996 795 1005 756Q1014 716 1014 716Q1014 716 1019 664Q1024 613 1024 551V473Q1024 411 1019 359Q1014 307 1014 307ZM406 645V357L683 501L406 645Z" />
                                </svg></a> </div>
                        <div class="flex gap-4 mt-6 items-center flex-wrap"> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 " href="https://www.g2.com/products/think-cell/reviews" target="_blank" rel="nofollow"><img src="/assets/en/badges/g2_badge.svg" class="h-12 " alt="Read think-cell reviews on G2"></a> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 " href="https://www.think-cell.com/assets/think-cell-ecovadis-performance-overview.pdf" target="_blank"><img src="/assets/en/badges/ecovadis_badge.svg" class="h-12 " alt="View think-cell sustainability performance overview from EcoVadis"></a> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 " href="https://www.think-cell.com/assets/iso-27001-certification-think-cell.pdf" target="_blank">
                                <picture>
                                    <source srcset="/img/containers/assets/en/badges/iso-27001-logo.png/aac7781e13d589bbfcc1ac86177d31ed/iso-27001-logo.webp" type="image/webp">
                                    <source srcset="/img/containers/assets/en/badges/iso-27001-logo.png/c5fa2219cb1642d42d615907233b77b3/iso-27001-logo.jpg" type="image/jpeg"><img src="/img/containers/assets/en/badges/iso-27001-logo.png/c5fa2219cb1642d42d615907233b77b3/iso-27001-logo.jpg" class="h-12 " alt="ISO 27001 think-cell">
                                </picture>
                            </a> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-red-500 [&[disabled]]:text-red-200 [&[disabled]]:pointer-events-none hover:text-red-600 active:text-red-700 " href="https://www.capterra.com/p/180388/think-cell/reviews/" target="_blank" rel="nofollow"><img src="/assets/en/badges/capterra_badge.svg" class="h-12 " alt="Read think-cell reviews on Capterra"></a> </div>
                    </div>
                    <nav class="flex flex-auto flex-wrap md:flex-nowrap max-w-md justify-between gap-x-6 gap-y-16 md:max-w-7xl">
                        <div class="flex flex-col gap-6 w-[172px] [overflow-wrap:anywhere]"> <span class="text-gray-200 font-mono text-base leading-tight"> Product </span>
                            <ul class="space-y-6">
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-suite" tabindex="0"><span class=" ">think-cell Suite</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-essentials" tabindex="0"><span class=" ">think-cell Essentials</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-charts" tabindex="0"><span class=" ">think-cell Charts</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-library" tabindex="0"><span class=" ">think-cell Library</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-core" tabindex="0"><span class=" ">think-cell Core</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/think-cell-assist" tabindex="0"><span class=" ">think-cell Assist (early access)</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/whats-new" tabindex="0"><span class=" ">What's new</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/benefits" tabindex="0"><span class=" ">Why think-cell?</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/product/references" tabindex="0"><span class=" ">Customer references</span></a> </li>
                            </ul>
                        </div>
                        <div class="flex flex-col gap-6 w-[172px] [overflow-wrap:anywhere]"> <span class="text-gray-200 font-mono text-base leading-tight"> Order </span>
                            <ul class="space-y-6">
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="https://server.think-cell.com/portal/en/downloads.srf" tabindex="0"><span class=" ">Download our software</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/order/new" tabindex="0"><span class=" ">New customers</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/order/addusers" tabindex="0"><span class=" ">Add users</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/order/renew" tabindex="0"><span class=" ">Renew licenses</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/order/resellers" tabindex="0"><span class=" ">Find resellers</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/academics" tabindex="0"><span class=" ">Academic program</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/order/startup-program" tabindex="0"><span class=" ">Startup program</span></a> </li>
                            </ul>
                        </div>
                        <div class="flex flex-col gap-6 w-[172px] [overflow-wrap:anywhere]"> <span class="text-gray-200 font-mono text-base leading-tight"> Resources </span>
                            <ul class="space-y-6">
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/support" tabindex="0"><span class=" ">Support</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/manual" tabindex="0"><span class=" ">User manual</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/kb" tabindex="0"><span class=" ">Knowledge base</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="https://academy.think-cell.com/" tabindex="0"><span class=" ">think-cell Academy</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/videos" tabindex="0"><span class=" ">Video tutorials</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/content-hub" tabindex="0"><span class=" ">Content hub</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/resources/think-cell-webinar-schedule" tabindex="0"><span class=" ">Webinars</span></a> </li>
                            </ul>
                        </div>
                        <div class="flex flex-col gap-6 w-[172px] [overflow-wrap:anywhere]"> <span class="text-gray-200 font-mono text-base leading-tight"> Company </span>
                            <ul class="space-y-6">
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/company/about" tabindex="0"><span class=" ">About us</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/career" tabindex="0"><span class=" ">Careers</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/career/talks" tabindex="0"><span class=" ">Talks</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/career/events" tabindex="0"><span class=" ">Events</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/career/devblog" tabindex="0"><span class=" ">Developer blog</span></a> </li>
                                <li> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-base leading-tighter text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/company/contact" tabindex="0"><span class=" ">Contact us</span></a> </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
        <div class="relative
    overflow-hidden
    
    bg-black
  ">
            <div class="
    container
    
    
    
  ">
                <div class="flex justify-between flex-col-reverse items-center md:flex-row align-middle gap-y-8 py-4 md:py-6"> <span dir="ltr" class="text-white text-sm font-light inline-flex items-center justify-center"> &copy;2002-2026 think-cell Software GmbH </span>
                    <div class="flex gap-x-6 gap-y-2 justify-center text-center [word-break:break-word]"> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/company/privacypolicy"><span class=" ">Privacy policy</span></a> <a class=" group font-medium cursor-pointer focus-visible:rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-2 text-sm leading-none text-white [&[disabled]]:text-white/20 [&[disabled]]:pointer-events-none hover:text-white/80 active:text-white/50 block " href="/en/company/legalnotice"><span class=" ">Contact information and legal notice</span></a> </div>
                </div>
            </div>
        </div>
    </footer>
    <link rel="modulepreload" as="script" href="/build/assets/site-CIwrwc8n.js" />
    <link rel="modulepreload" as="script" href="/build/assets/_commonjsHelpers-_d1bhYXs.js" />
    <script type="module" src="/build/assets/site-CIwrwc8n.js"></script>
    <script>
        var _paq = _paq || []
        _paq.push(['setCustomDimension', 1, '200'])
        _paq.push(['setCustomDimension', 2, location.search.match(/(?:\?|&)appcom(?:&|$)/) ? 'true' : 'false'])
        if (typeof(portalMatomoCustomization) === "function") {
            portalMatomoCustomization()
        }
        _paq.push(['setDoNotTrack', true])
        _paq.push(['setCookieDomain', '*.think-cell.com'])
        _paq.push(['setDomains', ['*.think-cell.com']])
        _paq.push([
    function() {
                this.requireCookieConsent()
    }
  ])
        _paq.push(['trackPageView'])
        _paq.push(['enableLinkTracking']);
        (function() {
            var u = 'https://matomo.think-cell.com/'
            _paq.push(['setTrackerUrl', u + 'piwik.php'])
            _paq.push(['setSiteId', 1])
            var d = document,
                g = d.createElement('script'),
                s = d.getElementsByTagName('script')[0]
            g.async = true
            g.src = u + 'piwik.js'
            g.setAttribute('data-ot-ignore', '')
            g.setAttribute('class', 'optanon-category-C0001'); // add this class to prevent automatic blocking, as the 'data-ot-ignore' attribute is ignored by OneTrust if the script tag is injected
            s.parentNode.insertBefore(g, s)
        })()
        document.addEventListener('DOMContentLoaded', function(event) {
            function HasCookie(name) {
                return !!RegExp('(^|;)[ ]*' + name + '=([^;]*)').exec(document.cookie)
            }
            // derive initial state of tracking opt out from Matomo state
            if (localStorage.getItem('optout')) {
                _paq.push(['optUserOut'])
                document.getElementsByTagName('html')[0].setAttribute('tracking', 'optout')
            } else if (HasCookie('mtm_consent_removed')) {
                document.getElementsByTagName('html')[0].setAttribute('tracking', 'optout')
            } else {
                document.getElementsByTagName('html')[0].removeAttribute('tracking')
            }
            // add event handlers to consent/dissent buttons
            var btns = document.querySelectorAll('.btn-tracking-consent')
            for (i = 0; i < btns.length; ++i) {
                btns[i].addEventListener(
                    'click',
                    function(event) {
                        _paq.push(['forgetUserOptOut'])
                        localStorage.removeItem('optout')
                        document.getElementsByTagName('html')[0].removeAttribute('tracking')
                    },
                    false
                )
            }
            btns = document.querySelectorAll('.btn-tracking-dissent')
            for (i = 0; i < btns.length; ++i) {
                btns[i].addEventListener(
                    'click',
                    function(event) {
                        _paq.push(['optUserOut'])
                        localStorage.setItem('optout', true)
                        document.getElementsByTagName('html')[0].setAttribute('tracking', 'optout')
                    },
                    false
                )
            }
        })
    </script>
    <script src="https://www.think-cell.com/js/tracking.js"></script> <noscript>
        <p><img src="https://matomo.think-cell.com/piwik.php?idsite=1" style="border: 0" alt="" /></p>
    </noscript>
</body>

</html>