CINXE.COM
Explore Typeform | Create your own surveys, quizzes, forms
<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Wed Apr 02 2025 07:45:12 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflow-prod.typeform.com" data-wf-page="6723aee8dcbd707ffa31684a" data-wf-site="66ffe2174aa8e8d5661c2708" lang="en" data-wf-locale="en"><head><meta charset="utf-8"/><title>Explore Typeform | Create your own surveys, quizzes, forms</title><link rel="alternate" hrefLang="x-default" href="https://www.typeform.com/private-typeform"/><link rel="alternate" hrefLang="en" href="https://www.typeform.com/private-typeform"/><link rel="alternate" hrefLang="es" href="https://www.typeform.com/es/private-typeform"/><meta content="Experience a slick way of creating forms with Typeform. Try templates for quizzes, surveys, forms and more." name="description"/><meta content="Explore Typeform | Create your own surveys, quizzes, forms" property="og:title"/><meta content="Experience a slick way of creating forms with Typeform. Try templates for quizzes, surveys, forms and more." property="og:description"/><meta content="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/674dd24e49b1b0f1a4c95045_meta-image.png" property="og:image"/><meta content="Explore Typeform | Create your own surveys, quizzes, forms" property="twitter:title"/><meta content="Experience a slick way of creating forms with Typeform. Try templates for quizzes, surveys, forms and more." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/674dd24e49b1b0f1a4c95045_meta-image.png" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/css/typeform-website.webflow.59749637e.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67001a9cb2dc1322dafeba1a_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67001aa263cd53738dda8904_Webclip.png" rel="apple-touch-icon"/><link href="https://www.typeform.com/private-typeform" rel="canonical"/><link rel="preconnect" href="https://cdn.jsdelivr.net"> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net"> <!-- Staging env check --> <script> window.isStaging = window.location.hostname === 'www.web-team.tfdev.typeform.com'; </script> <!-- Dev scripts swapper starts --> <script> function updateScriptDomain() { const params = new URLSearchParams(window.location.search); const isDev = params.get('dev') === 'true'; const scriptDomain = 'https://www.typeform-scripts.local/'; // Find all matching scripts const scripts = document.querySelectorAll('script[type="cc-ext-hosted-script"]'); scripts.forEach(script => { const srcPath = script.getAttribute('src'); if (!srcPath) { return; } // Create new script element const newScript = document.createElement('script'); newScript.type = 'text/javascript'; // Handle src based on dev mode if (isDev) { // Extract the file path for GitHub URLs const parts = srcPath.split('/typeform@'); if (parts.length < 2) { return; } // Get everything after the version number and remove .min from .min.js files let pathAfterVersion = parts[1].split('/').slice(1).join('/'); pathAfterVersion = pathAfterVersion.replace('.min.js', '.js'); newScript.src = `${scriptDomain}${pathAfterVersion}`; } else { // Keep original src if not in dev mode newScript.src = srcPath; } // Copy over other attributes except type and src Array.from(script.attributes).forEach(attr => { if (attr.name !== 'type' && attr.name !== 'src') { newScript.setAttribute(attr.name, attr.value); } }); // Add load/error handlers //newScript.onload = () => console.log(`Script loaded: ${newScript.src}`); //newScript.onerror = (error) => console.error(`Script failed to load: ${newScript.src}`, error); // Replace the old script with the new one script.parentNode.replaceChild(newScript, script); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', updateScriptDomain); } else { updateScriptDomain(); } </script> <!-- Dev scripts swapper ends --> <!-- External scripts starts --> <script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/typeform@1.0.23/src/t/js-t.min.js" defer></script> <script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/typeform@1.0.23/src/localization/redirect-untranslated-pages.min.js" defer></script> <script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/typeform@1.0.23/src/signup/google-one-tap.min.js" defer></script> <script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/typeform@1.0.23/src/signup/signup-helpers.min.js" defer></script> <!-- External scripts ends --> <!-- OpenGraph Meta Tag: og:url --> <script> (function() { const baseUrl = window.location.href.split('?')[0]; const ogUrl = window.location.search.includes('page=') ? `${baseUrl}${window.location.search}` : baseUrl; let metaTag = document.querySelector('meta[property="og:url"]') || document.createElement('meta'); metaTag.setAttribute('property', 'og:url'); metaTag.setAttribute('content', ogUrl); if (!document.head.contains(metaTag)) { const ref = document.querySelector('meta[name="description"]'); ref ? ref.after(metaTag) : document.head.appendChild(metaTag); } })(); </script> <!-- End OpenGraph Meta Tag: og:url --> <!-- GTM starts --> <script data-testid='gtag'> (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.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WH2ZQ3X'); </script> <script data-testid='gtm'> window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } gtag('consent', 'default', { 'analytics_storage': 'denied' }); gtag('consent', 'default', { 'ad_storage': 'denied', 'wait_for_update': 500}); </script> <!-- GTM ends --> <!-- OneTrust Script Starts> --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-testid="onetrust-script" data-domain-script="dc37179a-4de5-4648-bd8f-2f087ec53cbd" defer=""></script> <!-- OneTrust Script Ends> --> <!-- ismobilejs starts --> <script type="text/javascript"> (function () { var f = {}; var g = /iPhone/i, i = /iPod/i, j = /iPad/i, k = /\biOS-universal(?:.+)Mac\b/i, h = /\bAndroid(?:.+)Mobile\b/i, m = /Android/i, c = /(?:SD4930UR|\bSilk(?:.+)Mobile\b)/i, d = /Silk/i, b = /Windows Phone/i, n = /\bWindows(?:.+)ARM\b/i, p = /BlackBerry/i, q = /BB10/i, s = /Opera Mini/i, t = /\b(CriOS|Chrome)(?:.+)Mobile/i, u = /Mobile(?:.+)Firefox\b/i, v = function (l) { return void 0 !== l && "MacIntel" === l.platform && "number" == typeof l.maxTouchPoints && l.maxTouchPoints > 1 && "undefined" == typeof MSStream }; function w(l) { return function ($) { return $.test(l) } } function x(l) { var $ = { userAgent: "", platform: "", maxTouchPoints: 0 }; l || "undefined" == typeof navigator ? "string" == typeof l ? $.userAgent = l : l && l.userAgent && ($ = { userAgent: l.userAgent, platform: l.platform, maxTouchPoints: l.maxTouchPoints || 0 }) : $ = { userAgent: navigator.userAgent, platform: navigator.platform, maxTouchPoints: navigator.maxTouchPoints || 0 }; var a = $.userAgent, e = a.split("[FBAN"); void 0 !== e[1] && (a = e[0]), void 0 !== (e = a.split("Twitter"))[1] && (a = e[0]); var r = w(a), o = { apple: { phone: r(g) && !r(b), ipod: r(i), tablet: !r(g) && (r(j) || v($)) && !r(b), universal: r(k), device: (r(g) || r(i) || r(j) || r(k) || v($)) && !r(b) }, amazon: { phone: r(c), tablet: !r(c) && r(d), device: r(c) || r(d) }, android: { phone: !r(b) && r(c) || !r(b) && r(h), tablet: !r(b) && !r(c) && !r(h) && (r(d) || r(m)), device: !r(b) && (r(c) || r(d) || r(h) || r(m)) || r(/\bokhttp\b/i) }, windows: { phone: r(b), tablet: r(n), device: r(b) || r(n) }, other: { blackberry: r(p), blackberry10: r(q), opera: r(s), firefox: r(u), chrome: r(t), device: r(p) || r(q) || r(s) || r(u) || r(t) }, any: !1, phone: !1, tablet: !1 }; return o.any = o.apple.device || o.android.device || o.windows.device || o.other.device, o.phone = o.apple.phone || o.android.phone || o.windows.phone, o.tablet = o.apple.tablet || o.android.tablet || o.windows.tablet, o } f = x(); if (typeof exports === "object" && typeof module !== "undefined") { module.exports = f } else if (typeof define === "function" && define.amd) { define(function () { return f }) } else { this["isMobile"] = f } })(); </script> <!-- ismobilejs ends --> <!-- Cookie Helper --> <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script> <!-- uuid Helper --> <script src="https://cdn.jsdelivr.net/npm/uuid@8.3.2/dist/umd/uuidv4.min.js"></script> <!-- JS Tracking imports --> <script src="https://public-assets.typeform.com/public/js-tracking/19.9.0/attributionUtil.js"></script> <script src="https://public-assets.typeform.com/public/js-tracking/19.9.0/consentUtil.js"></script> <script src="https://public-assets.typeform.com/public/js-tracking/19.9.0/trackingClient.js"></script> <script src="https://public-assets.typeform.com/public/js-tracking/19.9.0/cookiesUtil.js"></script> <!-- End JS Tracking imports --> <!-- Global Attribution ID Helper Starts --> <script> (function globalAttributionIdScope() { window.ATTRIBUTION_ID_GLOBAL_KEY = "tid"; function setGlobalAttributionId() { const attributionIdFromQueryString = new URLSearchParams( window.location.search ).get(window.ATTRIBUTION_ID_GLOBAL_KEY); const attributionIdFromState = window.history.state ? window.history.state?.[window.ATTRIBUTION_ID_GLOBAL_KEY] : ""; const referrer = document.referrer; if (attributionIdFromState) { window[window.ATTRIBUTION_ID_GLOBAL_KEY] = attributionIdFromState; } else if ( attributionIdFromQueryString && referrer.includes("typeform.com") ) { window[window.ATTRIBUTION_ID_GLOBAL_KEY] = attributionIdFromQueryString; } if (attributionIdFromQueryString) { const urlObj = new URL(window.location.href); urlObj.searchParams.delete(window.ATTRIBUTION_ID_GLOBAL_KEY); const urlWithoutAttributionId = urlObj.toString(); window.history.replaceState( { ...window.history.state, [window.ATTRIBUTION_ID_GLOBAL_KEY]: window[window.ATTRIBUTION_ID_GLOBAL_KEY], }, "", urlWithoutAttributionId ); } } window.getAttributionUserId = function getAttributionUserId() { return window[window.ATTRIBUTION_ID_GLOBAL_KEY] || null; }; window.setAttributionUserId = function setAttributionUserId(id) { window[window.ATTRIBUTION_ID_GLOBAL_KEY] = id; }; function syncAttributionIdState() { const attributionUserIdFromCookie = Cookies.get("attribution_user_id"); const attributionUserIdFromState = window.getAttributionUserId(); /* 1. If attribution cookie is present and different than global attribution id use attribution cookie as source of truth */ if ( attributionUserIdFromCookie && attributionUserIdFromCookie !== attributionUserIdFromState ) { window.setAttributionUserId(attributionUserIdFromCookie); } /* 2. If global attribution id is undefined/null create a new uuid */ if (!window.getAttributionUserId()) { window.setAttributionUserId(uuidv4()); } /* 3. Finally, replace history state with the latest attribution id so that back/forward/refresh actions have the current state */ window.history.replaceState( { ...window.history.state, [window.ATTRIBUTION_ID_GLOBAL_KEY]: window.getAttributionUserId(), }, "", window.location.href ); } setGlobalAttributionId(); syncAttributionIdState(); })(); </script> <!-- Global Attribution ID Helper Ends --> <meta name="algolia-site-verification" content="3642D9261A91D018" /> <!-- Staging only scripts --> <script type="cc-staging-only" src="https://cdn.optimizely.com/js/6572688186015744.js"></script> <!-- Staging only scripts end --> <!-- Production only scripts --> <script type="cc-production-only" src="https://cdn.optimizely.com/js/6084697625722880.js"></script> <!-- Production only scripts end --> <!-- Staging or production only script loader --> <script> (function() { // Set environment variables const env = window.isStaging ? 'staging' : 'production'; // Create a logging function that only logs in staging const log = function(message, ...args) { if (window.isStaging) { console.log(message, ...args); } }; log(`Script loader initializing for ${env} environment...`); // Define selectors for both environments const stagingSelector = 'script[type="cc-staging-only"]'; const productionSelector = 'script[type="cc-production-only"]'; // Find scripts tagged for the current environment const currentEnvSelector = window.isStaging ? stagingSelector : productionSelector; const oldScripts = document.querySelectorAll(currentEnvSelector); log(`Found ${env}-only scripts to process:`, oldScripts.length); // Find and remove scripts for the other environment (they should never run) const otherEnvSelector = window.isStaging ? productionSelector : stagingSelector; const scriptsToRemove = document.querySelectorAll(otherEnvSelector); scriptsToRemove.forEach(script => script.parentNode.removeChild(script)); log(`Removed ${scriptsToRemove.length} scripts for other environment`); // Store the scripts' content and attributes for later execution const scriptsToExecute = Array.from(oldScripts).map(oldScript => { log('Processing script:', oldScript.src || 'inline script'); const scriptData = { attributes: Array.from(oldScript.attributes) .filter(attr => attr.name !== 'type') .map(attr => ({ name: attr.name, value: attr.value })), content: oldScript.textContent, src: oldScript.src }; // Remove the old script oldScript.parentNode.removeChild(oldScript); log('Removed original script'); return scriptData; }); // Function to execute the environment-specific scripts window.executeEnvironmentScripts = function() { log(`Executing ${env}-only scripts...`); scriptsToExecute.forEach(scriptData => { log('Creating new script:', scriptData.src || 'inline script'); const newScript = document.createElement('script'); newScript.type = 'text/javascript'; // Restore all original attributes except type scriptData.attributes.forEach(attr => { newScript.setAttribute(attr.name, attr.value); log('Set attribute:', attr.name, attr.value); }); // For external scripts (with src) if (scriptData.src) { newScript.src = scriptData.src; log('Setting src:', scriptData.src); } else { // For inline scripts newScript.textContent = scriptData.content; log('Setting inline content'); } // Append to head instead of body, and ensure it exists document.head.appendChild(newScript); log('Script added to document head'); }); }; // Wait for DOM to be ready before executing if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', window.executeEnvironmentScripts); } else { window.executeEnvironmentScripts(); } log('Script loader initialization complete'); // Expose log function globally window.log = log; })(); </script> <!-- Staging only script loader ends --></head><body><div class="page-wrapper"><div class="announcement-banner_wrapper"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="cc_announcement-banner-attributes code w-embed"><span cc-t-announcement-banner-promo="false"></span> <span cc-t-announcement-banner-active="true"></span> <span cc-t-announcement-banner-message="partner-ebook-2025"></span> <span cc-t-announcement-banner-value="partner-ebook-2025"></span></div><div id="partner-ebook-2025" data-banner-item="banner" data-banner-dismissable="false" style="color:white;background-color:#191919" class="announcement-banner_wrap"><div class="announcement-banner_content-wrapper"><p class="announcement-banner_text">馃挕Grab our solopreneur playbook ft. Calendly & ActiveCampaign</p><div class="announcement-banner_button-wrap"><a id="announcement-banner-primary-link" setting-size="announcement" href="https://www.typeform.com/solopreneur-playbook" class="text-button is-banner w-inline-block"><div class="text-button_label"><div>here</div><div class="text-button_overline-component"><div style="background-color:white" class="text-button_active-underline"></div><div style="background-color:white" class="text-button_idle-underline is-banner"></div></div></div></a></div></div><button data-banner-item="close-button" aria-label="close announcement banner" class="announcement-banner_dismiss-button"><div class="announcement-banner_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z" fill="currentColor"/> </svg></div></button></div></div></div></div><div class="code"><div class="cc_announcement-banner_code w-embed w-script"><script> document.addEventListener('DOMContentLoaded', () => { const banners = document.querySelectorAll('[data-banner-item="banner"]'); banners.forEach(banner => { const bannerId = banner.id; const isDismissable = banner.getAttribute('data-banner-dismissable') === 'true'; const closeButton = banner.querySelector('[data-banner-item="close-button"]'); // Check if the banner should be hidden based on local storage if (isDismissable && localStorage.getItem(`banner_${bannerId}_dismissed`) === 'true') { banner.style.display = 'none'; } // Add click event listener to the close button if the banner is dismissable if (isDismissable && closeButton) { closeButton.addEventListener('click', () => { banner.style.display = 'none'; localStorage.setItem(`banner_${bannerId}_dismissed`, 'true'); }); } }); }); </script></div></div><div class="cc_announcement-banner code w-embed"><style> .announcement-banner_wrapper.is-visible, .wf-design-mode .announcement-banner_wrapper, .w-editor .announcement-banner_wrapper { display: block; } </style></div><div class="cc_t-announcement-banner code w-embed w-script"><!-- banner.js <script src="http://127.0.0.1:5500/_code/banner.js"></script> --> <!-- original --> <script> document.addEventListener('DOMContentLoaded', function() { // Link tracking (working part stays the same) const announcementBannerLinks = document.querySelectorAll('.announcement-banner_wrapper a'); announcementBannerLinks.forEach((linkElement) => { linkElement.addEventListener('click', () => { window.trackingHelper.trackItemClicked({ item: 'announcement-banner-link', item_type: 'link', typeform_property: 'landing_page', label: window.trackingHelper.snakeCase(linkElement.textContent), link_url: linkElement.href, location: 'header' }); }); }); // Message shown tracking const trackBannerShown = () => { const announcementBanner = document.querySelector('.announcement-banner_wrap'); const messageElement = document.querySelector('span[cc-t-announcement-banner-message]'); const valueElement = document.querySelector('span[cc-t-announcement-banner-value]'); if (!announcementBanner || !messageElement || !valueElement || !window.trackingHelper) { return; } const announcementBannerTrackingMessage = messageElement.getAttribute('cc-t-announcement-banner-message'); const announcementBannerTrackingValue = valueElement.getAttribute('cc-t-announcement-banner-value'); if (getComputedStyle(announcementBanner).display !== 'none') { window.trackingHelper.trackEvent("message_shown", { message: announcementBannerTrackingMessage, value: announcementBannerTrackingValue, location: "header" }); } }; // Try both approaches if (window.analytics) { window.analytics.ready(trackBannerShown); } else { // Fallback - try after a short delay setTimeout(trackBannerShown, 1000); } }); </script></div></div><header class="minimal-header_wrap"><div class="minimal-header_wrapper"><div class="minimal-header_container container"><div class="header_logo-container is-minimal"><a role="navigation" cc-t-event="item_clicked" cc-t-item="typeform_logo" cc-t-item_type="button" cc-t-location="header" aria-label="Back to home" href="/" class="header-logo_wrap w-inline-block"><div class="header-logo_icon-wrapper"><div class="header-logo_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 43 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.42456C0 1.8517 1.40765 0 3.78009 0C6.15215 0 7.56018 1.8517 7.56018 5.42456V16.2479C7.56018 19.8208 6.15252 21.6725 3.78009 21.6725C1.40765 21.6725 0 19.8208 0 16.2479V5.42456ZM25.4643 0H17.6512C10.6419 0 10.0894 3.027 10.0894 7.06301L10.0802 14.599C10.0802 18.8069 10.6082 21.6725 17.6784 21.6725H25.4643C32.4961 21.6725 33.0128 18.656 33.0128 14.62V7.07352C33.0128 3.027 32.4736 0 25.4643 0Z" fill="currentColor"/> </svg></div></div><div class="header-logo_type-wrapper"><div class="header-logo_type w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 109 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> <path d="M69.917 16.8184C67.6636 16.8184 66.5064 14.9632 66.5064 12.6844C66.5064 10.4056 67.6433 8.6512 69.917 8.6512C72.2313 8.6512 73.3276 10.4863 73.3276 12.6844C73.3073 15.0035 72.1501 16.8184 69.917 16.8184ZM47.87 8.6512C49.1896 8.6512 49.7377 9.41751 49.7377 10.083C49.7377 11.6963 48.0933 12.4021 44.6624 12.5029C44.6624 10.5065 45.7993 8.6512 47.87 8.6512ZM33.2532 16.8184C31.1216 16.8184 30.2283 15.0841 30.2283 12.6844C30.2283 10.3048 31.1419 8.6512 33.2532 8.6512C35.4051 8.6512 36.4202 10.3653 36.4202 12.6844C36.4202 15.1043 35.3645 16.8184 33.2532 16.8184ZM15.2258 6.29178H11.8964L17.4183 18.956C16.3627 21.2953 15.7943 21.8801 15.0634 21.8801C14.292 21.8801 13.5611 21.2549 13.0333 20.7105L11.5716 22.6464C12.5664 23.695 13.9266 24.3 15.3273 24.3C17.0732 24.3 18.4131 23.2917 19.1845 21.4768L25.5591 6.27162H22.2906L18.9612 15.3463L15.2258 6.29178ZM103.414 8.6512C105.038 8.6512 105.363 9.76033 105.363 12.3617V19.198H108.245V10.567C108.245 7.46141 106.114 6.11029 104.145 6.11029C102.399 6.11029 100.795 7.19925 99.9017 9.21585C99.3942 7.27992 97.7701 6.11029 95.8821 6.11029C94.2377 6.11029 92.5933 7.15892 91.7001 9.11502V6.29178H88.8173V19.1778H91.7001V13.6725C91.7001 10.8896 93.1617 8.6512 95.1512 8.6512C96.7753 8.6512 97.0799 9.76033 97.0799 12.3617V19.198H99.9626L99.9423 13.6725C99.9423 10.8896 101.424 8.6512 103.414 8.6512ZM80.32 6.29178H78.951V19.1778H81.8337V14.2372C81.8337 11.1115 83.2142 8.99402 85.2646 8.99402C85.7924 8.99402 86.2391 9.01419 86.7263 9.21585L87.1729 6.17079C86.8075 6.13046 86.4827 6.09012 86.1579 6.09012C84.1277 6.09012 82.6661 7.48158 81.8134 9.27635V6.29178H80.32ZM69.917 6.09012C66.1004 6.09012 63.5221 8.99402 63.5221 12.6642C63.5221 16.4756 66.141 19.319 69.917 19.319C73.7539 19.319 76.3727 16.3949 76.3727 12.6642C76.3524 8.97386 73.693 6.09012 69.917 6.09012ZM48.0324 16.8184C46.5301 16.8184 45.4136 16.0521 44.9466 14.4993C48.7632 14.338 52.4986 13.4104 52.4986 10.0427C52.4986 8.10672 50.5903 6.11029 47.8497 6.11029C44.1549 6.11029 41.6578 9.11502 41.6578 12.6844C41.6578 16.4151 44.1143 19.3392 47.7888 19.3392C50.3467 19.3392 51.9708 18.3107 53.2498 16.8184L51.849 14.9228C50.367 16.4353 49.4535 16.8184 48.0324 16.8184ZM33.8216 6.09012C32.3599 6.09012 30.8983 6.9371 30.3298 8.26805V6.29178H27.4471V24.2395H30.3298V17.8267C30.9389 18.7544 32.3396 19.3593 33.578 19.3593C37.4149 19.3593 39.445 16.5159 39.445 12.6844C39.4247 8.8932 37.4352 6.09012 33.8216 6.09012ZM13.6017 1.12929H0V3.93237H5.31889V19.1778H8.34375V3.93237H13.6017V1.12929ZM56.4574 6.29178H54.7318V8.87303H56.4574V19.1778H59.3401V8.87303H62.1417V6.29178H59.3401V4.27519C59.3401 2.98456 59.8679 2.54091 61.0657 2.54091C61.5123 2.54091 61.9184 2.66191 62.4665 2.8434L63.1161 0.423485C62.5883 0.120996 61.5326 0 60.8424 0C58.0814 0 56.4574 1.65361 56.4574 4.51718V6.29178Z" fill="currentColor"/> </svg></div></div></a></div><div class="header_actions-wrapper"><div cc-target="header-auth-actions" class="header_action-container"><a cc-t-item_type="button" class="button w-inline-block" cc-t-global-skip="self" setting-variant="primary" href="https://admin.typeform.com/signup" cc-t-event="item_clicked" cc-t-item="sign_up" cc-t-location="header" setting-size="medium"><div>Sign up</div></a></div></div></div></div><div class="cc code"><div class="cc_responsive code w-embed"><style> /* LARGE DESKTOP */ @media screen and (min-width: 1279px) { :root { --primitives--section-spacing--gutter: var(--primitives--spacers--200); --primitives--section-spacing--margin: var(--primitives--spacers--300); --primitives--section-spacing--max-width: var(--primitives--max-width--xl); } .heading-xl, .u-heading-xl { font-size: var(--primitives--headings--size-5-size); line-height: var(--primitives--headings--size-5-lh); letter-spacing: var(--primitives--headings--size-5-ls); } .heading-lg, .u-heading-lg { font-size: var(--primitives--headings--size-4-size); line-height: var(--primitives--headings--size-4-lh); letter-spacing: var(--primitives--headings--size-4-ls); } .heading-md, .u-heading-md, .content-rich-text h2 { font-size: var(--primitives--headings--size-3-size); line-height: var(--primitives--headings--size-3-lh); letter-spacing: var(--primitives--headings--size-3-ls); } .heading-sm, .u-heading-sm { font-size: var(--primitives--headings--size-2-size); line-height: var(--primitives--headings--size-2-lh); letter-spacing: var(--primitives--headings--size-2-ls); } .heading-xs, .u-heading-xs { font-size: var(--primitives--headings--size-1-size); line-height: var(--primitives--headings--size-1-lh); letter-spacing: var(--primitives--headings--size-1-ls); } } /* LARGE DESKTOP END */ /* TABLET */ @media screen and (max-width: 991px) { :root { --primitives--section-spacing--gutter: var(--primitives--spacers--100); --primitives--section-spacing--margin: var(--primitives--spacers--200); --primitives--section-spacing--section-padding-large: var(--primitives--spacers--500); --primitives--section-spacing--section-padding-medium: var(--primitives--spacers--300); --primitives--section-spacing--section-padding-small: var(--primitives--spacers--200); } } /* TABLET END */ /* LANDSCAPE MOBILE */ @media screen and (max-width: 767px) { :root { --primitives--section-spacing--gutter: var(--primitives--spacers--100); --primitives--section-spacing--margin: var(--primitives--spacers--100); --primitives--section-spacing--section-padding-large: var(--primitives--spacers--300); --primitives--section-spacing--section-padding-medium: var(--primitives--spacers--200); --primitives--section-spacing--section-padding-small: var(--primitives--spacers--200); --primitives--section-spacing--section-vertical-spacing-large: var(--primitives--spacers--300); --primitives--section-spacing--section-vertical-spacing-medium: var(--primitives--spacers--250); --primitives--section-spacing--section-vertical-spacing-small: var(--primitives--spacers--150); } } /* LANDSCAPE MOBILE END */ </style>3</div><div class="cc_settings code w-embed"><style> /* ASPECT RATIO */ [data-aspect-ratio="square"] { aspect-ratio: 1 / 1; } [data-aspect-ratio="landscape"] { aspect-ratio: 3 / 2; } [data-aspect-ratio="portrait"] { aspect-ratio: 2.5 / 3; } [data-aspect-ratio="wide"] { aspect-ratio: 16 / 9; } [data-aspect-ratio="auto"] { aspect-ratio: auto; } [data-aspect-ratio="full-height"] { height: 100%; width: auto; aspect-ratio: auto; } /* ASPECT RATIO END */ /* BORDER RADIUS */ [data-corner-radius="none"] { border-radius: 0px; } [data-corner-radius="rounded"] { border-radius: var(--tokens--corner-radius--md); } /* BORDER RADIUS END */ /* LINE CLAMP */ [data-line-clamp="1"] { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [data-line-clamp="2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } [data-line-clamp="3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-line-clamp="4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } /* LINE CLAMP END */ /* GRID COLUMNS & ROWS */ [data-grid-columns="2"] .grid-slot:nth-child(odd) { grid-column: 3/7; } [data-grid-columns="2"] .grid-slot:nth-child(even) { grid-column: 7/11; } [data-grid-columns="2"] .grid-slot:nth-child(5), [data-grid-columns="2"] .grid-slot:nth-child(6) { display: none; } [data-grid-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(3), [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(4), [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(5), [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(6), [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(4), [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(5), [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(6) { display: none; } [data-grid-rows="2"] { grid-template-rows: 1fr; } /* GRID COLUMNS & ROWS END */ /* SECTION RADIUS */ [data-section-radius="none"] { border-radius: 0px; } [data-section-radius="top"] { border-radius: var(--tokens--corner-radius--xl) var(--tokens--corner-radius--xl) 0px 0px; } [data-section-radius="bottom"] { border-radius: 0px 0px var(--tokens--corner-radius--xl) var(--tokens--corner-radius--xl); } [data-section-radius="both"] { border-radius: var(--tokens--corner-radius--xl); } [data-section-radius="top"][data-padding-top="large"], [data-section-radius="both"][data-padding-top="large"] { padding-top: calc(var(--primitives--section-spacing--section-padding-large) + var(--primitives--section-spacing--section-padding-small)); } [data-section-radius="top"][data-padding-top="medium"], [data-section-radius="both"][data-padding-top="medium"] { padding-top: calc(var(--primitives--section-spacing--section-padding-medium) + var(--primitives--section-spacing--section-padding-small)); } [data-section-radius="top"][data-padding-top="small"], [data-section-radius="both"][data-padding-top="small"] { padding-top: calc(var(--primitives--section-spacing--section-padding-small) + var(--primitives--section-spacing--section-padding-small)); } [data-section-radius="bottom"][data-padding-top="large"], [data-section-radius="both"][data-padding-top="medium"] { padding-bottom: calc(var(--primitives--section-spacing--section-padding-large) + var(--primitives--section-spacing--section-padding-small)); } [data-section-radius="bottom"][data-padding-top="medium"], [data-section-radius="both"][data-padding-top="medium"] { padding-bottom: calc(var(--primitives--section-spacing--section-padding-medium) + var(--primitives--section-spacing--section-padding-small)); } [data-section-radius="bottom"][data-padding-top="small"], [data-section-radius="both"][data-padding-top="small"] { padding-bottom: calc(var(--primitives--section-spacing--section-padding-small) + var(--primitives--section-spacing--section-padding-small)); } /* SECTION RADIUS END */ /* SECTION PADDING */ [data-padding-top="large"] { padding-top: var(--primitives--section-spacing--section-padding-large); } [data-padding-top="medium"] { padding-top: var(--primitives--section-spacing--section-padding-medium); } [data-padding-top="small"] { padding-top: var(--primitives--section-spacing--section-padding-small); } [data-padding-top="none"] { padding-top: 0px; } [data-padding-bottom="large"] { padding-bottom: var(--primitives--section-spacing--section-padding-large); } [data-padding-bottom="medium"] { padding-bottom: var(--primitives--section-spacing--section-padding-medium); } [data-padding-bottom="small"] { padding-bottom: var(--primitives--section-spacing--section-padding-small); } [data-padding-bottom="none"] { padding-bottom: 0px; } /* SECTION PADDING END */ /* MARGIN (MAINLY USED FOR SECTION HEADING BLOCK) */ [data-margin-bottom="large"] { margin-bottom: var(--primitives--section-spacing--section-vertical-spacing-large); } [data-margin-bottom="medium"] { margin-bottom: var(--primitives--section-spacing--section-vertical-spacing-medium); } [data-margin-bottom="small"] { margin-bottom: var(--primitives--section-spacing--section-vertical-spacing-small); } [data-margin-top="large"] { margin-top: var(--primitives--section-spacing--section-vertical-spacing-large); } [data-margin-top="medium"] { margin-top: var(--primitives--section-spacing--section-vertical-spacing-medium); } [data-margin-top="small"] { margin-top: var(--primitives--section-spacing--section-vertical-spacing-small); } /* MARGIN END */ </style></div><div class="cc-atoms code w-embed"><style> /* AVATAR */ .avatar.large { width: 9rem; } .avatar.medium { width: 6rem; height: 6rem; } .avatar.small { width: 2.5rem; height: 2.5rem; } [data-avatar-radius="squircle"] { border-radius: var(--tokens--corner-radius--md); } /* AVATAR MOBILE */ @media screen and (max-width: 767px) { .avatar.large { width: 6rem; height: 6rem; } } /* AVATAR END */ /* ALGOLIA */ .ais-Hits ol { list-style: none; padding: 0; } .algolia-search mark { background-color:inherit; font-weight:bold; color:inherit; } .search-bar_spinner { font-family: 'Gt America Web', sans-serif; font-size: 14px; line-height: 20px; color: rgb(76, 76, 76); font-feature-settings: 'ss01'; -webkit-font-smoothing: antialiased; width: 20px; height: 20px; border-style: solid; border-color: rgb(76, 76, 76) rgb(76, 76, 76) rgb(211, 211, 211) rgb(211, 211, 211); border-width: 2px; border-radius: 50%; animation: search-bar_spinner-rotation 0.8s linear infinite; } @keyframes search-bar_spinner-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ALGOLIA END */ /* BUTTONS */ .button:hover { border-radius: calc(var(--tokens--corner-radius--sm) * 1.33); } .button[setting-size="videoask"] { padding: 0.75rem 1.25rem; min-width: auto; height: auto; width: auto; } /* tablet */ @media screen and (max-width: 991px) { .button[setting-size="videoask"] { padding: 0.375rem 0.625rem; font-size: 0.75rem; min-width: auto; width: auto; border-radius: var(--tokens--corner-radius--xs); height: auto; } } .button[setting-size="medium"] { padding: 0.75rem 1.25rem; min-width: auto; height: auto; width: auto; } .button[setting-size="small"] { padding: 0.375rem 0.625rem; font-size: 0.75rem; min-width: auto; width: auto; border-radius: var(--tokens--corner-radius--xs); height: auto; } .button[setting-size="small"]:hover { border-radius: calc(var(--tokens--corner-radius--xs) * 1.66); } .button[setting-variant="secondary"] { color: var(--tokens--button--secondary-text); background-color: var(--tokens--button--secondary-bg-idle); box-shadow: inset 0 0 0 1px var(--tokens--button--secondary-border); } .button[setting-variant="secondary"]:hover { background-color: var(--tokens--button--secondary-bg-hover); } .button[setting-variant="social"] { color: var(--tokens--button--secondary-text); background-color: var(--tokens--button--secondary-bg-idle); box-shadow: inset 0 0 0 1px var(--tokens--button--secondary-border); flex: 1 1 13rem; } .button[setting-variant="social"]:hover { background-color: var(--tokens--button--secondary-bg-hover); } /* BUTTON END */ /* TEXT BUTTON */ .text-button:hover .text-button_active-underline { width: 100%; } .text-button:hover .text-button_idle-underline { width: 0%; } .text-button[setting-size="medium"] { height: auto; font-size: 1rem; } .text-button[setting-size="small"] { height: auto; font-size: 0.875rem; } .text-button[setting-size="xsmall"] { height: auto; font-size: 0.75rem; } /* TEXT BUTTON END */ /* TAG BUTTON */ [data-tag-size="small"] { padding: 0.375rem 0.75rem; font-size: 0.875rem; height: auto; } </style></div><div class="cc-molecules code w-embed"><style> /* COOKIE CONSENT */ .s_cookie-banner_wrap { opacity: 0; pointer-events: none; } #onetrust-banner-sdk { display: none !important; } .onetrust-pc-dark-filter, #onetrust-banner-sdk { pointer-events: none; display: none !important; } .show-cookie-banner .s_cookie-banner_wrap { opacity: 1; pointer-events: unset; } /* COOKIE CONSENT END */ /* CONTENT ACCORDION */ .content-accordion_wrap.active { background-color: var(--tokens--surfaces--background-active) } .content-accordion_wrap.active .content-accordion_icon { transform: rotate(180deg); } .content-accordion_wrap.active .content-accordion_bottom-container { height: auto; opacity: 1; } .content-accordion_wrap.active .content-accordion_top-container { padding-bottom: 1rem; } /* CONTENT ACCORDION END */ /* CONTENT CARD */ .card-content_card-hover-action { transform: translateY(0.75rem); opacity: 0; } .card-content_metadata { transform: translateY(0rem); opacity: 1; } .content-card_wrap:hover .card-content_card-hover-action, .mega-content-card_wrap:hover .card-content_card-hover-action, .compact-content-card_wrap:hover .card-content_card-hover-action, .sidebar-content-card_wrap:hover .card-content_card-hover-action { transform: translateY(-0rem); opacity: 1; } .content-card_wrap:hover .card-content_metadata, .mega-content-card_wrap:hover .card-content_metadata, .compact-content-card_wrap:hover .card-content_metadata, .sidebar-content-card_wrap:hover .card-content_metadata { transform: translateY(-0.75rem); opacity: 0; } .content-card_wrap:hover .content-card_img-wrapper, .info-image-card_wrap:has(.link-cover):hover .info-image-card_img-wrapper { border-radius: calc(var(--tokens--corner-radius--md) * 1.5); } { border-radius: calc(var(--tokens--corner-radius--md) * 1.5); } .info-image-card_wrap:has(.link-cover):hover .card-content_card-action.u-text-action, .info-icon-card_wrap:has(.link-cover):hover .card-content_card-action.u-text-action { color: var(--tokens--text-colour--text-colour-highlight) !important; } /* CONTENT END */ /* FAQ ACCORDION */ .faq-accordion_wrap.active .faq-accordion_icon { transform: rotate(180deg); } .faq-accordion_wrap.active .faq-accordion_bottom-container { height: auto; opacity: 1; } .faq-accordion_wrap.active .faq-accordion_top-container { padding-bottom: 1rem; } /* FAQ ACCORDION END */ /* PAGE HEADING */ [data-heading-orientation="horizontal"] { display: flex; flex-direction: row; justify-content: space-between; align-items: end; } [data-heading-orientation="center"] { display: flex; flex-direction: column; align-items: center; text-align: center; } [data-heading-orientation="horizontal"] .section_heading, [data-heading-orientation="horizontal"] .section_sub-heading, [data-heading-orientation="horizontal"] .page_heading, [data-heading-orientation="horizontal"] .page_sub-heading, [data-heading-orientation="horizontal"] .u-text-eyebrow { margin-left: 0rem !important; margin-right: auto !important; text-align: left !important; } /* tablet */ @media screen and (min-width: 992px) { [data-heading-orientation="left"] .section_heading, [data-heading-orientation="left"] .section_sub-heading, [data-heading-orientation="left"] .page_heading, [data-heading-orientation="left"] .page_sub-heading, [data-heading-orientation="left"] .u-text-eyebrow { display: flex; flex-direction: column; align-items: start; margin-left: 0rem !important; margin-right: auto !important; text-align: left !important; } } @media screen and (max-width: 479px) { [data-heading-orientation] { display: flex; flex-direction: column; align-items: center; text-align: center; } [data-heading-orientation] .section_heading, [data-heading-orientation] .section_sub-heading, [data-heading-orientation] .page_heading, [data-heading-orientation] .page_sub-heading, [data-heading-orientation] .u-text-eyebrow { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } } /* PAGE HEADING END */ .explore-page-demo { border: 0px; } /* AGREEMENT HTML TABLES */ .agreement-table { border-collapse: collapse; } .agreement-table td { border: 1px solid black; padding: 0.25em 0.125em; } /* AGREEMENT HTML TABLES END */ /* SEARCH BAR */ /* width */ .search-results_container::-webkit-scrollbar { width: 6px; } /* Track */ .search-results_container::-webkit-scrollbar-track { background: transparent; padding: 2rem; } /* Handle */ .search-results_container::-webkit-scrollbar-thumb { background: var(--primitives--neutral--200); border-radius: 100rem; } /* Handle on hover */ .search-results_container::-webkit-scrollbar-thumb:hover { background: var(--primitives--neutral--300); } /* width */ .template-sidebar_wrapper::-webkit-scrollbar { width: 6px; } /* Track */ .template-sidebar_wrapper::-webkit-scrollbar-track { background: transparent; } /* Handle */ .template-sidebar_wrapper::-webkit-scrollbar-thumb { background: var(--primitives--neutral--200); border-radius: 100rem; } /* Handle on hover */ .template-sidebar_wrapper::-webkit-scrollbar-thumb:hover { background: var(--primitives--neutral--300); } /* width */ .connect-sidebar_menu::-webkit-scrollbar { width: 6px; } /* Track */ .connect-sidebar_menu::-webkit-scrollbar-track { background: transparent; } /* Handle */ .connect-sidebar_menu::-webkit-scrollbar-thumb { background: var(--primitives--neutral--200); border-radius: 100rem; } /* Handle on hover */ .connect-sidebar_menu::-webkit-scrollbar-thumb:hover { background: var(--primitives--neutral--300); } </style></div><div class="cc_sections code w-embed"><style> /* Announcement bar */ [data-banner-dismissable="true"] .announcement-banner_dismiss-button { display: flex !important; } [data-banner-dismissable="true"] { padding-right: 4.5rem; padding-left: 4.5rem; } [data-banner-dismissable="true"] .announcement-banner_dismiss-button { width: 1.5rem; } /* tablet */ @media screen and (max-width: 991px) { [data-banner-dismissable="true"] { justify-content: start; padding-left: 1.5rem; } } .button[setting-size="announcement"] { font-size: 1rem; } .button[setting-size="announcement"] { padding: 0.75rem 1.25rem; min-width: auto; width: auto; } .text-button[setting-size="announcement"] { height: auto; } [setting-size="announcement"] .text-button_label { font-size: 1rem } /* landscape */ @media screen and (max-width: 767px) { .button[setting-size="announcement"] { padding: 0.375rem 0.625rem; font-size: 0.875rem; min-width: auto; border-radius: var(--tokens--corner-radius--xs); height: auto; } .text-button[setting-size="announcement"] { height: auto; } [setting-size="announcement"] .text-button_label { font-size: 0.875rem } } /* ANNOUNCEMENT BANNER END */ /* HEADER/NAV */ .nav_dropdown-col:last-of-type { border-right: 0px; } .nav_list-item.w--open .nav_list-item-icon { transform: rotate(180deg); } .nav_list-item.w--open { color: var(--tokens--text-colour--text-colour-secondary); } /* tablet */ @media screen and (max-width: 991px) { .open .header_action-container { bottom: 0px; } .open .nav_list { height: 100%; transition: all 0.3s ease-out; padding-bottom: 16rem; } .open .nav_wrap { opacity: 1; height: 100dvh; overflow-Y: scroll; } } .nav_wrap { transition-delay: 0.3s; transition: all 0.3s ease-out; } .nav_list { transition: all 0.3s ease-out; } .nav-button_wrap { --thickness: 2px; --gap: 0.2rem; --rotate: 45; --width: 100%; } .open .nav-button_line { transform: scaleX(0); } .open .nav-button_line:first-child { transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg)); } .open .nav-button_line:last-child { transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg)); } .heading-logo_wrap:hover .header-logo_type { transform: translateX(0) !important; } .nav-dropdown_featured-card:hover .nav-dropdown_featured-img { transform: scale(1.025); } /* tablet */ @media screen and (max-width: 991px) { .header_action-container { --tokens--button--primary-bg-idle: var(--primitives--neutral--25); --tokens--button--primary-bg-hover: var(--primitives--neutral--50); --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--secondary-bg-idle: var(--primitives--neutral--1000); --tokens--button--secondary-bg-hover: var(--primitives--neutral--800); --tokens--button--secondary-text: var(--primitives--neutral--25); --tokens--button--secondary-border: var(--primitives--neutral--25); --tokens--button--tertiary-idle: var(--primitives--neutral--25); --tokens--button--tertiary-hover: var(--primitives--purple--600); --tokens--surfaces--background-idle: var(--primitives--neutral--1000); --tokens--surfaces--background-hover: var(--primitives--neutral--800); --tokens--surfaces--background-active: var(--primitives--neutral--800); } } /* HEADER/NAV END */ /* SECTION 5050 */ .section-5050_content-container { grid-column: 2 / 6; } .section-5050_media-container { grid-column: 7 / 12; } [data-media-side="left"] .section-5050_content-container { grid-column: -2 / -6; } [data-media-side="left"] .section-5050_media-container { grid-column: 2 / 7; } /* Desktop */ @media screen and (max-width: 1280px) { .section-5050_content-container { grid-column: 2 / 7; padding-right: var(--primitives--section-spacing--gutter); } .section-5050_media-container { grid-column: 7 / 12; } [data-media-side="left"] .section-5050_content-container { grid-column: -2 / -7; padding-left: var(--primitives--section-spacing--gutter); } [data-media-side="left"] .section-5050_media-container { grid-column: 2 / 7; } } /* Tablet */ @media screen and (max-width: 991px) { .section-5050_content-container { padding: 0px; } .section-5050_media-container, [data-media-side="left"] .section-5050_media-container, [data-media-side="left"] .section-5050_content-container { padding-left: 0px !important; } .slot-5050_text-content_wrap { justify-content: center; text-align: center; } .u-eyebrow-text { text-align: center; } } /* SECTION 5050 */ /* PAGE HERO 5050 */ [data-media-side="left"] .page-hero_media-container { grid-column: 1 / 7; margin-left: calc(var(--primitives--section-spacing--margin) * -1); } [data-media-side="left"] .page-hero_heading-container { grid-column: 7 / 13; } [data-media-side="right"] .page-hero_media-container { grid-column: 7 / 13; margin-left: calc(var(--primitives--section-spacing--margin)) !important; } [data-media-side="right"] .grid { justify-items: end; } [data-media-side="right"] .page-hero_heading-container { grid-column: 1 / 7; } /* tablet */ @media screen and (max-width: 991px) { .page-hero_media-container { grid-column: 1 / 9; grid-row: 2; margin-left: 0px !important; margin-right: 0px !important; width: 100%; } .page-hero_heading-container { grid-column: 1 / 9; justify-content: center; text-align: center; } [data-media-side="right"] .page-hero_media-container { grid-column: 1 / 9; margin-left: 0px !important; margin-right: 0px !important; width: 100%; grid-row: 2; } } /* landscape */ @media screen and (max-width: 767px) { .page-hero_media-container { grid-column: 1 / 9; grid-row: 2; margin: 0px; width: 100%; } [data-media-side="right"] .page-hero_media-container { grid-column: 1 / 9; margin: 0px; width: calc(100% + var(--primitives--section-spacing--margin) * 2); width: 100%; } } /* PAGE HERO 5050 END */ /* PAGE HERO / STACKED */ @media screen and (max-width: 767px) { .page-hero-stacked_media-container { grid-column: 1 / 9; grid-row: 2; margin: 0px; width: 100%; } } /* PAGE HERO / STACKED END */ /* CUSTOMERS/PARTNERS */ @keyframes fadeInOut { 0%, 100% { opacity: 0; transform: translateY(4rem); } 2%, 48% { opacity: 1; transform: translateY(0rem); } 50%, 98% { opacity: 0; transform: translateY(4rem); } } .customers_logo-container { opacity: 0; animation: fadeInOut 20s infinite; animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); } .customers_row.upper .customers_logo-container:nth-child(2) { animation-delay: 0.15s; } .customers_row.upper .customers_logo-container:nth-child(3) { animation-delay: 0.3s; } .customers_row.upper .customers_logo-container:nth-child(4) { animation-delay: 0.45s; } .customers_row.upper .customers_logo-container:nth-child(5) { animation-delay: 0.6s; } .customers_row.lower .customers_logo-container:nth-child(1) { animation-delay: 10s; } .customers_row.lower .customers_logo-container:nth-child(2) { animation-delay: 10.15s; } .customers_row.lower .customers_logo-container:nth-child(3) { animation-delay: 10.3s; } .customers_row.lower .customers_logo-container:nth-child(4) { animation-delay: 10.45s; } .customers_row.lower .customers_logo-container:nth-child(5) { animation-delay: 10.6s; } /* CUSTOMERS/PARTNERS END */ /* INTEGRATIONS */ @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes marquee-reverse { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .integrations_carousel-track.upper { animation: marquee 90s linear infinite normal; } .integrations_carousel-track.lower { animation: marquee-reverse 90s linear infinite normal; } .integrations_carousel-container:hover .integrations_carousel-track.lower, .integrations_carousel-container:hover .integrations_carousel-track { animation-play-state: paused; } @media screen and (max-width: 767px) { .customers_logo-container:nth-child(4), .customers_logo-container:nth-child(5) { display: none; } .integrations_carousel-track.upper { animation: marquee 30s linear infinite normal; } .integrations_carousel-track.lower { animation: marquee-reverse 30s linear infinite normal; } } @media screen and (min-width: 992px) { .integrations_carousel-item:hover .integrations_carousel-bg { opacity: 1; } .integrations_carousel-item:hover .integrations_carousel-item-logo.is-hover { display: flex; } .integrations_carousel-item:hover .integrations_carousel-item-logo { display: none; } } /* INTEGRATIONS END */ /* CTA */ .s_cta_wrap[data-padding-top="none"] .cta_container.grid { padding-top: 0px !important; } .cta_container .heading-lockup_wrap { grid-column: 2 / 12; width: 100%; } [data-cta-type='uncontained'] .heading-lockup_wrap { grid-column: 1 / 13; width: 100%; } [data-cta-type='uncontained'] .cta_container { background-color: transparent; border-radius: 0px; padding: var(--primitives--section-spacing--section-padding-medium) 0px; } [data-cta-type='contained'] .cta_container { border-radius: var(--tokens--corner-radius--xl); } /* CTA END */ /* CTA w/MEDIA */ .cta-media_media-container { grid-column: 8 / 12; } .cta-media_content-container { grid-column: 2 / 8; } .cta-media_content-container .section_sub-heading { margin: 0px; } [data-media-side='right'] .cta-media_media-container { grid-column: 8 / 12; } [data-media-side='right'] .cta-media_content-container { grid-column: 2 / 8; } [data-media-side='left'] .cta-media_media-container { grid-column: 2 / 6; } [data-media-side='left'] .cta-media_content-container { grid-column: 6 / 12; padding-left: var(--primitives--section-spacing--gutter); } /* CTA w/MEDIA END */ /* FAQs */ .faqs_container { grid-column: 2 / 12; } @media screen and (max-width: 1280px) { .faqs_container { grid-column: 1 / 13; } } /* FAQs END */ .template-sidebar_wrap.open { height: 100dvh; } /* Locale switcher */ .locale-current-list .w-locales-item > a:not(.w--current) { display: none; } </style></div><div class="cc-global code w-embed"><!-- Reset default button styles --> <style> button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; } </style> <style> /* Apply font smoothing */ body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; position: relative; } h1, h2, h3, h4, h5, h6 { hanging-punctuation: first last; } .page_heading { font-display:swap; } /* Remove top margin on rich text first child */ .w-richtext>:first-child { margin-top: 0; } /* Remove bottom margin of rich text last child */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0; } .content-rich-text blockquote, .content-rich-text figure, .content-rich-text code { display: none; } .u-rich-text ol { list-style: none; counter-reset: item; margin-top: 4rem; } .u-rich-text li { counter-increment: item; margin-bottom: 5px; } .u-rich-text ol li:before { content: counter(item); margin-left: -2rem; margin-right: 0.75rem; text-align: center; font-size: 2rem; font-weight: 600; display: inline-block; font-variant-numeric: tabular-nums; } .u-rich-text ol li { margin-bottom: 3rem !important; } .u-rich-text li > code:first-of-type { font-size: 1.875rem; font-weight: 400; font-family: inherit; } .w-background-video > video { position: relative !important; top: 0px; left: 0px; right: 0px; bottom: 0px; } .w-richtext figure { width: 100% !important; max-width: 100% !important; } /* Give section an attribute of "data-cms-section" */ [data-cms-section]:not(:has(.w-dyn-item)) { display: none; } /* Hide scrollbar for Chrome, Safari and Opera */ .latest-posts_wrap::-webkit-scrollbar { display: none; } .latest-posts_wrap { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .footer_menu-dropdown .footer_menu-item:first-of-type { margin-top: 1.5rem; } .footer_menu-dropdown .footer_menu-item:last-of-type { margin-bottom: 1.5rem; } .footer_menu-item:hover { transform: translateX(0.5rem); } .footer_menu-item { transition: transform 0.3s ease-out; } .footer_menu-item.is-dropdown:hover { transform: translateX(0rem); } </style></div><div class="cc_theming code w-embed"><style> [data-theme='dark'], [data-theme='Dark'] { --tokens--button--primary-bg-idle: var(--primitives--neutral--25); --tokens--button--primary-bg-hover: var(--primitives--neutral--200) !important; --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--secondary-bg-idle: var(--primitives--neutral--1000); --tokens--button--secondary-bg-hover: var(--primitives--neutral--800); --tokens--button--secondary-text: var(--primitives--neutral--25); --tokens--button--secondary-border: var(--primitives--neutral--25); --tokens--button--tertiary-idle: var(--primitives--neutral--25); --tokens--button--tertiary-hover: var(--primitives--purple--600); --tokens--tag--tag-bg-idle: var(--primitives--neutral--1000); --tokens--tag--tag-bg-hover: var(--primitives--neutral--800); --tokens--tag--tag-bg-active: var(--primitives--neutral--25); --tokens--tag--tag-border: var(--primitives--neutral--25); --tokens--tag--tag-text-idle: var(--primitives--neutral--25); --tokens--tag--tag-text-active: var(--primitives--neutral--1000); --tokens--border--border-primary: var(--primitives--neutral--800); --tokens--text-colour--text-colour-highlight: var(--primitives--purple--400); --tokens--text-colour--text-colour-invert: var(--primitives--neutral--1000); --tokens--text-colour--text-colour-secondary: var(--primitives--neutral--300); --tokens--text-colour--text-colour-primary: var(--primitives--neutral--25); --tokens--surfaces--background-idle: var(--primitives--neutral--1000); --tokens--surfaces--background-hover: var(--primitives--neutral--800); --tokens--surfaces--background-active: var(--primitives--neutral--800); --tokens--surfaces--foreground-idle: var(--primitives--neutral--800); --tokens--surfaces--foreground-hover: var(--primitives--neutral--700); --tokens--surfaces--foreground-active: var(--primitives--neutral--700); } [data-theme='default'] { --tokens--surfaces--background-idle: var(--primitives--neutral--25); } [data-theme='grey'], [data-theme='Grey'], [data-theme='gray'], [data-theme='Gray'] { --tokens--surfaces--background-idle: var(--primitives--neutral--50); --tokens--surfaces--background-hover: var(--primitives--neutral--100); --tokens--surfaces--background-active: var(--primitives--neutral--100); --tokens--surfaces--foreground-idle: var(--primitives--neutral--25); --tokens--surfaces--foreground-hover: var(--primitives--neutral--200); --tokens--surfaces--foreground-active: var(--primitives--neutral--200); } [data-theme='purple'], [data-theme='Purple'] { --tokens--surfaces--foreground-idle: var(--primitives--purple--100); --tokens--surfaces--foreground-hover: var(--primitives--purple--200); --tokens--surfaces--foreground-active: var(--primitives--purple--200); } [data-theme='green'], [data-theme='Green'] { --tokens--surfaces--foreground-idle: var(--primitives--green--100); --tokens--surfaces--foreground-hover: var(--primitives--green--200); --tokens--surfaces--foreground-active: var(--primitives--green--200); } [data-theme='red'], [data-theme='Red'] { --tokens--surfaces--foreground-idle: var(--primitives--red--100); --tokens--surfaces--foreground-hover: var(--primitives--red--200); --tokens--surfaces--foreground-active: var(--primitives--red--200); } [data-theme='yellow'], [data-theme='Yellow'] { --tokens--surfaces--foreground-idle: var(--primitives--yellow--100); --tokens--surfaces--foreground-hover: var(--primitives--yellow--200); --tokens--surfaces--foreground-active: var(--primitives--yellow--200); } [data-theme='orange'], [data-theme='Orange'] { --tokens--surfaces--foreground-idle: var(--primitives--orange--100); --tokens--surfaces--foreground-hover: var(--primitives--orange--200); --tokens--surfaces--foreground-active: var(--primitives--orange--200); } [data-theme='blue'], [data-theme='Blue'] { --tokens--surfaces--foreground-idle: var(--primitives--blue--100); --tokens--surfaces--foreground-hover: var(--primitives--blue--200); --tokens--surfaces--foreground-active: var(--primitives--blue--200); } [data-theme='purple-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--purple--300); --tokens--surfaces--foreground-hover: var(--primitives--purple--400); --tokens--surfaces--foreground-active: var(--primitives--purple--400); } [data-theme='green-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--green--300); --tokens--surfaces--foreground-hover: var(--primitives--green--400); --tokens--surfaces--foreground-active: var(--primitives--green--400); } [data-theme='red-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--red--300); --tokens--surfaces--foreground-hover: var(--primitives--red--400); --tokens--surfaces--foreground-active: var(--primitives--red--400); } [data-theme='yellow-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--yellow--300); --tokens--surfaces--foreground-hover: var(--primitives--yellow--400); --tokens--surfaces--foreground-active: var(--primitives--yellow--400); } [data-theme='orange-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--orange--300); --tokens--surfaces--foreground-hover: var(--primitives--orange--400); --tokens--surfaces--foreground-active: var(--primitives--orange--400); } [data-theme='blue-mid'] { --tokens--surfaces--foreground-idle: var(--primitives--blue--300); --tokens--surfaces--foreground-hover: var(--primitives--blue--400); --tokens--surfaces--foreground-active: var(--primitives--blue--400); } [data-theme='purple-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--purple--400); --tokens--surfaces--foreground-hover: var(--primitives--purple--500); --tokens--surfaces--foreground-active: var(--primitives--purple--500); } [data-theme='green-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--green--400); --tokens--surfaces--foreground-hover: var(--primitives--green--500); --tokens--surfaces--foreground-active: var(--primitives--green--500); } [data-theme='red-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--red--400); --tokens--surfaces--foreground-hover: var(--primitives--red--500); --tokens--surfaces--foreground-active: var(--primitives--red--500); } [data-theme='yellow-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--yellow--400); --tokens--surfaces--foreground-hover: var(--primitives--yellow--500); --tokens--surfaces--foreground-active: var(--primitives--yellow--500); } [data-theme='orange-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--orange--400); --tokens--surfaces--foreground-hover: var(--primitives--orange--500); --tokens--surfaces--foreground-active: var(--primitives--orange--500); } [data-theme='blue-bold'] { --tokens--surfaces--foreground-idle: var(--primitives--blue--400); --tokens--surfaces--foreground-hover: var(--primitives--blue--500); --tokens--surfaces--foreground-active: var(--primitives--blue--500); } [data-new-theme='ink'] { --tokens--surfaces--foreground-idle: var(--primitives--neutral--1000); --tokens--text-colour--text-colour-primary: var(--primitives--neutral--25); --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--primary-bg-idle: #ffffff ; --tokens--button--primary-bg-hover: var(--primitives--neutral--50); --tokens--button--secondary-bg-hover: var(--primitives--neutral--800); --tokens--button--secondary-text: #ffffff; --tokens--button--secondary-border: #ffffff; --tokens--button--tertiary-idle: #ffffff; --tokens--button--tertiary-hover: var(--primitives--purple--300); --tokens--text-colour--text-colour-highlight: var(--primitives--purple--300); } [data-new-theme='ink-reverse'] { --tokens--surfaces--background-idle: var(--primitives--neutral--1000); } [data-new-theme='purple'] { --tokens--surfaces--foreground-idle: var(--primitives--purple--600); --tokens--text-colour--text-colour-primary: var(--primitives--neutral--25); --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--primary-bg-idle: #ffffff ; --tokens--button--primary-bg-hover: var(--primitives--neutral--50); --tokens--button--secondary-bg-hover: var(--primitives--purple--700); --tokens--button--secondary-text: #ffffff; --tokens--button--secondary-border: #ffffff; --tokens--button--tertiary-idle: #ffffff; --tokens--button--tertiary-hover: var(--primitives--purple--100); --tokens--text-colour--text-colour-highlight: var(--primitives--purple--100); } [data-new-theme='purple-reverse'] { --tokens--surfaces--background-idle: var(--primitives--purple--600); } [data-new-theme='green'] { --tokens--surfaces--foreground-idle: var(--primitives--green--600); --tokens--text-colour--text-colour-primary: var(--primitives--neutral--25); --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--primary-bg-idle: #ffffff ; --tokens--button--primary-bg-hover: var(--primitives--neutral--50); --tokens--button--secondary-bg-hover: var(--primitives--green--700); --tokens--button--secondary-text: #ffffff; --tokens--button--secondary-border: #ffffff; --tokens--button--tertiary-idle: #ffffff; --tokens--button--tertiary-hover: var(--primitives--green--100); --tokens--text-colour--text-colour-highlight: var(--primitives--green--100); } [data-new-theme='green-reverse'] { --tokens--surfaces--background-idle: var(--primitives--green--600); } [data-new-theme='dark-purple'] { --tokens--surfaces--foreground-idle: var(--primitives--purple--800); --tokens--text-colour--text-colour-primary: var(--primitives--neutral--25); --tokens--button--primary-text: var(--primitives--neutral--1000); --tokens--button--primary-bg-idle: #ffffff ; --tokens--button--primary-bg-hover: var(--primitives--neutral--50); --tokens--button--secondary-bg-hover: var(--primitives--purple--900); --tokens--button--secondary-text: #ffffff; --tokens--button--secondary-border: #ffffff; --tokens--button--tertiary-idle: #ffffff; --tokens--button--tertiary-hover: var(--primitives--purple--200); --tokens--text-colour--text-colour-highlight: var(--primitives--purple--200); } [data-new-theme='dark-purple-reverse'] { --tokens--surfaces--background-idle: var(--primitives--purple--800); } </style></div><div class="cc_cms-embeds w-embed"><style> /* RICH TEXT FOR CMS */ .w-richtext-figure-type-video { min-height: 9.5rem; } .rich-text_container .wistia_embed { width: 100%; display: inline-block; aspect-ratio: 16 / 9; } .tfImageCaption { font-size: 0.875rem; color: var(--primitives--neutral--700); margin-top: -28px; } .w-embed:has(.tfQuoteBlock) { padding-top: 2rem; padding-bottom: 3rem; } .tfQuoteBlock { padding-left: 1.5rem; } .tfQuoteBlock p { margin-bottom: 0rem; font-size: 1.875rem; line-height: 1.3em; } .tfQuoteBlock p::before { content: '"'; } .tfQuoteBlock p::after { content: '"'; } .tfQuoteBlock + div { padding-left: 1.5rem; padding-top: 1.5rem; color: var(--primitives--neutral--700); } .tfTypeformBlock iframe { border-radius: var(--tokens--corner-radius--sm); overflow: hidden; } .tfTypeformBlock { padding-top: 4rem; padding-bottom: 4rem; } .content-table_list ol { list-style-type: decimal-leading-zero; } </style></div><div class="cc_designer-only-code w-embed"><style> /* GIVE BACKGROUND IMAGE TO MEDIA SLOTS IN DESIGNER */ .wf-design-mode .wistia-player_wrap { background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/671a2987aab9342c033c715b_Video%20Placeholder.svg); background-position: center; background-repeat: no-repeat; background-size: cover; } .wf-design-mode .lottie-player_wrap { background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/671a2985aab9342c033c6c27_Lottie%20Placeholder.svg); background-position: center; background-repeat: no-repeat; background-size: cover; } .wf-design-mode .typeform-embed_wrap { background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6719fd32885cb10e5470f956_placeholder.svg); background-position: center; background-repeat: no-repeat; background-size: cover; } /* MAKE LINK COVERS UNCLICKABLE TO IMPROVE DESIGNER EXPERIENCE */ .wf-design-mode .link-cover { pointer-events: none; } /* GIVE SLOTS SOME STYLING IN DESIGNER TO IMPROVE DESIGNER EXPERIENCE */ .wf-design-mode .slot { display: block; min-height: 5rem; border: 1px #30C963 solid; opacity: 1; } /* SHOW COOKIE CONSENT BANNER WITH ATTRIBUTE */ .wf-design-mode [wf-design-mode='true'] { display: flex !important; opacity: 1 !important; } /* CONTENT SLIDER */ .wf-design-mode .swiper-wrapper.is-content-slider { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2.5rem; } @media screen and (max-width: 991px) { .wf-design-mode .swiper-wrapper.is-content-slider { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2.5rem; } } /* T page_navigated pixel */ .wf-design-mode .cc_t-pixel-in_view { background-color:rgba(53, 123, 229,0.25); } .wf-design-mode .cc_t-pixel-in_view:before { } </style> <!-- Show/hide element in Webflow designer and editor --> <style> .wf-design-mode [data-designereditor-show], .w-editor [data-designereditor-show] { display: block !important; } .wf-design-mode [data-designereditor-hide], .w-editor [data-designereditor-hide] { display: none !important; } </style></div></div><section wf-design-mode="false" class="s_cookie-banner_wrap"><div class="container"><div class="s_cookie-banner_container"><div class="cookie-banner_content"><h2 class="cookie-banner_heading">Cookie consent</h2><p class="cookie-banner_description">We use our own and third-party cookies to show you more relevant content based on your browsing and navigation history. Please accept or manage your cookie settings below. Here's our <a href="https://admin.typeform.com/to/dwk6gt/" target="_blank">cookie policy</a></p></div><div class="cookie-banner_buttons"><a id="cookie-accept-btn" setting-size="large" setting-variant="primary" href="#" class="button is-cc w-inline-block"><div>Accept all cookies</div></a><a cc-cookie-settings-link="open" setting-size="medium" href="#" class="cc_text-button is-cc w-inline-block"><div class="text-button_label"><div>Cookie settings</div><div class="text-button_overline-component"><div class="text-button_active-underline"></div><div class="text-button_idle-underline"></div></div></div></a></div></div></div><div class="cc_cookie-consent code w-embed w-script"><style> #onetrust-banner-sdk { display: none !important; } .onetrust-pc-dark-filter, #onetrust-banner-sdk { pointer-events: none; display: none !important; } .cookie-consent-area { opacity: 0; pointer-events: none; } .show-cookie-banner .cookie-consent-area { opacity: 1; pointer-events: unset; } </style> <!-- Attach following IDs to the required elements --> <script> window.addEventListener("CookieConsentAdapterLoaded", function addCookieBannerListeners() { document.querySelectorAll('[cc-cookie-settings-link="open"]').forEach(el => { el.addEventListener('click', window.showCookieSettings); }); document.querySelector('#cookie-accept-btn').addEventListener('click', window.onAllowAllCookies); }); </script></div></section></header><div class="main"><div class="s_private-typeform_wrap"><div class="private-typeform_container container"><div class="private-typeform_content"><div data-margin-bottom="large" data-heading-orientation="center" class="private-typeform_heading_wrap"><div class="heading-lockup_content-wrapper"><div class="heading-lockup_inner-wrapper"><h1 class="page_heading u-heading-xl">Sorry, you can't access this typeform until its creator says so.</h1></div></div><div class="action-bar_wrapper"><div class="content-list_button-wrapper is-pf"><div class="button_wrapper is-pf"><p>Unless... did you create this typeform?</p><a setting-variant="primary" setting-size="large" href="/login" class="button w-inline-block"><div>Log in</div></a></div><div class="button_wrapper is-pf"><p>But if you didn't...</p><a setting-variant="secondary" setting-size="large" href="https://www.typeform.com/?source=private" class="button w-inline-block"><div>Follow the white rabbit</div></a></div></div></div></div></div></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66ffe2174aa8e8d5661c2708" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.schunk.94b1a9098d2bfcff.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.schunk.16fd2a87270bafbc.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.06423d23.19b0d28147e1e68c.js" type="text/javascript"></script><!-- GTM NO SCRIPT --> <noscript data-testid='gtm-no-script' id="gtm-no-script-GTM-WH2ZQ3X"}> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WH2ZQ3X" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- Open Nav Code Start --> <script> document.addEventListener('DOMContentLoaded', function() { const navButton = document.querySelector('.header_mobile-nav-button'); const nav = document.querySelector('.header_wrap'); const navButtonsWrap = document.querySelector('.header_action-container'); const body = document.body; // Get reference to body element if (navButton && nav && navButtonsWrap) { navButton.addEventListener('click', function() { nav.classList.toggle('open'); navButtonsWrap.classList.toggle('open'); // Toggle overflow:hidden on body when nav is open/closed if (nav.classList.contains('open')) { body.style.overflow = 'hidden'; } else { body.style.overflow = ''; // Remove the overflow style } }); } else { } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Select all elements with the data-switch-aria-expanded attribute const switchElements = document.querySelectorAll('[data-toggle-aria-expanded]'); switchElements.forEach(element => { element.addEventListener('click', function() { // Get the current aria-expanded value const currentState = this.getAttribute('aria-expanded'); // Toggle the aria-expanded value const newState = currentState === 'true' ? 'false' : 'true'; // Set the new aria-expanded value this.setAttribute('aria-expanded', newState); }); }); }); </script> <!-- Open Nav Code End --> <!-- 5050 DOM Manipulation Start --> <script> // Function to move media container for text wrap function moveMediaContainerTextWrap() { // Get all 5050 sections with text wrap const sections = document.querySelectorAll('.s_5050-text_wrap'); sections.forEach(section => { const mediaContainer = section.querySelector('.section-5050_media-container'); const imgSlot = section.querySelector('.slot-5050_img-container'); const container5050 = section.querySelector('.section-5050_container'); if (mediaContainer && imgSlot && container5050) { if (window.innerWidth <= 991) { // Tablet breakpoint in Webflow imgSlot.appendChild(mediaContainer); } else { // Move the media container back to its original position if (mediaContainer.parentElement !== container5050) { container5050.insertBefore(mediaContainer, container5050.firstChild); } } } }); } // Run on page load moveMediaContainerTextWrap(); // Run on window resize window.addEventListener('resize', moveMediaContainerTextWrap); </script> <script> // Function to move media container for list wrap function moveMediaContainerListWrap() { // Get all 5050 sections with list wrap const sections = document.querySelectorAll('.s_5050-list_wrap'); sections.forEach(section => { const mediaContainer = section.querySelector('.section-5050_media-container'); const imgSlot = section.querySelector('.slot-5050_img-container'); const container5050 = section.querySelector('.section-5050-list_container'); if (mediaContainer && imgSlot && container5050) { if (window.innerWidth <= 991) { // Tablet breakpoint in Webflow imgSlot.appendChild(mediaContainer); } else { // Move the media container back to its original position if (mediaContainer.parentElement !== container5050) { container5050.insertBefore(mediaContainer, container5050.firstChild); } } } }); } // Run on page load moveMediaContainerListWrap(); // Run on window resize window.addEventListener('resize', moveMediaContainerListWrap); </script> <!-- 5050 DOM Manipulation End --> <!-- Nav Logo Transition Start --> <script> // Wait for the DOM to be fully loaded document.addEventListener('DOMContentLoaded', function() { // Get the logo elements const logoIcon = document.querySelector('.header-logo_type'); const logoWrap = document.querySelector('.header-logo_wrap'); // Add scroll event listener to window window.addEventListener('scroll', function() { // Get current scroll position const scrollPosition = window.scrollY || window.pageYOffset; // Check scroll position and update transform accordingly if (scrollPosition > 500) { logoIcon.style.transform = 'translateX(-100%)'; // Optional: Add transition for smooth movement logoIcon.style.transition = 'transform 0.3s ease-in-out'; } else { logoIcon.style.transform = 'translateX(0)'; } }); // Add hover event listeners to logo wrapper logoWrap.addEventListener('mouseenter', function() { if (window.scrollY > 500) { logoIcon.style.transform = 'translateX(0)'; } }); logoWrap.addEventListener('mouseleave', function() { if (window.scrollY > 500) { logoIcon.style.transform = 'translateX(-100%)'; } }); }); </script> <!-- Nav Logo Transition Start --> <!-- Cookie consent--> <script> // Add this code to global webflow settings and include it in the body tag (function cookieConsentAdapterScope() { let settingsClicked = false; let isFirstCallbackCall = true; const oneTrustCookiesRejectedEvent = new Event("oneTrustCookiesRejected"); const callOneTrustSdk = function (callback) { if (!document.querySelector("#onetrust-consent-sdk")) { setTimeout(function () { callOneTrustSdk(callback); }, 100); } else { callback(); } }; function hideCookieBanner() { const shownBanner = document.querySelector(".show-cookie-banner"); if (shownBanner) { shownBanner.classList.remove("show-cookie-banner"); } } function onRejectAllCookies() { window.dispatchEvent(oneTrustCookiesRejectedEvent); } function onShowSettings(event) { if (event) { event.preventDefault(); } settingsClicked = true; callOneTrustSdk(function sdkSettingsCallback() { window.OneTrust.ToggleInfoDisplay(); const rejectAllButton = document.querySelector( ".ot-pc-refuse-all-handler" ); if (rejectAllButton) { rejectAllButton.addEventListener("click", onRejectAllCookies); } settingsClicked = false; }); } function onAllowAllCookies(event) { if (event) { event.preventDefault(); } try { localStorage.setItem("CustomCookieBannerAcceptIntent", true); } catch (err) { console.warn("Localstorage is not accessible"); } hideCookieBanner(); callOneTrustSdk(function sdkAllowCallback() { window.OneTrust.AllowAll(); window.OneTrust.TriggerGoogleAnalyticsEvent( "Inhouse Cookie Consent", "Banner Accept Cookies" ); try { localStorage.removeItem("CustomCookieBannerAcceptIntent"); } catch (err) { console.warn("Localstorage is not accessible"); } }); } window.OptanonWrapper = function OptanonWrapper() { // Enable OneTrust's built-in event window.dispatchEvent(new Event('OneTrustGroupsUpdated')); if (isFirstCallbackCall) { isFirstCallbackCall = false; return; } if (!settingsClicked) { hideCookieBanner(); } }; function handleInitialCookieBannerVisibility() { let shouldShowBanner = false; if (document.cookie.indexOf("OptanonAlertBoxClosed") === -1) { shouldShowBanner = true; } else { const lastOnetrustUpdate = "2022/06/14, 16:51"; const cookieString = document.cookie; let i = document.cookie.indexOf("OptanonAlertBoxClosed") + "OptanonAlertBoxClosed=".length; let dateString = ""; while (cookieString[i] && cookieString[i] !== ";") { dateString += cookieString[i]; i++; // This was causing the error because i was const } // check if reconsent needed because of onetrust list update if (new Date(`${lastOnetrustUpdate}`) > new Date(dateString)) { shouldShowBanner = true; } } // user accepted cookie but left the page before onetrust was called try { if (localStorage.getItem("CustomCookieBannerAcceptIntent")) { shouldShowBanner = false; } } catch (err) { console.warn("Localstorage was not accessible"); } if (shouldShowBanner) { // change this classname according to webflow elements document.documentElement.classList.add("show-cookie-banner"); } } try { if (localStorage.getItem("CustomCookieBannerAcceptIntent")) { onAllowAllCookies(); } } catch (err) { console.warn("Localstorage is not accessible"); } callOneTrustSdk(function setLanguage() { // detect language from lang attribute const langAttr = document.documentElement.lang; window?.OneTrust?.changeLanguage?.(langAttr); }); handleInitialCookieBannerVisibility(); // Adds global helpers to window object so that you can call this functions anywere in webflow window.showCookieSettings = onShowSettings; window.callOneTrustSdk = callOneTrustSdk; window.hideCookieBanner = hideCookieBanner; window.onAllowAllCookies = onAllowAllCookies; window.addConsentChangeListener = function(callback) { window.addEventListener('OneTrustGroupsUpdated', () => { const activeGroups = window.OnetrustActiveGroups; callback(activeGroups); }); }; window.dispatchEvent(new Event("CookieConsentAdapterLoaded")); })(); //window.addConsentChangeListener(function(activeGroups) { //console.log('Consent changed. Active groups:', activeGroups); //}); </script> <!-- Optimizely inline reload --> <script> (() => { // Optimizely project ID - replace with your actual project ID const optimizelyProjectId = "6572688186015744"; const optimizelyScriptUrl = `https://cdn.optimizely.com/js/${optimizelyProjectId}.js`; const cookiesAllowed = "2:1"; function integrationLogger(message) { log("OneTrust integration logger: " + message); } // Function to get cookies function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i].trim(); if (c.indexOf(name) === 0) { return c.substring(name.length); } } return ""; } // Function to load Optimizely script function loadOptimizelyScript() { // Remove any existing Optimizely script const existingScript = document.querySelector('script[src*="cdn.optimizely.com/js/"]'); if (existingScript) { existingScript.remove(); } // Load Optimizely script const script = document.createElement('script'); script.src = optimizelyScriptUrl; script.async = true; document.head.appendChild(script); integrationLogger("Optimizely script loaded"); } // Function to handle consent changes function handleConsentChange() { const updatedConsent = getCookie("OptanonConsent"); const updatedConsentAllowed = updatedConsent && updatedConsent.includes(cookiesAllowed); integrationLogger("Consent status changed:", updatedConsentAllowed ? "Allowed" : "Not allowed"); // Only reload if consent status actually changed if (updatedConsentAllowed) { integrationLogger("Consent status changed, allowing Optimizely to run - reloading Optimizely script..."); loadOptimizelyScript(); } else { integrationLogger("Consent status not allowing Optimizely to run - no reload needed, disabling Optimizely just in case..."); // Ensures the optimizely object is defined globally window['optimizely'] = window['optimizely'] || []; // API call window["optimizely"].push({ "type": "disable" }); } } /** * Simple function that returns a promise which resolves when OneTrust and OnConsentChanged are available * @param {number} timeout - Maximum time to wait in milliseconds * @returns {Promise} - Resolves when OneTrust is ready, rejects on timeout */ function whenOneTrustReady(timeout = 10000) { return new Promise((resolve, reject) => { // Check if already available if (typeof window.OneTrust !== 'undefined' && typeof window.OneTrust.OnConsentChanged === 'function') { integrationLogger("OneTrust already available"); resolve(); return; } // Set timeout for rejection const timeoutId = setTimeout(() => { clearInterval(checkInterval); reject(new Error("Timed out waiting for OneTrust")); }, timeout); // Poll for OneTrust availability const checkInterval = setInterval(() => { if (typeof window.OneTrust !== 'undefined' && typeof window.OneTrust.OnConsentChanged === 'function') { clearInterval(checkInterval); clearTimeout(timeoutId); integrationLogger("OneTrust now available"); resolve(); } }, 200); // Check every 200ms }); } function initOneTrustIntegration() { // Get initial consent status to compare against later const initialConsent = getCookie("OptanonConsent"); let initialConsentAllowed = initialConsent && initialConsent.includes(cookiesAllowed); integrationLogger("Initial consent status:", initialConsentAllowed ? "Allowed" : "Not allowed"); if (!initialConsentAllowed) { integrationLogger("Performance cookies not allowed on initial load, disabling Optimizely and setting up OneTrust listener"); // Ensures the optimizely object is defined globally window['optimizely'] = window['optimizely'] || []; // API call window["optimizely"].push({ "type": "disable" }); } else { integrationLogger("Performance cookies allowed, letting Optimizely run"); } // Initialize the listener when OneTrust is ready whenOneTrustReady() .then(() => { // Register the callback with OneTrust.OnConsentChanged window.OneTrust.OnConsentChanged(handleConsentChange); integrationLogger("Successfully registered OneTrust.OnConsentChanged listener"); }) .catch((error) => { integrationLogger("Failed to detect OneTrust:", error); }); } initOneTrustIntegration(); })(); </script> <!-- Optimizely inline reload end --> <!-- Wista Start --> <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <script> window.wistiaInit = function(element) { // First check if element is valid if (!element || !(element instanceof Element)) { return; } const wistiaId = element.getAttribute('data-wistia-id'); if (wistiaId) { const embedDiv = element.querySelector('.wistia_embed'); if (embedDiv) { embedDiv.className = `wistia_embed wistia_async_${wistiaId}`; } } } // Initialize all Wistia players on the page document.addEventListener('DOMContentLoaded', function() { const wistiaPlayers = document.querySelectorAll('.wistia-player'); if (wistiaPlayers && wistiaPlayers.length) { wistiaPlayers.forEach(player => { const wistiaId = player.getAttribute('data-wistia-id'); if (wistiaId) { wistiaInit(player); } }); } }); </script> <!-- Wista End --></body></html>