product

html typeform.com collected 2026-09-24 07:38:04 UTC 214,514 bytes, 3,725 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Sep 22 2026 01:06:35 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflow-prod.typeform.com" data-wf-page="673328bae26df97a7bdf7432" data-wf-site="66ffe2174aa8e8d5661c2708" lang="en" data-wf-collection="673328bae26df97a7bdf741d" data-wf-item-slug="product"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Free product templates - Get deeper insights with these product form and survey templates</title><meta content="Test your market, gather product feedback or collect error reports with simple online forms and surveys. Start by picking a template, then tweak it to suit your brand." name="description"/><meta content="Free product templates - Get deeper insights with these product form and survey templates" property="og:title"/><meta content="Test your market, gather product feedback or collect error reports with simple online forms and surveys. Start by picking a template, then tweak it to suit your brand." property="og:description"/><meta content="Free product templates - Get deeper insights with these product form and survey templates" name="twitter:title"/><meta content="Test your market, gather product feedback or collect error reports with simple online forms and surveys. Start by picking a template, then tweak it to suit your brand." name="twitter:description"/><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.shared.67694a1f7.min.css" rel="stylesheet" type="text/css" integrity="sha384-Z2lKH3l53jpHHyRPw7wvySG3ctIgBtaG7V2w+cYo/FwiQ2dh5QWAmSMakB+6LA1d" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>

1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>

1<script type="text/javascript">WebFont.load({  google: {    families: ["Inter:300,400,500,600,700"]  }});</script>

1<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>

1<link href="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/68b6f02860110a77834d228b_favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/68b6f00951eb33cd19b77288_Frame%201867174.png" rel="apple-touch-icon"/><link href="https://www.typeform.com/templates-category/product" rel="canonical"/><!-- v14 Headcode -->
2
3<link rel="preconnect" href="https://cdn.jsdelivr.net" />
4<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
5
6<!-- Staging env check -->

7<script>
8    window.isStaging = [
9        "web-team.tfdev.typeform.com",
10        "www.web-team.tfdev.typeform.com",
11        "typeform-website.webflow.io",
12    ].includes(window.location.hostname);
13</script>

13
14
15
16<!-- Amplitude Web Experiment x OneTrust bootstrap starts -->

17<script>
18    (function amplitudeOneTrustBootstrap() {
19        var AMPLITUDE_KEY = window.isStaging
20            ? "06a7d90fcb11e0c4de91acba2dfa39e9"
21            : "1050a4fd3e4fd9cd51b69d3f053b4da0";
22
23        var AMPLITUDE_EXPERIMENT_SRC =
24            "https://cdn.amplitude.com/script/" +
25            AMPLITUDE_KEY +
26            ".experiment.js?integration=segment";
27        var ANALYTICS_GROUP_IDS = ["2", "C0002"];
28
29        var amplitudeLoaded = false;
30        var currentConsentStatus = "pending";
31
32        function getActiveGroups(event) {
33            if (event && Array.isArray(event.detail)) {
34                return event.detail.map(String);
35            }
36
37            if (event && typeof event.detail === "string") {
38                return event.detail
39                    .split(",")
40                    .map(function (group) {
41                        return group.trim();
42                    })
43                    .filter(Boolean);
44            }
45
46            return String(window.OnetrustActiveGroups || "")
47                .split(",")
48                .map(function (group) {
49                    return group.trim();
50                })
51                .filter(Boolean);
52        }
53
54        function hasAnalyticsConsent(event) {
55            var activeGroups = getActiveGroups(event);
56
57            return ANALYTICS_GROUP_IDS.some(function (groupId) {
58                return activeGroups.indexOf(groupId) !== -1;
59            });
60        }
61
62        // The Amplitude Experiment script (loaded with ?integration=segment)
63        // reads Segment's anonymousId to identify users. Our Segment source
64        // middleware (registered in js-t.js, see $impression stitching) must
65        // be in place before this script starts sending events, otherwise
66        // the $impression event lands with Segment's own anonymous_id instead
67        // of our attribution_user_id. js-t.js signals readiness via this flag
68        // and event once trackingClient/Segment has initialized.
69        function whenSegmentMiddlewareReady(callback, attemptsLeft) {
70            if (typeof attemptsLeft === "undefined") {
71                attemptsLeft = 40; // ~2s at 50ms intervals
72            }
73
74            if (
75                window.__segmentImpressionMiddlewareRegistered ||
76                attemptsLeft <= 0
77            ) {
78                callback();
79                return;
80            }
81
82            setTimeout(function () {
83                whenSegmentMiddlewareReady(callback, attemptsLeft - 1);
84            }, 50);
85        }
86
87        function loadAmplitudeExperiment() {
88            if (amplitudeLoaded) {
89                return;
90            }
91
92            amplitudeLoaded = true;
93
94            window.experimentConfig = window.experimentConfig || {};
95            window.experimentConfig.consentOptions = {
96                consentRequired: true,
97                consentStatus: currentConsentStatus,
98            };
99
100            whenSegmentMiddlewareReady(function () {
101                var script = document.createElement("script");
102                script.src = AMPLITUDE_EXPERIMENT_SRC;
103                script.async = false;
104                script.onload = function () {
105                    if (
106                        window.webExperiment &&
107                        typeof window.webExperiment.setConsentStatus ===
108                            "function"
109                    ) {
110                        window.webExperiment.setConsentStatus(
111                            currentConsentStatus,
112                        );
113                    }
114                };
115                script.onerror = function () {
116                    amplitudeLoaded = false;
117                };
118
119                document.head.appendChild(script);
120            });
121        }
122
123        function setAmplitudeConsentStatus(status) {
124            currentConsentStatus = status;
125
126            if (
127                amplitudeLoaded &&
128                window.webExperiment &&
129                typeof window.webExperiment.setConsentStatus === "function"
130            ) {
131                window.webExperiment.setConsentStatus(status);
132            }
133        }
134
135        function handleOneTrustGroupsUpdated(event) {
136            if (hasAnalyticsConsent(event)) {
137                setAmplitudeConsentStatus("granted");
138                loadAmplitudeExperiment();
139                return;
140            }
141
142            setAmplitudeConsentStatus("denied");
143        }
144
145        window.addEventListener(
146            "OneTrustGroupsUpdated",
147            handleOneTrustGroupsUpdated,
148        );
149    })();
150</script>

150
151<!-- Amplitude Web Experiment x OneTrust bootstrap ends -->
152
153<!-- Dev scripts swapper starts -->

154<script>
155    function updateScriptDomain() {
156        const params = new URLSearchParams(window.location.search);
157        const isDev = params.get("dev") === "true";
158        const scriptDomain = "https://www.typeform-scripts.local:8080/";
159
160        // Find all matching scripts
161        const scripts = document.querySelectorAll(
162            'script[type="cc-ext-hosted-script"]',
163        );
164
165        scripts.forEach((script) => {
166            const srcPath = script.getAttribute("src");
167            if (!srcPath) {
168                return;
169            }
170
171            // Create new script element
172            const newScript = document.createElement("script");
173            newScript.type = "text/javascript";
174
175            // Handle src based on dev mode
176            if (isDev) {
177                // Extract the file path for GitHub URLs
178                const parts = srcPath.split("/typeform@");
179                if (parts.length < 2) {
180                    return;
181                }
182
183                // Get everything after the version number and remove .min from .min.js files
184                let pathAfterVersion = parts[1].split("/").slice(1).join("/");
185                pathAfterVersion = pathAfterVersion.replace(".min.js", ".js");
186                newScript.src = `${scriptDomain}${pathAfterVersion}`;
187            } else {
188                // Keep original src if not in dev mode
189                newScript.src = srcPath;
190            }
191
192            // Copy over other attributes except type and src
193            Array.from(script.attributes).forEach((attr) => {
194                if (attr.name !== "type" && attr.name !== "src") {
195                    newScript.setAttribute(attr.name, attr.value);
196                }
197            });
198
199            // Add load/error handlers
200            //newScript.onload = () => console.log(`Script loaded: ${newScript.src}`);
201            //newScript.onerror = (error) => console.error(`Script failed to load: ${newScript.src}`, error);
202
203            // Replace the old script with the new one
204            script.parentNode.replaceChild(newScript, script);
205        });
206    }
207
208    if (document.readyState === "loading") {
209        document.addEventListener("DOMContentLoaded", updateScriptDomain);
210    } else {
211        updateScriptDomain();
212    }
213</script>

213
214<!-- Dev scripts swapper ends -->
215
216<!-- External scripts starts -->
217
218<!-- JS Tracking -->
219

219<script>
220      (function loadJsTracking() {
221          var src = window.isStaging
222              ?
223              "https://cdn.jsdelivr.net/gh/makebuild-code/typeform@feat/amplitude-impression-segment-middleware/src/t/js-t.min.js"
224              : "https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/t/js-t.min.js";
225
226          document.write(
227              '

227<script type="cc-ext-hosted-script" src="' +
228                  src +
229                  '" defer><\/script>',
230          );
231      })();
232	</script>

232
233<!-- JS Tracking end -->
234
235<!--

235<script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/localization/redirect-untranslated-pages.min.js" defer></script>

235-->
236<!--

236<script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/signup/google-one-tap.min.js" defer></script>

236-->

237<script
238    type="cc-ext-hosted-script"
239    src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/signup/signup-helpers.min.js"
240    defer
241></script>

241
242<!-- External scripts ends -->
243
244<!-- OpenGraph Meta Tag: og:url -->

245<script defer>
246    (function () {
247        const baseUrl = window.location.href.split("?")[0];
248        const ogUrl = window.location.search.includes("page=")
249            ? `${baseUrl}${window.location.search}`
250            : baseUrl;
251        let metaTag =
252            document.querySelector('meta[property="og:url"]') ||
253            document.createElement("meta");
254
255        metaTag.setAttribute("property", "og:url");
256        metaTag.setAttribute("content", ogUrl);
257
258        if (!document.head.contains(metaTag)) {
259            const ref = document.querySelector('meta[name="description"]');
260            ref ? ref.after(metaTag) : document.head.appendChild(metaTag);
261        }
262    })();
263</script>

263
264<!-- End OpenGraph Meta Tag: og:url -->
265
266<!-- Optimizely x OneTrust bootstrap starts -->

267<script>
268    (function optimizelyOneTrustBootstrap() {
269        if (window.isStaging) {
270            return;
271        }
272
273        var OPTIMIZELY_SRC =
274            "https://cdn.optimizely.com/js/6084697625722880.js";
275        var ANALYTICS_GROUP_IDS = ["2", "C0002"];
276
277        var optimizelyLoaded = false;
278        var optimizelyOptedOut = false;
279
280        function getActiveGroups(event) {
281            // OneTrust's native OneTrustGroupsUpdated event exposes the active
282            // categories in event.detail. Fall back to OnetrustActiveGroups so
283            // the legacy synthetic event in the footer remains harmless.
284            if (event && Array.isArray(event.detail)) {
285                return event.detail.map(String);
286            }
287
288            return String(window.OnetrustActiveGroups || "")
289                .split(",")
290                .map(function (group) {
291                    return group.trim();
292                })
293                .filter(Boolean);
294        }
295
296        function hasAnalyticsConsent(event) {
297            var activeGroups = getActiveGroups(event);
298
299            return ANALYTICS_GROUP_IDS.some(function (groupId) {
300                return activeGroups.indexOf(groupId) !== -1;
301            });
302        }
303
304        function loadOptimizely() {
305            if (optimizelyLoaded || optimizelyOptedOut) {
306                return;
307            }
308
309            optimizelyLoaded = true;
310            window.optimizely = window.optimizely || [];
311
312            var script = document.createElement("script");
313            script.src = OPTIMIZELY_SRC;
314            script.async = false;
315            script.onerror = function () {
316                // Allow a later OneTrustGroupsUpdated event/navigation state
317                // to retry if the network request itself failed.
318                optimizelyLoaded = false;
319            };
320
321            document.head.appendChild(script);
322        }
323
324        function optOutOfOptimizely() {
325            // If Optimizely has never loaded there is nothing to disable: the
326            // consent gate is simply the absence of the snippet.
327            if (!optimizelyLoaded || optimizelyOptedOut) {
328                return;
329            }
330
331            optimizelyOptedOut = true;
332            window.optimizely = window.optimizely || [];
333            window.optimizely.push({
334                type: "optOut",
335                isOptOut: true,
336            });
337        }
338
339        function handleOneTrustGroupsUpdated(event) {
340            if (hasAnalyticsConsent(event)) {
341                // Initial US opt-out decision: Analytics is active by default,
342                // so Optimizely starts as soon as OneTrust publishes its state.
343                // In opt-in regions this also allows Optimizely to start on the
344                // same page if the visitor later grants Analytics consent.
345                loadOptimizely();
346            } else {
347                // If consent is absent on initial load, Optimizely has not been
348                // requested. If consent is later revoked after it has loaded,
349                // stop Optimizely for the remainder of this pageview.
350                optOutOfOptimizely();
351            }
352        }
353
354        // Register before loading OneTrust so the initial consent decision
355        // cannot be missed on a cold page load.
356        window.addEventListener(
357            "OneTrustGroupsUpdated",
358            handleOneTrustGroupsUpdated,
359        );
360    })();
361</script>

361
362<!-- Optimizely x OneTrust bootstrap ends -->
363
364<!-- OneTrust Script Starts> -->

365<script
366    src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
367    data-testid="onetrust-script"
368    data-domain-script="dc37179a-4de5-4648-bd8f-2f087ec53cbd"
369></script>

369
370<!--

370<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-testid="onetrust-script" data-domain-script="dc37179a-4de5-4648-bd8f-2f087ec53cbd" defer=""></script>

370-->
371<!-- OneTrust Script Ends> -->
372
373<!-- GTM starts -->

374<script data-testid="gtag">

vendor: 455 bytes, lines 374-384

374
375    (function (w, d, s, l, i) {
376        w[l] = w[l] || [];
377        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
378        var f = d.getElementsByTagName(s)[0],
379            j = d.createElement(s),
380            dl = l != "dataLayer" ? "&l=" + l : "";
381        j.async = true;
382        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
383        f.parentNode.insertBefore(j, f);
384    })(window, document, "script", "dataLayer", "

384GTM-WH2ZQ3X

vendor: 4 bytes, line 384

384");

385</script>

vendor: 1 bytes, line 385

386<script data-testid="gtm">
387    window.dataLayer = window.dataLayer || [];
388
389    function gtag() {
390        dataLayer.push(arguments);
391    }
392</script>

392
393<!-- GTM ends -->
394
395<!-- ismobilejs starts -->

396<script type="text/javascript">
397    (function () {
398        var f = {};
399        var g = /iPhone/i,
400            i = /iPod/i,
401            j = /iPad/i,
402            k = /\biOS-universal(?:.+)Mac\b/i,
403            h = /\bAndroid(?:.+)Mobile\b/i,
404            m = /Android/i,
405            c = /(?:SD4930UR|\bSilk(?:.+)Mobile\b)/i,
406            d = /Silk/i,
407            b = /Windows Phone/i,
408            n = /\bWindows(?:.+)ARM\b/i,
409            p = /BlackBerry/i,
410            q = /BB10/i,
411            s = /Opera Mini/i,
412            t = /\b(CriOS|Chrome)(?:.+)Mobile/i,
413            u = /Mobile(?:.+)Firefox\b/i,
414            v = function (l) {
415                return (
416                    void 0 !== l &&
417                    "MacIntel" === l.platform &&
418                    "number" == typeof l.maxTouchPoints &&
419                    l.maxTouchPoints > 1 &&
420                    "undefined" == typeof MSStream
421                );
422            };
423        function w(l) {
424            return function ($) {
425                return $.test(l);
426            };
427        }
428        function x(l) {
429            var $ = { userAgent: "", platform: "", maxTouchPoints: 0 };
430            l || "undefined" == typeof navigator
431                ? "string" == typeof l
432                    ? ($.userAgent = l)
433                    : l &&
434                      l.userAgent &&
435                      ($ = {
436                          userAgent: l.userAgent,
437                          platform: l.platform,
438                          maxTouchPoints: l.maxTouchPoints || 0,
439                      })
440                : ($ = {
441                      userAgent: navigator.userAgent,
442                      platform: navigator.platform,
443                      maxTouchPoints: navigator.maxTouchPoints || 0,
444                  });
445            var a = $.userAgent,
446                e = a.split("[FBAN");
447            (void 0 !== e[1] && (a = e[0]),
448                void 0 !== (e = a.split("Twitter"))[1] && (a = e[0]));
449            var r = w(a),
450                o = {
451                    apple: {
452                        phone: r(g) && !r(b),
453                        ipod: r(i),
454                        tablet: !r(g) && (r(j) || v($)) && !r(b),
455                        universal: r(k),
456                        device: (r(g) || r(i) || r(j) || r(k) || v($)) && !r(b),
457                    },
458                    amazon: {
459                        phone: r(c),
460                        tablet: !r(c) && r(d),
461                        device: r(c) || r(d),
462                    },
463                    android: {
464                        phone: (!r(b) && r(c)) || (!r(b) && r(h)),
465                        tablet: !r(b) && !r(c) && !r(h) && (r(d) || r(m)),
466                        device:
467                            (!r(b) && (r(c) || r(d) || r(h) || r(m))) ||
468                            r(/\bokhttp\b/i),
469                    },
470                    windows: {
471                        phone: r(b),
472                        tablet: r(n),
473                        device: r(b) || r(n),
474                    },
475                    other: {
476                        blackberry: r(p),
477                        blackberry10: r(q),
478                        opera: r(s),
479                        firefox: r(u),
480                        chrome: r(t),
481                        device: r(p) || r(q) || r(s) || r(u) || r(t),
482                    },
483                    any: !1,
484                    phone: !1,
485                    tablet: !1,
486                };
487            return (
488                (o.any =
489                    o.apple.device ||
490                    o.android.device ||
491                    o.windows.device ||
492                    o.other.device),
493                (o.phone = o.apple.phone || o.android.phone || o.windows.phone),
494                (o.tablet =
495                    o.apple.tablet || o.android.tablet || o.windows.tablet),
496                o
497            );
498        }
499        f = x();
500        if (typeof exports === "object" && typeof module !== "undefined") {
501            module.exports = f;
502        } else if (typeof define === "function" && define.amd) {
503            define(function () {
504                return f;
505            });
506        } else {
507            this["isMobile"] = f;
508        }
509    })();
510</script>

510
511<!-- ismobilejs ends -->
512
513<!-- Cookie Helper -->

514<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>

514
515<!-- uuid Helper -->

516<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/uuidv4.min.js"></script>

516
517
518<!-- Debug -->

519<script
520    type="text/javascript"
521    src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/debug-logger/debug-logger.min.js"
522></script>

522
523
524<!-- JS Tracking imports -->

525<script>
526    (function loadJsTracking() {
527        var version = window.isStaging
528            ? "22.49.0"
529            : "22.49.0";
530
531        [
532            "attributionUtil.js",
533            "consentUtil.js",
534            "trackingClient.js",
535            "cookiesUtil.js",
536        ].forEach(function (file) {
537            document.write(
538                '

538<script src="https://public-assets.typeform.com/public/js-tracking/' +
539                    version +
540                    "/" +
541                    file +
542                    '"><\/script>',
543            );
544        });
545    })();
546</script>

546
547<!-- End JS Tracking imports -->
548
549<!-- JS Tracking imports

550<script src="https://public-assets.typeform.com/public/js-tracking/20.0.0/attributionUtil.js"></script>

vendor: 1 bytes, line 550

551<script src="https://public-assets.typeform.com/public/js-tracking/20.0.0/consentUtil.js"></script>

vendor: 1 bytes, line 551

552<script src="https://public-assets.typeform.com/public/js-tracking/20.0.0/trackingClient.js"></script>

vendor: 1 bytes, line 552

553<script src="https://public-assets.typeform.com/public/js-tracking/20.0.0/cookiesUtil.js"></script>

553
554 -->
555
556<!-- Global Attribution ID Helper Starts -->

557<script>
558    (function globalAttributionIdScope() {
559        window.ATTRIBUTION_ID_GLOBAL_KEY = "tid";
560
561        function setGlobalAttributionId() {
562            const attributionIdFromQueryString = new URLSearchParams(
563                window.location.search,
564            ).get(window.ATTRIBUTION_ID_GLOBAL_KEY);
565
566            const attributionIdFromState = window.history.state
567                ? window.history.state?.[window.ATTRIBUTION_ID_GLOBAL_KEY]
568                : "";
569
570            const referrer = document.referrer;
571
572            if (attributionIdFromState) {
573                window[window.ATTRIBUTION_ID_GLOBAL_KEY] =
574                    attributionIdFromState;
575            } else if (
576                attributionIdFromQueryString &&
577                referrer.includes("typeform.com")
578            ) {
579                window[window.ATTRIBUTION_ID_GLOBAL_KEY] =
580                    attributionIdFromQueryString;
581            }
582
583            if (attributionIdFromQueryString) {
584                const urlObj = new URL(window.location.href);
585                urlObj.searchParams.delete(window.ATTRIBUTION_ID_GLOBAL_KEY);
586
587                const urlWithoutAttributionId = urlObj.toString();
588
589                window.history.replaceState(
590                    {
591                        ...window.history.state,
592                        [window.ATTRIBUTION_ID_GLOBAL_KEY]:
593                            window[window.ATTRIBUTION_ID_GLOBAL_KEY],
594                    },
595                    "",
596                    urlWithoutAttributionId,
597                );
598            }
599        }
600
601        window.getAttributionUserId = function getAttributionUserId() {
602            return window[window.ATTRIBUTION_ID_GLOBAL_KEY] || null;
603        };
604        window.setAttributionUserId = function setAttributionUserId(id) {
605            window[window.ATTRIBUTION_ID_GLOBAL_KEY] = id;
606        };
607
608        function syncAttributionIdState() {
609            const attributionUserIdFromCookie = Cookies.get(
610                "attribution_user_id",
611            );
612            const attributionUserIdFromState = window.getAttributionUserId();
613            /*
614      1. If attribution cookie is present and different than global attribution id
615      use attribution cookie as source of truth
616    */
617            if (
618                attributionUserIdFromCookie &&
619                attributionUserIdFromCookie !== attributionUserIdFromState
620            ) {
621                window.setAttributionUserId(attributionUserIdFromCookie);
622            }
623
624            /*
625      2. If global attribution id is undefined/null create a new uuid
626    */
627            if (!window.getAttributionUserId()) {
628                window.setAttributionUserId(uuidv4());
629            }
630            /*
631      3. Finally, replace history state with the latest attribution id
632      so that back/forward/refresh actions have the current state
633    */
634            window.history.replaceState(
635                {
636                    ...window.history.state,
637                    [window.ATTRIBUTION_ID_GLOBAL_KEY]:
638                        window.getAttributionUserId(),
639                },
640                "",
641                window.location.href,
642            );
643        }
644
645        setGlobalAttributionId();
646        syncAttributionIdState();
647    })();
648</script>

648
649<!-- Global Attribution ID Helper Ends -->
650
651<meta name="algolia-site-verification" content="3642D9261A91D018" />
652
653<!-- Staging or production only script loader -->

654<script>
655    (function () {
656        // Set environment variables
657        const env = window.isStaging ? "staging" : "production";
658
659        // Create a logging function that only logs in staging
660        const log = function (message, ...args) {
661            if (window.isStaging) {
662                console.log(message, ...args);
663            }
664        };
665
666        log(`Script loader initializing for ${env} environment...`);
667
668        // Define selectors for both environments
669        const stagingSelector = 'script[type="cc-staging-only"]';
670        const productionSelector = 'script[type="cc-production-only"]';
671
672        // Find scripts tagged for the current environment
673        const currentEnvSelector = window.isStaging
674            ? stagingSelector
675            : productionSelector;
676        const oldScripts = document.querySelectorAll(currentEnvSelector);
677        log(`Found ${env}-only scripts to process:`, oldScripts.length);
678
679        // Find and remove scripts for the other environment (they should never run)
680        const otherEnvSelector = window.isStaging
681            ? productionSelector
682            : stagingSelector;
683        const scriptsToRemove = document.querySelectorAll(otherEnvSelector);
684        scriptsToRemove.forEach((script) =>
685            script.parentNode.removeChild(script),
686        );
687        log(`Removed ${scriptsToRemove.length} scripts for other environment`);
688
689        // Store the scripts' content and attributes for later execution
690        const scriptsToExecute = Array.from(oldScripts).map((oldScript) => {
691            log("Processing script:", oldScript.src || "inline script");
692
693            const scriptData = {
694                attributes: Array.from(oldScript.attributes)
695                    .filter((attr) => attr.name !== "type")
696                    .map((attr) => ({
697                        name: attr.name,
698                        value: attr.value,
699                    })),
700                content: oldScript.textContent,
701                src: oldScript.src,
702            };
703
704            // Remove the old script
705            oldScript.parentNode.removeChild(oldScript);
706            log("Removed original script");
707
708            return scriptData;
709        });
710
711        // Function to execute the environment-specific scripts
712        window.executeEnvironmentScripts = function () {
713            log(`Executing ${env}-only scripts...`);
714
715            scriptsToExecute.forEach((scriptData) => {
716                log("Creating new script:", scriptData.src || "inline script");
717
718                const newScript = document.createElement("script");
719                newScript.type = "text/javascript";
720
721                // Restore all original attributes except type
722                scriptData.attributes.forEach((attr) => {
723                    newScript.setAttribute(attr.name, attr.value);
724                    log("Set attribute:", attr.name, attr.value);
725                });
726
727                // For external scripts (with src)
728                if (scriptData.src) {
729                    newScript.src = scriptData.src;
730                    log("Setting src:", scriptData.src);
731                } else {
732                    // For inline scripts
733                    newScript.textContent = scriptData.content;
734                    log("Setting inline content");
735                }
736
737                // Append to head instead of body, and ensure it exists
738                document.head.appendChild(newScript);
739                log("Script added to document head");
740            });
741        };
742
743        // Wait for DOM to be ready before executing
744        if (document.readyState === "loading") {
745            document.addEventListener(
746                "DOMContentLoaded",
747                window.executeEnvironmentScripts,
748            );
749        } else {
750            window.executeEnvironmentScripts();
751        }
752
753        log("Script loader initialization complete");
754
755        // Expose log function globally
756        window.log = log;
757    })();
758</script>

758
759<!-- Staging only script loader ends -->
760

761<script>
762    window.markerConfig = {
763        project: "6a03732b5ef9a068dcf8e815",
764        source: "snippet",
765    };
766
767    !(function (e, r, a) {
768        if (!e.__Marker) {
769            e.__Marker = {};
770            var t = [],
771                n = { __cs: t };
772            ([
773                "show",
774                "hide",
775                "isVisible",
776                "capture",
777                "cancelCapture",
778                "unload",
779                "reload",
780                "isExtensionInstalled",
781                "setReporter",
782                "clearReporter",
783                "setCustomData",
784                "on",
785                "off",
786            ].forEach(function (e) {
787                n[e] = function () {
788                    var r = Array.prototype.slice.call(arguments);
789                    (r.unshift(e), t.push(r));
790                };
791            }),
792                (e.Marker = n));
793            var s = r.createElement("script");
794            ((s.async = 1), (s.src = "https://edge.marker.io/latest/shim.js"));
795            var i = r.getElementsByTagName("script")[0];
796            i.parentNode.insertBefore(s, i);
797        }
798    })(window, document);
799</script>

799
800<!-- Dynamically add canonical tag -->

801<script>
802(function() {
803    const canonicalUrl = "https://www.typeform.com/templates-category/product";
804    
805    if (canonicalUrl) {
806        let canonicalLink = document.querySelector('link[rel="canonical"]');
807        
808        if (canonicalLink) {
809            canonicalLink.setAttribute('href', canonicalUrl);
810        } else {
811            canonicalLink = document.createElement('link');
812            canonicalLink.setAttribute('rel', 'canonical');
813            canonicalLink.setAttribute('href', canonicalUrl);
814            document.head.appendChild(canonicalLink);
815        }
816    }
817})();
818</script>

818</head><body><div class="page-wrapper"><div class="announcement-banner_wrapper"><div class="w-dyn-list"><div class="hide w-dyn-empty"></div></div><div class="code"><div class="cc_announcement-banner_code w-embed w-script">

818<script>
819document.addEventListener('DOMContentLoaded', () => {
820  const banners = document.querySelectorAll('[data-banner-item="banner"]');
821
822  banners.forEach(banner => {
823    const bannerId = banner.id;
824    const isDismissable = banner.getAttribute('data-banner-dismissable') === 'true';
825    const closeButton = banner.querySelector('[data-banner-item="close-button"]');
826
827    // Check if the banner should be hidden based on local storage
828    if (isDismissable && localStorage.getItem(`banner_${bannerId}_dismissed`) === 'true') {
829      banner.style.display = 'none';
830    }
831
832    // Add click event listener to the close button if the banner is dismissable
833    if (isDismissable && closeButton) {
834      closeButton.addEventListener('click', () => {
835        banner.style.display = 'none';
836        localStorage.setItem(`banner_${bannerId}_dismissed`, 'true');
837      });
838    }
839  });
840});
841</script>

841</div></div><div class="cc_announcement-banner code w-embed"><style>
842.announcement-banner_wrapper.is-visible,
843.wf-design-mode .announcement-banner_wrapper,
844.w-editor .announcement-banner_wrapper {
845  display: block;
846}
847</style></div><div class="cc_t-announcement-banner code w-embed w-script"><!-- banner.js

848<script src="http://127.0.0.1:5500/_code/banner.js"></script>

848
849-->
850<!-- original -->

851<script>
852document.addEventListener('DOMContentLoaded', function() {
853  // Link tracking (working part stays the same)
854  const announcementBannerLinks = document.querySelectorAll('.announcement-banner_wrapper a');
855  announcementBannerLinks.forEach((linkElement) => {
856    linkElement.addEventListener('click', () => {
857      window.trackingHelper.trackItemClicked({
858        item: 'announcement-banner-link',
859        item_type: 'link',
860        typeform_property: 'landing_page',
861        label: window.trackingHelper.snakeCase(linkElement.textContent),
862        link_url: linkElement.href,
863        location: 'header'
864      });
865    });
866  });
867
868  // Message shown tracking
869  const trackBannerShown = () => {
870    const announcementBanner = document.querySelector('.announcement-banner_wrap');
871    const messageElement = document.querySelector('span[cc-t-announcement-banner-message]');
872    const valueElement = document.querySelector('span[cc-t-announcement-banner-value]');
873
874    if (!announcementBanner || !messageElement || !valueElement || !window.trackingHelper) {
875      return;
876    }
877
878    const announcementBannerTrackingMessage = messageElement.getAttribute('cc-t-announcement-banner-message');
879    const announcementBannerTrackingValue = valueElement.getAttribute('cc-t-announcement-banner-value');
880
881    if (getComputedStyle(announcementBanner).display !== 'none') {
882      window.trackingHelper.trackEvent("message_shown", {
883        message: announcementBannerTrackingMessage,
884        value: announcementBannerTrackingValue,
885        location: "header"
886      });
887    }
888  };
889
890  // Try both approaches
891  if (window.analytics) {
892    window.analytics.ready(trackBannerShown);
893  } else {
894    // Fallback - try after a short delay
895    setTimeout(trackBannerShown, 1000);
896  }
897});
898</script>

898</div></div><nav data-show-progress-bar="false" data-wf--section-header--variant="base" class="header_wrap"><div class="cc code"><div class="cc_settings code w-embed"><style>
899
900  /* ASPECT RATIO */
901
902  [data-aspect-ratio="square"] {
903    aspect-ratio: 1 / 1;
904  }
905
906  [data-aspect-ratio="landscape"] {
907    aspect-ratio: 3 / 2;
908  }
909
910  [data-aspect-ratio="portrait"] {
911    aspect-ratio: 2.5 / 3;
912  }
913  /* element itself has data-aspect-ratio="portrait" AND a class containing âwistiaâ */
914  [data-aspect-ratio="portrait"][class*="wistia"],
915  [data-aspect-ratio="get-real"] {
916    height: 100%;
917    width: 100%;
918    aspect-ratio: 9.25 / 16;
919  }
920
921
922
923  [data-aspect-ratio="wide"] {
924    aspect-ratio: 16 / 9;
925  }
926  
927    [data-aspect-ratio="super-wide"] {
928    aspect-ratio: 2 / 0.99;
929  }
930
931  [data-aspect-ratio="auto"] {
932    aspect-ratio: auto;
933  }
934
935  [data-aspect-ratio="full-height"] {
936    height: 100%;
937    width: auto;
938    aspect-ratio: auto;
939  }
940
941  /* ASPECT RATIO END */
942
943  /* BORDER RADIUS */
944
945  [data-corner-radius="none"] {
946    border-radius: 0px;
947  }
948
949  [data-corner-radius="rounded"] {
950    border-radius: var(--_size-and-spacing---tokens--corner-radius--md);
951  }
952
953  /* Desktop */
954@media (min-width: 991px) {
955    [data-corner-radius="rounded-desktop"] {
956    border-radius: var(--_size-and-spacing---tokens--corner-radius--md);
957  }
958}
959
960  /* BORDER RADIUS END */
961
962  /* LINE CLAMP */
963
964  [data-line-clamp="1"] {
965    display: -webkit-box;
966    -webkit-line-clamp: 1;
967    -webkit-box-orient: vertical;  
968    overflow: hidden;
969  }
970
971  [data-line-clamp="2"] {
972    display: -webkit-box;
973    -webkit-line-clamp: 2;
974    -webkit-box-orient: vertical;  
975    overflow: hidden;
976  }
977
978  [data-line-clamp="3"] {
979    display: -webkit-box;
980    -webkit-line-clamp: 3;
981    -webkit-box-orient: vertical;  
982    overflow: hidden;
983  }
984
985  [data-line-clamp="4"] {
986    display: -webkit-box;
987    -webkit-line-clamp: 4;
988    -webkit-box-orient: vertical;  
989    overflow: hidden;
990  }
991
992  /* LINE CLAMP END */
993
994  /* GRID COLUMNS & ROWS */
995
996  [data-grid-columns="2"] .grid-slot:nth-child(odd) {
997    grid-column: 3/7;
998  }
999
1000  [data-grid-columns="2"] .grid-slot:nth-child(even) {
1001    grid-column: 7/11;
1002  }
1003
1004  [data-grid-columns="2"] .grid-slot:nth-child(5),
1005  [data-grid-columns="2"] .grid-slot:nth-child(6) {
1006    display: none;
1007  }
1008
1009  [data-grid-columns="3"] {
1010    grid-template-columns: repeat(3, minmax(0, 1fr));
1011  }
1012
1013  [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(3),
1014  [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(4),
1015  [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(5),
1016  [data-grid-columns="2"][data-grid-rows="1"] .grid-slot:nth-child(6),
1017  [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(4),
1018  [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(5),
1019  [data-grid-columns="3"][data-grid-rows="1"] .grid-slot:nth-child(6) {
1020    display: none;
1021  }
1022
1023  [data-grid-rows="2"] {
1024    grid-template-rows: 1fr;
1025  }
1026
1027  /* GRID COLUMNS & ROWS END */
1028
1029  /* SECTION RADIUS */
1030
1031  [data-section-radius="none"] {
1032    border-radius: 0px;
1033  }
1034
1035var(--_size-and-spacing---_size-and-spacing---primitives--section-spacing--section-padding-large)
1036
1037  [data-section-radius="top"] {
1038    border-radius: var(--_size-and-spacing---tokens--corner-radius--xl) var(--_size-and-spacing---tokens--corner-radius--xl) 0px 0px;
1039  }
1040
1041  [data-section-radius="bottom"] {
1042    border-radius: 0px 0px var(--_size-and-spacing---tokens--corner-radius--xl) var(--_size-and-spacing---tokens--corner-radius--xl);
1043  }
1044
1045  [data-section-radius="both"] {
1046    border-radius: var(--_size-and-spacing---tokens--corner-radius--xl);
1047  }
1048
1049  [data-section-radius="top"][data-padding-top="large"],
1050  [data-section-radius="both"][data-padding-top="large"] {
1051    padding-top: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-large) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1052  }
1053
1054  [data-section-radius="top"][data-padding-top="medium"],
1055  [data-section-radius="both"][data-padding-top="medium"] {
1056    padding-top: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-medium) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1057  }
1058
1059  [data-section-radius="top"][data-padding-top="small"],
1060  [data-section-radius="both"][data-padding-top="small"] {
1061    padding-top: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-small) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1062  }
1063
1064  [data-section-radius="bottom"][data-padding-top="large"],
1065  [data-section-radius="both"][data-padding-top="medium"] {
1066    padding-bottom: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-large) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1067  }
1068
1069  [data-section-radius="bottom"][data-padding-top="medium"],
1070  [data-section-radius="both"][data-padding-top="medium"] {
1071    padding-bottom: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-medium) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1072  }
1073
1074  [data-section-radius="bottom"][data-padding-top="small"],
1075  [data-section-radius="both"][data-padding-top="small"] {
1076    padding-bottom: calc(var(--_size-and-spacing---primitives--section-spacing--section-padding-small) + var(--_size-and-spacing---primitives--section-spacing--section-padding-small));
1077  }
1078
1079  /* SECTION RADIUS END */
1080
1081  /* SECTION PADDING */
1082
1083  [data-padding-top="large"] {
1084    padding-top: var(--_size-and-spacing---primitives--section-spacing--section-padding-large);
1085  }
1086
1087  [data-padding-top="medium"] {
1088    padding-top: var(--_size-and-spacing---primitives--section-spacing--section-padding-medium);
1089  }
1090
1091  [data-padding-top="small"] {
1092    padding-top: var(--_size-and-spacing---primitives--section-spacing--section-padding-small);
1093  }
1094
1095  [data-padding-top="none"] {
1096    padding-top: 0px;
1097  }
1098
1099  [data-padding-bottom="large"] {
1100    padding-bottom: var(--_size-and-spacing---primitives--section-spacing--section-padding-large);
1101  }
1102
1103  [data-padding-bottom="medium"] {
1104    padding-bottom: var(--_size-and-spacing---primitives--section-spacing--section-padding-medium);
1105  }
1106
1107  [data-padding-bottom="small"] {
1108    padding-bottom: var(--_size-and-spacing---primitives--section-spacing--section-padding-small);
1109  }
1110
1111  [data-padding-bottom="none"] {
1112    padding-bottom: 0px;
1113  }
1114
1115  /* SECTION PADDING END */
1116
1117  /* MARGIN (MAINLY USED FOR SECTION HEADING BLOCK) */
1118
1119  [data-margin-bottom="large"] {
1120    margin-bottom: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-large);
1121  }
1122
1123  [data-margin-bottom="medium"] {
1124    margin-bottom: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-medium);
1125  }
1126
1127  [data-margin-bottom="small"] {
1128    margin-bottom: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-small);
1129  }
1130
1131  [data-margin-top="large"] {
1132    margin-top: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-large);
1133  }
1134
1135  [data-margin-top="medium"] {
1136    margin-top: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-medium);
1137  }
1138
1139  [data-margin-top="small"] {
1140    margin-top: var(--_size-and-spacing---primitives--section-spacing--section-vertical-spacing-small);
1141  }
1142
1143
1144</style></div><div class="cc-atoms code w-embed"><style>
1145/* AVATAR */
1146.avatar.large {
1147  width: 9rem;
1148}
1149
1150.avatar.medium {
1151  width: 6rem;
1152  height: 6rem;
1153}
1154
1155.avatar.small {
1156  width: 2.5rem;
1157  height: 2.5rem;
1158}
1159
1160[data-avatar-radius="squircle"] {
1161	border-radius: var(--_size-and-spacing---tokens--corner-radius--md);
1162}
1163
1164/* AVATAR MOBILE */
1165@media screen and (max-width: 767px) {
1166  .avatar.large {
1167    width: 6rem;
1168    height: 6rem;
1169  }
1170}
1171
1172/* AVATAR END */
1173
1174/* ALGOLIA */
1175.ais-Hits ol {
1176    list-style: none;
1177    padding: 0;
1178}
1179
1180.algolia-search mark {
1181	background-color:inherit;
1182  font-weight:bold;
1183	color:inherit;
1184}
1185
1186.search-bar_spinner {
1187    font-family: 'Gt America Web', sans-serif;
1188    font-size: 14px;
1189    line-height: 20px;
1190    color: rgb(76, 76, 76);
1191    font-feature-settings: 'ss01';
1192    -webkit-font-smoothing: antialiased;

1193    width: 20px;
1194    height: 20px;
1195    border-style: solid;
1196    border-color: rgb(76, 76, 76) rgb(76, 76, 76) rgb(211, 211, 211)
1197          rgb(211, 211, 211);
1198    border-width: 2px;
1199    border-radius: 50%;
1200    animation: search-bar_spinner-rotation 0.8s linear infinite;
1201}
1202
1203@keyframes search-bar_spinner-rotation {
1204    0% {
1205        transform: rotate(0deg);
1206    }
1207    100% {
1208        transform: rotate(360deg);
1209    }
1210}
1211/* ALGOLIA END */
1212
1213/* BUTTONS */
1214
1215.button:hover {
1216  border-radius: calc(var(--_size-and-spacing---tokens--corner-radius--sm) * 1.33);
1217}
1218
1219.button[setting-size="videoask"] {
1220  padding: 0.75rem 1.25rem;
1221  min-width: auto;
1222  height: auto;
1223  width: auto;
1224    min-height: auto;
1225}
1226
1227/* tablet */
1228@media screen and (max-width: 991px) {
1229  .button[setting-size="videoask"] {
1230  padding: 0.375rem 0.625rem;
1231  font-size: 0.75rem;
1232  min-width: auto;
1233  width: auto;
1234  border-radius: var(--_size-and-spacing---tokens--corner-radius--xs);
1235  height: auto;
1236    min-height: auto;
1237}
1238}
1239
1240.button[setting-size="medium"] {
1241  padding: 0.75rem 1.25rem;
1242  min-width: auto;
1243  height: auto;
1244  width: auto;
1245    min-height: auto;
1246}
1247
1248.button[setting-size="small"] {
1249  padding: 0.375rem 0.875rem;
1250  font-size: 0.875rem;
1251  min-width: auto;
1252  width: auto;
1253  border-radius: var(--_size-and-spacing---tokens--corner-radius--sm);
1254  height: auto;
1255  min-height: 2rem;
1256}
1257
1258.button[setting-size="small"]:hover {
1259  border-radius: calc(var(--_size-and-spacing---tokens--corner-radius--sm) * 1.66);
1260}
1261
1262
1263
1264.button[setting-variant="secondary"] {
1265  color: var(--tokens--button--secondary-text);
1266  background-color: var(--tokens--button--secondary-bg-idle);
1267  box-shadow: inset 0 0 0 1px var(--tokens--button--secondary-border);
1268}
1269
1270.button[setting-variant="secondary"]:hover {
1271  background-color: var(--tokens--button--secondary-bg-hover);
1272}
1273
1274.button[setting-variant="social"] {
1275  color: var(--tokens--button--secondary-text);
1276  background-color: var(--tokens--button--secondary-bg-idle);
1277  box-shadow: inset 0 0 0 1px var(--tokens--button--secondary-border);
1278  flex: 1 1 13rem;
1279}
1280
1281.button[setting-variant="social"]:hover {
1282  background-color: var(--tokens--button--secondary-bg-hover);
1283}
1284
1285/* BUTTON END */
1286
1287/* TEXT BUTTON */
1288
1289.text-button:hover .text-button_active-underline {
1290  width: 100%;
1291}
1292
1293.text-button:hover .text-button_idle-underline {
1294  width: 0%;
1295}
1296
1297.text-button[setting-size="medium"] {
1298  height: auto;
1299    min-height: auto;
1300  font-size: 1rem;
1301}
1302
1303.text-button[setting-size="small"] {
1304  height: auto;
1305  min-height: auto;
1306  font-size: 0.875rem;
1307}
1308
1309.text-button[setting-size="xsmall"] {
1310  height: auto;
1311    min-height: auto;
1312  font-size: 0.75rem;
1313}
1314
1315/* TEXT BUTTON END */
1316
1317/* TAG BUTTON */
1318
1319[data-tag-size="small"] {
1320	padding: 0.375rem 0.75rem;
1321  font-size: 0.875rem;
1322  height: auto;
1323    min-height: auto;
1324}
1325
1326
1327</style></div><div class="cc-molecules code w-embed"><style>
1328/* COOKIE CONSENT OVERRIDE FOR ONETRUST BUTTONS */
1329#ot-sdk-btn.ot-sdk-show-settings,
1330#ot-sdk-btn.optanon-show-settings,
1331#ot-sdk-btn.ot-sdk-show-settings:hover,
1332#ot-sdk-btn.optanon-show-settings:hover {
1333  all: inherit;
1334  text-decoration: underline;
1335  cursor: pointer;
1336}
1337/* CONTENT ACCORDION */
1338
1339@media (max-width: 768px) {
1340  .content-accordion_wrap.active {
1341    background-color: transparent;
1342  }
1343
1344  .faq-accordion_wrap.active {
1345    background-color: transparent;
1346  }
1347}
1348
1349@media (min-width: 769px) {
1350  .content-accordion_wrap.active {
1351    background-color: var(--tokens--surfaces--background-active);
1352  }
1353}
1354@media (max-width: 768px) {
1355  .content-accordion-new_wrap:hover {
1356    background-color: transparent !important;
1357  }
1358}
1359.content-accordion_wrap.active .content-accordion_icon {
1360  transform: rotate(180deg);
1361}
1362
1363.content-accordion_wrap.active .content-accordion_bottom-container {
1364  height: 100%;
1365  opacity: 1;
1366}
1367
1368.content-accordion_wrap.active .content-accordion_top-container {
1369  padding-bottom: 1rem;
1370}
1371
1372/* CONTENT ACCORDION END */
1373
1374/* CONTENT CARD */
1375
1376.card-content_card-hover-action {
1377  transform: translateY(0.75rem);
1378  opacity: 0;
1379}
1380
1381.card-content_metadata {
1382  transform: translateY(0rem);
1383  opacity: 1;
1384}
1385
1386@media (min-width: 769px) {
1387  .content-card_wrap:hover .card-content_card-hover-action,
1388  .mega-content-card_wrap:hover .card-content_card-hover-action,
1389  .compact-content-card_wrap:hover .card-content_card-hover-action,
1390  .sidebar-content-card_wrap:hover .card-content_card-hover-action {
1391    transform: translateY(-0rem);
1392    opacity: 1;
1393  }
1394
1395  .content-card_wrap:hover .card-content_metadata,
1396  .mega-content-card_wrap:hover .card-content_metadata,
1397  .compact-content-card_wrap:hover .card-content_metadata,
1398  .sidebar-content-card_wrap:hover .card-content_metadata {
1399    transform: translateY(-0.75rem);
1400    opacity: 0;
1401  }
1402
1403  .content-card_wrap:hover .content-card_img-wrapper,

1404  .info-image-card_wrap:has(.link-cover):hover .info-image-card_img-wrapper {
1405    border-radius: calc(
1406      var(--_size-and-spacing---tokens--corner-radius--md) * 1.5
1407    );
1408  }
1409
1410  .info-image-card_wrap:has(.link-cover):hover
1411    .card-content_card-action.u-text-action,
1412  .info-icon-card_wrap:has(.link-cover):hover
1413    .card-content_card-action.u-text-action {
1414    color: var(--tokens--text-colour--text-colour-highlight) !important;
1415  }
1416}
1417
1418/* CONTENT END */
1419
1420/* FAQ ACCORDION */
1421
1422.faq-accordion_wrap.active .faq-accordion_icon {
1423  transform: rotate(180deg);
1424}
1425
1426.faq-accordion_wrap.active .faq-accordion_bottom-container {
1427  height: auto;
1428  opacity: 1;
1429}
1430
1431.faq-accordion_wrap.active .faq-accordion_top-container {
1432  padding-bottom: 1rem;
1433}
1434
1435/* FAQ ACCORDION END */
1436
1437/* PAGE HEADING */
1438
1439[data-heading-orientation="horizontal"] {
1440  display: flex;
1441  flex-direction: row;
1442  justify-content: space-between;
1443  align-items: end;
1444}
1445
1446[data-heading-orientation="center"] {
1447  display: flex;
1448  flex-direction: column;
1449  align-items: center;
1450  text-align: center;
1451}
1452
1453[data-heading-orientation="horizontal"] .section_heading,
1454[data-heading-orientation="horizontal"] .section_sub-heading,
1455[data-heading-orientation="horizontal"] .page_heading,
1456[data-heading-orientation="horizontal"] .page_sub-heading,
1457[data-heading-orientation="horizontal"] .u-text-eyebrow {
1458  margin-left: 0rem !important;
1459  margin-right: auto !important;
1460  text-align: left !important;
1461}
1462
1463/* tablet */
1464@media screen and (min-width: 992px) {
1465  [data-heading-orientation="left"] .section_heading,
1466  [data-heading-orientation="left"] .section_sub-heading,
1467  [data-heading-orientation="left"] .page_heading,
1468  [data-heading-orientation="left"] .page_sub-heading,
1469  [data-heading-orientation="left"] .u-text-eyebrow {
1470    display: flex;
1471    flex-direction: column;
1472    align-items: start;
1473    margin-left: 0rem !important;
1474    margin-right: auto !important;
1475    text-align: left !important;
1476  }
1477}
1478
1479@media screen and (max-width: 479px) {
1480  [data-heading-orientation] {
1481    display: flex;
1482    flex-direction: column;
1483    align-items: center;
1484    text-align: center;
1485  }
1486
1487  [data-heading-orientation] .section_heading,
1488  [data-heading-orientation] .section_sub-heading,
1489  [data-heading-orientation] .page_heading,
1490  [data-heading-orientation] .page_sub-heading,
1491  [data-heading-orientation] .u-text-eyebrow {
1492    margin-left: auto !important;
1493    margin-right: auto !important;
1494    text-align: center !important;
1495  }
1496}
1497
1498/* PAGE HEADING END */
1499
1500.explore-page-demo {
1501  border: 0px;
1502}
1503
1504/* AGREEMENT HTML TABLES */
1505
1506.agreement-table {
1507  border-collapse: collapse;
1508}
1509
1510.agreement-table td {
1511  border: 1px solid black;
1512  padding: 0.25em 0.125em;
1513}
1514

1515/* AGREEMENT HTML TABLES END */
1516
1517/* SEARCH BAR */
1518
1519/* width */
1520.search-results_container::-webkit-scrollbar {
1521  width: 6px;
1522}
1523
1524/* Track */
1525.search-results_container::-webkit-scrollbar-track {
1526  background: transparent;
1527  padding: 2rem;
1528}
1529
1530/* Handle */
1531.search-results_container::-webkit-scrollbar-thumb {
1532  background: var(--_colour-primitives---primitives--neutral--200);
1533  border-radius: 100rem;
1534}
1535
1536/* Handle on hover */
1537.search-results_container::-webkit-scrollbar-thumb:hover {
1538  background: var(--_colour-primitives---primitives--neutral--300);
1539}
1540
1541/* width */
1542.template-sidebar_wrapper::-webkit-scrollbar {
1543  width: 6px;
1544}
1545
1546/* Track */
1547.template-sidebar_wrapper::-webkit-scrollbar-track {
1548  background: transparent;
1549}
1550
1551/* Handle */
1552.template-sidebar_wrapper::-webkit-scrollbar-thumb {
1553  background: var(--_colour-primitives---primitives--neutral--200);
1554  border-radius: 100rem;
1555}
1556
1557/* Handle on hover */
1558.template-sidebar_wrapper::-webkit-scrollbar-thumb:hover {
1559  background: var(--_colour-primitives---primitives--neutral--300);
1560}
1561
1562/* width */
1563.connect-sidebar_menu::-webkit-scrollbar {

1564  width: 6px;
1565}
1566
1567/* Track */
1568.connect-sidebar_menu::-webkit-scrollbar-track {
1569  background: transparent;
1570}
1571
1572/* Handle */
1573.connect-sidebar_menu::-webkit-scrollbar-thumb {
1574  background: var(--_colour-primitives---primitives--neutral--200);
1575  border-radius: 100rem;
1576}
1577
1578/* Handle on hover */
1579.connect-sidebar_menu::-webkit-scrollbar-thumb:hover {
1580  background: var(--_colour-primitives---primitives--neutral--300);
1581}
1582</style></div><div class="cc_sections code w-embed"><style>
1583
1584  /* Announcement bar */
1585
1586  [data-banner-dismissable="true"] .announcement-banner_dismiss-button {
1587    display: flex !important;
1588  }
1589
1590  [data-banner-dismissable="true"] {
1591    padding-right: 4.5rem;
1592    padding-left: 4.5rem;
1593  }
1594
1595  [data-banner-dismissable="true"] .announcement-banner_dismiss-button {
1596    width: 1.5rem;
1597  }
1598
1599  /* tablet */
1600  @media screen and (max-width: 991px) {
1601    [data-banner-dismissable="true"] {
1602      justify-content: start;
1603      padding-left: 1.5rem;
1604    }
1605  }
1606
1607  .button[setting-size="announcement"] {
1608    font-size: 1rem;
1609  }
1610
1611  .button[setting-size="announcement"] {
1612    padding: 0.75rem 1.25rem;
1613    min-width: auto;
1614    width: auto;
1615  }	
1616
1617  .text-button[setting-size="announcement"] {
1618    height: auto;
1619  }
1620
1621  [setting-size="announcement"] .text-button_label {
1622    font-size: 1rem
1623  }
1624
1625  /* landscape */
1626  @media screen and (max-width: 767px) {
1627    .button[setting-size="announcement"] {
1628      padding: 0.375rem 0.625rem;
1629      font-size: 0.875rem;
1630      min-width: auto;
1631      border-radius: var(--_size-and-spacing---tokens--corner-radius--xs);
1632      height: auto;
1633    }
1634
1635    .text-button[setting-size="announcement"] {
1636      height: auto;
1637    }
1638
1639    [setting-size="announcement"] .text-button_label {
1640      font-size: 0.875rem
1641    }
1642  }
1643
1644  /* ANNOUNCEMENT BANNER END */
1645
1646  /* HEADER/NAV */
1647
1648  .nav_dropdown-col:last-of-type {
1649    border-right: 0px;
1650  }
1651
1652  .nav_list-item.w--open .nav_list-item-icon {
1653    transform: rotate(180deg);
1654  }
1655
1656  .nav_list-item.w--open {
1657    color: var(--tokens--text-colour--text-colour-secondary);
1658  }
1659
1660  /* tablet */
1661  @media screen and (max-width: 991px) {
1662
1663    .open .header_action-container {
1664      bottom: 0px;
1665    }
1666
1667    .open .nav_list {
1668      height: 100%;
1669      transition: all 0.3s ease-out;
1670      padding-bottom: 16rem;
1671    }
1672
1673    .open .nav_wrap {
1674      opacity: 1;
1675      height: 100dvh;
1676      overflow-Y: scroll;
1677    }
1678
1679  }
1680
1681  .nav_wrap {
1682    transition-delay: 0.3s;
1683    transition: all 0.3s ease-out;
1684  }
1685
1686  .nav_list {
1687    transition: all 0.3s ease-out;
1688  }
1689
1690  .nav-button_wrap {
1691    --thickness: 2px;
1692    --gap: 0.2rem;
1693    --rotate: 45;
1694    --width: 100%;
1695  }
1696
1697  .open .nav-button_line {
1698    transform: scaleX(0);
1699  }
1700  .open .nav-button_line:first-child {
1701    transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));
1702  }
1703  .open .nav-button_line:last-child {
1704    transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));
1705  }
1706
1707  .heading-logo_wrap:hover .header-logo_type {
1708    transform: translateX(0) !important;
1709  }
1710
1711  .nav-dropdown_featured-card:hover .nav-dropdown_featured-img {
1712    transform: scale(1.025);
1713  }
1714
1715
1716  /* tablet */
1717  @media screen and (max-width: 991px) {
1718    .header_action-container {
1719      --tokens--button--primary-bg-idle: var(--_colour-primitives---primitives--neutral--25);
1720      --tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--50);
1721      --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
1722      --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--neutral--1000);
1723      --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--neutral--800);
1724      --tokens--button--secondary-text: var(--_colour-primitives---primitives--neutral--25);
1725      --tokens--button--secondary-border: var(--_colour-primitives---primitives--neutral--25);
1726      --tokens--button--tertiary-idle: var(--_colour-primitives---primitives--neutral--25);
1727      --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--purple--600);
1728      --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--neutral--1000);
1729      --tokens--surfaces--background-hover: var(--_colour-primitives---primitives--neutral--800);
1730      --tokens--surfaces--background-active: var(--_colour-primitives---primitives--neutral--800);
1731    }
1732  }
1733
1734  /* HEADER/NAV END */
1735
1736  /* SECTION 5050 */
1737
1738  .section-5050_content-container {
1739    grid-column: 2 / 6;
1740  }
1741
1742  .section-5050_media-container {
1743    grid-column: 7 / 12;
1744  }
1745
1746  [data-media-side="left"] .section-5050_content-container {
1747    grid-column: -2 / -6;
1748  }
1749
1750  [data-media-side="left"] .section-5050_media-container {
1751    grid-column: 2 / 7;
1752  }
1753
1754  /* Desktop */
1755  @media screen and (max-width: 1280px) {
1756    .section-5050_content-container {
1757      grid-column: 2 / 7;
1758      padding-right: var(--_size-and-spacing---primitives--section-spacing--gutter);
1759    }
1760
1761    .section-5050_media-container {
1762      grid-column: 7 / 12;
1763    }
1764
1765    [data-media-side="left"] .section-5050_content-container {
1766      grid-column: -2 / -7;
1767      padding-left: var(--_size-and-spacing---primitives--section-spacing--gutter);
1768    }
1769
1770    [data-media-side="left"] .section-5050_media-container {
1771      grid-column: 2 / 7;
1772    }
1773  }
1774
1775  /* Tablet */
1776  @media screen and (max-width: 991px) {
1777    .section-5050_content-container {
1778      padding: 0px;
1779    }
1780
1781    .section-5050_media-container,
1782    [data-media-side="left"] .section-5050_media-container,
1783    [data-media-side="left"] .section-5050_content-container {
1784      padding-left: 0px !important;
1785    }
1786
1787    .slot-5050_text-content_wrap {
1788      justify-content: center;
1789      text-align: center;
1790    }
1791
1792    .u-eyebrow-text {
1793      text-align: center;
1794    }
1795  }
1796
1797  /* SECTION 5050 */
1798
1799  /* PAGE HERO 5050 */
1800  
1801  @media (min-width:992px) { 
1802  
1803  [data-media-side="left"] .page-hero_media-container {
1804    order: -999;
1805  }
1806
1807  [data-media-side="left"] .page-hero_heading-container {
1808    order: 999;
1809  }
1810  
1811  }
1812
1813  /* CUSTOMERS/PARTNERS */
1814
1815  @keyframes fadeInOut {
1816    0%, 100% { opacity: 0; transform: translateY(4rem); }
1817    2%, 48% { opacity: 1; transform: translateY(0rem); }
1818    50%, 98% { opacity: 0; transform: translateY(4rem); }
1819  }
1820
1821  .customers_logo-container {
1822    opacity: 0;
1823    animation: fadeInOut 20s infinite;
1824    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
1825  }
1826
1827  .customers_row.upper .customers_logo-container:nth-child(2) {
1828    animation-delay: 0.15s;
1829  }
1830
1831  .customers_row.upper .customers_logo-container:nth-child(3) {
1832    animation-delay: 0.3s;
1833  }
1834
1835  .customers_row.upper .customers_logo-container:nth-child(4) {
1836    animation-delay: 0.45s;
1837  }
1838
1839  .customers_row.upper .customers_logo-container:nth-child(5) {
1840    animation-delay: 0.6s;
1841  }
1842
1843  .customers_row.lower .customers_logo-container:nth-child(1) {
1844    animation-delay: 10s;
1845  }
1846
1847  .customers_row.lower .customers_logo-container:nth-child(2) {
1848    animation-delay: 10.15s;
1849  }
1850
1851  .customers_row.lower .customers_logo-container:nth-child(3) {
1852    animation-delay: 10.3s;
1853  }
1854
1855  .customers_row.lower .customers_logo-container:nth-child(4) {
1856    animation-delay: 10.45s;
1857  }
1858
1859  .customers_row.lower .customers_logo-container:nth-child(5) {
1860    animation-delay: 10.6s;
1861  }
1862
1863  /* CUSTOMERS/PARTNERS END */
1864
1865  /* INTEGRATIONS */
1866
1867  @keyframes marquee {
1868    0% { transform: translateX(0%); }
1869    100% { transform: translateX(-100%); }
1870  }
1871
1872  @keyframes marquee-reverse {
1873    0% { transform: translateX(-100%); }
1874    100% { transform: translateX(0); }
1875  }
1876
1877  .integrations_carousel-track.upper {
1878    animation: marquee 90s linear infinite normal;
1879  }
1880
1881  .integrations_carousel-track.lower {
1882    animation: marquee-reverse 90s linear infinite normal;
1883  }
1884
1885  .integrations_carousel-container:hover .integrations_carousel-track.lower,
1886  .integrations_carousel-container:hover .integrations_carousel-track {
1887    animation-play-state: paused;
1888  }
1889
1890  @media screen and (max-width: 767px) {
1891    .customers_logo-container:nth-child(4), .customers_logo-container:nth-child(5) {
1892      display: none;
1893    }
1894
1895    .integrations_carousel-track.upper {
1896      animation: marquee 30s linear infinite normal;
1897    }
1898
1899    .integrations_carousel-track.lower {
1900      animation: marquee-reverse 30s linear infinite normal;
1901    }
1902  }
1903  
1904  @media screen and (min-width: 992px) {
1905    	.integrations_carousel-item:hover .integrations_carousel-bg {
1906      opacity: 1;
1907    }
1908
1909    .integrations_carousel-item:hover .integrations_carousel-item-logo.is-hover {
1910      display: flex;
1911    }
1912
1913    .integrations_carousel-item:hover .integrations_carousel-item-logo {
1914      display: none;
1915    }
1916		}
1917 
1918
1919  /* INTEGRATIONS END */
1920
1921  /* CTA */
1922
1923  .s_cta_wrap[data-padding-top="none"] .cta_container.grid {
1924    padding-top: 0px !important;
1925  }
1926
1927  .cta_container .heading-lockup_wrap {
1928    grid-column: 2 / 12;
1929    width: 100%;
1930  }
1931
1932  [data-cta-type='uncontained'] .heading-lockup_wrap {
1933    grid-column: 1 / 13;
1934    width: 100%;
1935  }
1936
1937  [data-cta-type='uncontained'] .cta_container {
1938    background-color: transparent;
1939    border-radius: 0px;
1940    padding: var(--_size-and-spacing---primitives--section-spacing--section-padding-medium) 0px;
1941  }
1942
1943  [data-cta-type='contained'] .cta_container {
1944    border-radius: var(--_size-and-spacing---tokens--corner-radius--xl);
1945  }
1946
1947  /* CTA END */
1948
1949  /* CTA w/MEDIA */
1950
1951  .cta-media_media-container {
1952    grid-column: 8 / 12;
1953  }
1954
1955  .cta-media_content-container {
1956    grid-column: 2 / 8;
1957  }
1958
1959  .cta-media_content-container .section_sub-heading {
1960    margin: 0px;
1961  }
1962
1963  [data-media-side='right'] .cta-media_media-container {
1964    grid-column: 8 / 12;
1965  }
1966
1967  [data-media-side='right'] .cta-media_content-container {
1968    grid-column: 2 / 8;
1969  }
1970
1971  [data-media-side='left'] .cta-media_media-container {
1972    grid-column: 2 / 6;
1973  }
1974
1975  [data-media-side='left'] .cta-media_content-container {
1976    grid-column: 6 / 12;
1977    padding-left: var(--_size-and-spacing---primitives--section-spacing--gutter);
1978  }
1979
1980  /* CTA w/MEDIA END */
1981
1982
1983  .template-sidebar_wrap.open {
1984    height: 100dvh;
1985  }
1986
1987  /* Locale switcher */
1988  .locale-current-list .w-locales-item > a:not(.w--current) {
1989    display: none;
1990  }
1991  
1992  @media only screen and (max-width: 992px) {
1993  .s_page-hero-5050_wrap .u-rich-text {
1994  	text-align: center;
1995  }
1996	}
1997 
1998  
1999  .tabbed-content_menu {
2000  scrollbar-width: none; /* Firefox */
2001  -ms-overflow-style: none; /* IE and Edge */
2002}
2003
2004.tabbed-content_menu::-webkit-scrollbar {

2005  display: none; /* Chrome, Safari, Opera */
2006}
2007  
2008
2009</style></div><div class="cc-global code w-embed"><!-- Reset default button styles -->
2010<style>
2011  button {
2012    -webkit-appearance: none;
2013    -moz-appearance: none;
2014    appearance: none;
2015    border: none;
2016    background: none;
2017    padding: 0;
2018    margin: 0;
2019    font: inherit;
2020    color: inherit;
2021    cursor: pointer;
2022  }
2023</style>
2024
2025<style>
2026  /* Apply font smoothing */
2027  body {
2028    -webkit-font-smoothing: antialiased;
2029    -moz-font-smoothing: antialiased;
2030    -o-font-smoothing: antialiased;
2031    position: relative;
2032  }
2033
2034  h1, h2, h3, h4, h5, h6 {
2035    hanging-punctuation: first last;
2036  }
2037
2038  .page_heading {
2039    font-display:swap;
2040  }
2041
2042  /* Remove top margin on rich text first child */
2043  .w-richtext>:first-child {
2044    margin-top: 0;
2045  }
2046
2047  /* Remove bottom margin of rich text last child */
2048  .w-richtext>:last-child, 
2049  .w-richtext ol li:last-child, 
2050  .w-richtext ul li:last-child {
2051    margin-bottom: 0;
2052  }
2053
2054  .content-rich-text blockquote,
2055  .content-rich-text figure,
2056  .content-rich-text code {
2057    display: none;
2058  }
2059
2060  .u-rich-text ol {
2061    list-style: none;
2062    counter-reset: item;
2063    margin-top: 4rem;
2064  }
2065
2066  .u-rich-text li {
2067    counter-increment: item;
2068    margin-bottom: 5px;
2069  }
2070
2071  .u-rich-text ol li:before {
2072    content: counter(item);
2073    margin-left: -2rem;
2074    margin-right: 0.75rem;
2075    text-align: center;
2076    font-size: 2rem;
2077    font-weight: 600;
2078    display: inline-block;
2079    font-variant-numeric: tabular-nums;
2080  }
2081
2082  .u-rich-text ol li {
2083    margin-bottom: 3rem !important;
2084  }
2085
2086  .u-rich-text li > code:first-of-type {
2087    font-size: 1.875rem;
2088    font-weight: 400;
2089    font-family: inherit;
2090  }
2091
2092  .w-background-video > video {
2093    position: relative !important;
2094    top: 0px;
2095    left: 0px;
2096    right: 0px;
2097    bottom: 0px;
2098  }
2099
2100  .w-richtext figure {
2101    width: 100% !important;
2102    max-width: 100% !important;
2103  }
2104
2105  /* Give section an attribute of "data-cms-section" */
2106  [data-cms-section]:not(:has(.w-dyn-item)) {
2107    display: none; 
2108  }
2109
2110
2111  /* Hide scrollbar for Chrome, Safari and Opera */
2112  .latest-posts_wrap::-webkit-scrollbar {

2113    display: none;
2114  }
2115
2116  .latest-posts_wrap {
2117    -ms-overflow-style: none;  /* IE and Edge */
2118    scrollbar-width: none;  /* Firefox */
2119  }
2120
2121  .footer_menu-dropdown .footer_menu-item:first-of-type {
2122    margin-top: 1.5rem;
2123  }
2124
2125  .footer_menu-dropdown .footer_menu-item:last-of-type {
2126    margin-bottom: 1.5rem;
2127  }
2128
2129  .footer_menu-item:hover {
2130    transform: translateX(0.5rem);
2131  }
2132
2133  .footer_menu-item {
2134    transition: transform 0.3s ease-out;
2135  }
2136
2137  .footer_menu-item.is-dropdown:hover {
2138    transform: translateX(0rem);
2139  }
2140</style></div><div class="cc_legacy_theming code w-embed"><style>
2141[data-theme='dark'], [data-theme='Dark'] {
2142  --tokens--button--primary-bg-idle: var(--_colour-primitives---primitives--neutral--25);
2143  --tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--200) !important;
2144  --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
2145  --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--neutral--1000);
2146  --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--neutral--800);
2147  --tokens--button--secondary-text: var(--_colour-primitives---primitives--neutral--25);
2148  --tokens--button--secondary-border: var(--_colour-primitives---primitives--neutral--25);
2149  --tokens--button--tertiary-idle: var(--_colour-primitives---primitives--neutral--25);
2150  --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--purple--600);
2151  --tokens--tag--tag-bg-idle: var(--_colour-primitives---primitives--neutral--1000);
2152  --tokens--tag--tag-bg-hover: var(--_colour-primitives---primitives--neutral--800);
2153  --tokens--tag--tag-bg-active: var(--_colour-primitives---primitives--neutral--25);
2154  --tokens--tag--tag-border: var(--_colour-primitives---primitives--neutral--25);
2155  --tokens--tag--tag-text-idle: var(--_colour-primitives---primitives--neutral--25);
2156  --tokens--tag--tag-text-active: var(--_colour-primitives---primitives--neutral--1000);
2157  --tokens--border--border-primary: var(--_colour-primitives---primitives--neutral--800);
2158  --tokens--text-colour--text-colour-highlight: var(--_colour-primitives---primitives--purple--400);
2159  --tokens--text-colour--text-colour-invert: var(--_colour-primitives---primitives--neutral--1000);
2160  --tokens--text-colour--text-colour-secondary: var(--_colour-primitives---primitives--neutral--300);
2161  --tokens--text-colour--text-colour-primary: var(--_colour-primitives---primitives--neutral--25);
2162  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--neutral--1000);
2163  --tokens--surfaces--background-hover: var(--_colour-primitives---primitives--neutral--800);
2164  --tokens--surfaces--background-active: var(--_colour-primitives---primitives--neutral--800);
2165  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--neutral--800);
2166  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--neutral--700);
2167  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--neutral--700);
2168}
2169
2170[data-theme='default'] {
2171  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--neutral--25);
2172}
2173
2174[data-theme='grey'], [data-theme='Grey'], [data-theme='gray'], [data-theme='Gray'] {
2175  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--neutral--50);
2176  --tokens--surfaces--background-hover: var(--_colour-primitives---primitives--neutral--100);
2177  --tokens--surfaces--background-active: var(--_colour-primitives---primitives--neutral--100);
2178  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--neutral--25);
2179  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--neutral--200);
2180  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--neutral--200);
2181}
2182
2183[data-theme='white'] {
2184  --tokens--surfaces--background-idle: white;
2185  --tokens--surfaces--background-hover: var(--_colour-primitives---primitives--neutral--50);
2186  --tokens--surfaces--background-active: var(--_colour-primitives---primitives--neutral--50);
2187  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--neutral--50);
2188  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--neutral--200);
2189  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--neutral--200);
2190}
2191
2192[data-theme='purple'], [data-theme='Purple'] {
2193  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--purple--100);
2194  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--purple--200);
2195  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--purple--200);
2196}
2197
2198[data-theme='green'], [data-theme='Green'] {
2199  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--green--100);
2200  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--green--200);
2201  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--green--200);
2202}
2203
2204[data-theme='red'], [data-theme='Red'] {
2205  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--red--100);
2206  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--red--200);
2207  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--red--200);
2208}
2209
2210[data-theme='yellow'], [data-theme='Yellow'] {
2211  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--yellow--100);
2212  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--yellow--200);
2213  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--yellow--200);
2214}
2215
2216[data-theme='orange'], [data-theme='Orange'] {
2217  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--orange--100);
2218  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--orange--200);
2219  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--orange--200);
2220}
2221
2222[data-theme='blue'], [data-theme='Blue'] {
2223  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--blue--100);
2224  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--blue--200);
2225  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--blue--200);
2226}
2227
2228[data-theme='purple-mid'] {
2229  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--purple--300);
2230  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--purple--400);
2231  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--purple--400);
2232}
2233
2234[data-theme='green-mid'] {
2235  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--green--300);
2236  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--green--400);
2237  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--green--400);
2238}
2239
2240[data-theme='red-mid'] {
2241  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--red--300);
2242  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--red--400);
2243  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--red--400);
2244}
2245
2246[data-theme='yellow-mid'] {
2247  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--yellow--300);
2248  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--yellow--400);
2249  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--yellow--400);
2250}
2251
2252[data-theme='orange-mid'] {
2253  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--orange--300);
2254  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--orange--400);
2255  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--orange--400);
2256}
2257
2258[data-theme='blue-mid'] {
2259  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--blue--300);
2260  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--blue--400);
2261  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--blue--400);
2262}
2263
2264[data-theme='purple-bold'] {
2265  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--purple--400);
2266  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--purple--500);
2267  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--purple--500);
2268}
2269
2270[data-theme='green-bold'] {
2271  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--green--400);
2272  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--green--500);
2273  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--green--500);
2274}
2275
2276[data-theme='red-bold'] {
2277  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--red--400);
2278  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--red--500);
2279  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--red--500);
2280}
2281
2282[data-theme='yellow-bold'] {
2283  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--yellow--400);
2284  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--yellow--500);
2285  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--yellow--500);
2286}
2287
2288[data-theme='orange-bold'] {
2289  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--orange--400);
2290  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--orange--500);
2291  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--orange--500);
2292}
2293
2294[data-theme='blue-bold'] {
2295  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--blue--400);
2296  --tokens--surfaces--foreground-hover: var(--_colour-primitives---primitives--blue--500);
2297  --tokens--surfaces--foreground-active: var(--_colour-primitives---primitives--blue--500);
2298}
2299
2300[data-new-theme='ink'] {
2301  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--neutral--1000);
2302  --tokens--text-colour--text-colour-primary: var(--_colour-primitives---primitives--neutral--25);
2303  --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
2304	--tokens--button--primary-bg-idle: #ffffff ;
2305	--tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--50);
2306  --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--neutral--1000);
2307  --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--neutral--800);
2308  --tokens--button--secondary-text: #ffffff;
2309  --tokens--button--secondary-border: #ffffff;
2310	--tokens--button--tertiary-idle: #ffffff;
2311  --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--purple--300);
2312  --tokens--text-colour--text-colour-highlight: var(--_colour-primitives---primitives--purple--300);
2313  
2314}
2315
2316[data-new-theme='ink-reverse'] {
2317  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--neutral--1000);
2318}
2319
2320[data-new-theme='purple'] {
2321  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--purple--600);
2322  --tokens--text-colour--text-colour-primary: var(--_colour-primitives---primitives--neutral--25);
2323  --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
2324	--tokens--button--primary-bg-idle: #ffffff ;
2325	--tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--50);
2326  --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--purple--600);
2327  --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--purple--700);
2328  --tokens--button--secondary-text: #ffffff;
2329  --tokens--button--secondary-border: #ffffff;
2330	--tokens--button--tertiary-idle: #ffffff;
2331  --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--purple--100);
2332  --tokens--text-colour--text-colour-highlight: var(--_colour-primitives---primitives--purple--100);
2333  
2334}
2335
2336[data-new-theme='purple-reverse'] {
2337  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--purple--600);
2338}
2339
2340[data-new-theme='green'] {
2341  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--green--600);
2342  --tokens--text-colour--text-colour-primary: var(--_colour-primitives---primitives--neutral--25);
2343  --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
2344	--tokens--button--primary-bg-idle: #ffffff ;
2345	--tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--50);
2346    --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--green--600);
2347  --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--green--700);
2348  --tokens--button--secondary-text: #ffffff;
2349  --tokens--button--secondary-border: #ffffff;
2350	--tokens--button--tertiary-idle: #ffffff;
2351  --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--green--100);
2352  --tokens--text-colour--text-colour-highlight: var(--_colour-primitives---primitives--green--100);
2353  
2354}
2355
2356[data-new-theme='green-reverse'] {
2357  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--green--600);
2358}
2359
2360[data-new-theme='dark-purple'] {
2361  --tokens--surfaces--foreground-idle: var(--_colour-primitives---primitives--purple--800);
2362  --tokens--text-colour--text-colour-primary: var(--_colour-primitives---primitives--neutral--25);
2363  --tokens--button--primary-text: var(--_colour-primitives---primitives--neutral--1000);
2364	--tokens--button--primary-bg-idle: #ffffff ;
2365	--tokens--button--primary-bg-hover: var(--_colour-primitives---primitives--neutral--50);
2366  --tokens--button--secondary-bg-idle: var(--_colour-primitives---primitives--purple--800);
2367  --tokens--button--secondary-bg-hover: var(--_colour-primitives---primitives--purple--900);
2368  --tokens--button--secondary-text: #ffffff;
2369  --tokens--button--secondary-border: #ffffff;
2370	--tokens--button--tertiary-idle: #ffffff;
2371  --tokens--button--tertiary-hover: var(--_colour-primitives---primitives--purple--200);
2372  --tokens--text-colour--text-colour-highlight: var(--_colour-primitives---primitives--purple--200);
2373  
2374}
2375
2376[data-new-theme='dark-purple-reverse'] {
2377  --tokens--surfaces--background-idle: var(--_colour-primitives---primitives--purple--800);
2378}
2379
2380</style></div><div class="cc_cms-embeds w-embed"><style>
2381/* RICH TEXT FOR CMS */
2382
2383	.w-richtext-figure-type-video {
2384  	min-height: 9.5rem;
2385  }
2386  
2387  .rich-text_container .wistia_embed {
2388    width: 100%;
2389    display: inline-block;
2390    aspect-ratio: 16 / 9;
2391}
2392
2393.tfImageCaption {
2394	font-size: 0.875rem;
2395  color: var(--_colour-primitives---primitives--neutral--700);
2396  margin-top: -28px;
2397}
2398
2399.w-embed:has(.tfQuoteBlock) {
2400	padding-top: 2rem;
2401  padding-bottom: 3rem;
2402}
2403
2404.tfQuoteBlock {
2405	padding-left: 1.5rem;
2406}
2407
2408.tfQuoteBlock p {
2409	margin-bottom: 0rem;
2410  font-size: 1.875rem;
2411  line-height: 1.3em;
2412}
2413
2414.tfQuoteBlock p::before {
2415	content: '"';
2416}
2417
2418.tfQuoteBlock p::after {
2419	content: '"';
2420}
2421
2422.tfQuoteBlock + div {
2423	padding-left: 1.5rem;
2424  padding-top: 1.5rem;
2425  color: var(--_colour-primitives---primitives--neutral--700);
2426}
2427
2428.tfTypeformBlock iframe {
2429	border-radius: var(--_size-and-spacing---tokens--corner-radius--sm);
2430  overflow: hidden;
2431}
2432
2433.tfTypeformBlock {
2434	padding-top: 4rem;
2435  padding-bottom: 4rem;
2436}
2437
2438.content-table_list ol {
2439	list-style-type: decimal-leading-zero;
2440}
2441
2442</style></div><div class="cc_designer-only-code w-embed"><style>
2443
2444/* GIVE BACKGROUND IMAGE TO MEDIA SLOTS IN DESIGNER */
2445
2446.wf-design-mode .wistia-player_wrap {
2447	background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/671a2987aab9342c033c715b_Video%20Placeholder.svg);
2448    background-position: center;
2449  background-repeat: no-repeat;
2450  background-size: cover;
2451}
2452
2453.wf-design-mode .lottie-player_wrap {
2454	background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/671a2985aab9342c033c6c27_

2454Lottie%20Placeholder.svg);
2455    background-position: center;
2456  background-repeat: no-repeat;
2457  background-size: cover;
2458}
2459
2460.wf-design-mode .typeform-embed_wrap {
2461	background-image: url(https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6719fd32885cb10e5470f956_placeholder.svg);
2462    background-position: center;
2463  background-repeat: no-repeat;
2464  background-size: cover;
2465}
2466
2467
2468/* MAKE LINK COVERS UNCLICKABLE TO IMPROVE DESIGNER EXPERIENCE */
2469
2470.wf-design-mode .link-cover {
2471  pointer-events: none;
2472}
2473
2474/* GIVE SLOTS SOME STYLING IN DESIGNER TO IMPROVE DESIGNER EXPERIENCE */
2475
2476.wf-design-mode .slot {
2477	display: block;
2478  min-height: 5rem;
2479  border: 1px #30C963 solid;
2480  opacity: 1;
2481}
2482
2483/* SHOW COOKIE CONSENT BANNER WITH ATTRIBUTE */
2484
2485  .wf-design-mode [wf-design-mode='true'] {
2486      display: flex !important;
2487			opacity: 1 !important;
2488      pointer-events: unset !important;
2489  }
2490
2491/* CONTENT SLIDER */
2492
2493  .wf-design-mode .swiper-wrapper.is-content-slider {
2494		display: grid;
2495    grid-template-columns: repeat(3, 1fr);
2496    grid-gap: 2.5rem;
2497	}
2498  
2499  @media screen and (max-width: 991px) {
2500    .wf-design-mode .swiper-wrapper.is-content-slider {
2501      display: grid;
2502      grid-template-columns: repeat(1, 1fr);
2503      grid-gap: 2.5rem;
2504    }
2505  }
2506  
2507/* T page_navigated pixel */
2508.wf-design-mode .cc_t-pixel-in_view {
2509  background-color:rgba(53, 123, 229,0.25);
2510}
2511.wf-design-mode .cc_t-pixel-in_view:before {
2512}
2513  
2514
2515</style>
2516
2517<!-- Show/hide element in Webflow designer and editor -->
2518<style>
2519  .wf-design-mode [data-designereditor-show],
2520  .w-editor [data-designereditor-show] {
2521    display: block !important;
2522  }
2523  .wf-design-mode [data-designereditor-hide],
2524  .w-editor [data-designereditor-hide] {
2525    display: none !important;
2526  }
2527</style></div><div class="cc_typography w-embed"><style>
2528
2529	h1, h2, h3, h4, h5, h6, q, .u-font-serif {
2530      font-variant-ligatures: common-ligatures !important;
2531  -moz-font-feature-settings: "liga", "clig" !important;
2532  -webkit-font-feature-settings: "liga", "clig" !important;
2533  font-feature-settings: "liga", "clig", 'ss01' on, 'ss11' on !important;
2534  }
2535  
2536  @media screen and (min-width: 992px) and (max-width: 1280px) {
2537  :root {
2538    /* Heading Display */
2539    --_typography---heading-display-size: 4rem;
2540    --_typography---heading-display-line-height: 1.1em;
2541    --_typography---heading-display-letter-spacing: -1px;
2542    --_typography---heading-display-font: Tobias;
2543
2544    /* Heading One */
2545    --_typography---heading-one-size: 3.5rem;
2546    --_typography---heading-one-line-height: 1.1em;
2547    --_typography---heading-one-letter-spacing: -1px;
2548    --_typography---heading-one-font: Tobias;
2549
2550    /* Heading Two */
2551    --_typography---heading-two-size: 3rem;
2552    --_typography---heading-two-line-height: 1.1em;
2553    --_typography---heading-two-letter-spacing: 0px;
2554    --_typography---heading-two-font: Tobias;
2555
2556    /* Heading Three */
2557    --_typography---heading-three-size: 2.25rem;
2558    --_typography---heading-three-line-height: 1.15em;
2559    --_typography---heading-three-letter-spacing: 0px;
2560    --_typography---heading-three-font: "Twklausanne 400";
2561
2562    /* Heading Four */
2563    --_typography---heading-four-size: 1.875rem;
2564    --_typography---heading-four-line-height: 1.15em;
2565    --_typography---heading-four-letter-spacing: 0px;
2566    --_typography---heading-four-font: "Twklausanne 400";
2567
2568    /* Heading Five */
2569    --_typography---heading-five-size: 1.875rem;
2570    --_typography---heading-five-line-height: 1.15em;
2571    --_typography---heading-five-letter-spacing: 0px;
2572    --_typography---heading-five-font: "Twklausanne 500";
2573
2574    /* Heading Six */
2575    --_typography---heading-six-size: 1.5rem;
2576    --_typography---heading-six-line-height: 1.15em;
2577    --_typography---heading-six-letter-spacing: 0px;
2578    --_typography---heading-six-font: "Twklausanne 500";
2579
2580    /* Paragraph LG */
2581    --_typography---paragraph-lg-size: 1.5rem;
2582    --_typography---paragraph-lg-line-height: 1.2em;
2583    --_typography---paragraph-lg-letter-spacing: 0px;
2584    --_typography---paragraph-lg-font: "Twklausanne 400";
2585
2586    /* Paragraph MD */
2587    --_typography---paragraph-md-size: 1.25rem;
2588    --_typography---paragraph-md-line-height: 1.2em;
2589    --_typography---paragraph-md-letter-spacing: 0px;
2590    --_typography---paragraph-md-font: "Twklausanne 400";
2591
2592    /* Paragraph SM */
2593    --_typography---paragraph-sm-size: 1rem;
2594  }
2595}
2596  
2597</style></div><div class="cc_nav-scripts w-embed w-script"><!-- Nav Logo Transition -->

2598<script>
2599  document.addEventListener('DOMContentLoaded', () => {
2600    const logoIcon = document.querySelector('.header-logo_type');
2601    const logoWrap = document.querySelector('.header-logo_wrap');
2602
2603    // Abort if required elements arenât on the page
2604    if (!logoIcon || !logoWrap) return;
2605
2606    const HIDE_AT = 500;                        // px scrolled before hiding
2607    logoIcon.style.transition = 'transform 0.3s ease-in-out';
2608
2609    const hideLogo  = () => (logoIcon.style.transform = 'translateX(-100%)');
2610    const showLogo  = () => (logoIcon.style.transform = 'translateX(0)');
2611
2612    // Scroll-triggered hide / show
2613    window.addEventListener(
2614      'scroll',
2615      () => (window.scrollY > HIDE_AT ? hideLogo() : showLogo()),
2616      { passive: true }
2617    );
2618
2619    // Hover overrides when scrolled past threshold
2620    logoWrap.addEventListener('mouseenter', showLogo);
2621    logoWrap.addEventListener('mouseleave', () => {
2622      if (window.scrollY > HIDE_AT) hideLogo();
2623    });
2624  });
2625</script>

2625
2626<!-- End Nav Logo Transition -->
2627
2628<!-- Open Nav Code Start -->

2629<script>
2630  document.addEventListener('DOMContentLoaded', function() {
2631    const navButton = document.querySelector('.header_mobile-nav-button');
2632    const nav = document.querySelector('.header_wrap');
2633    const navButtonsWrap = document.querySelector('.header_action-container');
2634    const body = document.body; // Get reference to body element
2635
2636    if (navButton && nav && navButtonsWrap) {
2637      navButton.addEventListener('click', function() {
2638        nav.classList.toggle('open');
2639        navButtonsWrap.classList.toggle('open');
2640
2641        // Toggle overflow:hidden on body when nav is open/closed
2642        if (nav.classList.contains('open')) {
2643          body.style.overflow = 'hidden';
2644        } else {
2645          body.style.overflow = '';  // Remove the overflow style
2646        }
2647      });
2648    } else {
2649    }
2650  });
2651</script>

2651
2652<!-- Open nav code end--></div><div class="w-embed"><style>
2653  .bs_hero-card_stroke:hover .bs_hero-card_hover-stroke {
2654    opacity: 1;
2655  }
2656
2657  @media (min-width: 992px) {
2658    .swiper-slide.cc-h2-social-proof.is-active {
2659      width: 52% !important;
2660    }
2661
2662    .swiper-slide.cc-h2-social-proof.is-active .slide_social-title {
2663      font-size: 3.5rem;
2664    }
2665  }
2666
2667  .swiper-slide.is-active .h2-tab_progress {
2668    display: block;
2669  }
2670</style></div></div><div class="header_wrapper"><div class="header_container container"><div class="header_logo-container"><a aria-label="Back to home" cc-t-event="item_clicked" cc-t-item="typeform_logo" cc-t-item_type="button" cc-t-location="header" 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" role="img" aria-labelledby="header-typeform-icon-title">
2671  <title id="header-typeform-icon-title">Typeform Icon</title>
2672  <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"/>
2673</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 250 55" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2674<path d="M206.788 42.5346C206.662 42.5346 206.561 42.433 206.561 42.3076V12.5393C206.561 12.4139 206.662 12.3122 206.788 12.3122H213.315C213.441 12.3122 213.542 12.4139 213.542 12.5393V16.2089C213.542 16.4683 213.967 16.5461 214.078 16.3114C214.619 15.1646 215.396 14.0309 216.409 13.2204C217.828 12.0852 219.54 11.5176 221.545 11.5176C225.574 11.5176 228.317 13.2424 229.776 16.6921C229.854 16.8772 230.121 16.8894 230.213 16.7109C231.075 15.0419 232.102 13.7838 233.295 12.9366C234.619 11.9906 236.322 11.5176 238.403 11.5176C242.055 11.5176 244.817 12.6339 246.69 14.8664C248.563 17.0801 249.5 20.0505 249.5 23.7778V42.1451C249.5 42.2683 249.401 42.3691 249.278 42.372L242.722 42.5291C242.595 42.5321 242.49 42.4296 242.49 42.3021V25.3954C242.49 20.2492 240.816 17.6761 237.467 17.6761C235.669 17.6761 234.231 18.5842 233.153 20.4005C232.093 22.198 231.564 24.7143 231.564 27.9496V42.3076C231.564 42.433 231.462 42.5346 231.337 42.5346H224.866C224.741 42.5346 224.639 42.433 224.639 42.3076V25.3954C224.639 24.4116 224.601 23.5602 224.525 22.8412C224.45 22.1033 224.298 21.4033 224.071 20.7411C223.863 20.06 223.57 19.5113 223.192 19.0951C222.832 18.6599 222.35 18.3193 221.744 18.0734C221.158 17.8085 220.458 17.6761 219.644 17.6761C215.69 17.6761 213.713 21.3371 213.713 28.6592V42.3076C213.713 42.433 213.611 42.5346 213.486 42.5346H206.788Z" fill="currentColor"/>
2675<path d="M193.051 12.3122C193.176 12.3122 193.278 12.4139 193.278 12.5393V16.5857C193.278 16.8367 193.659 16.9157 193.775 16.6933C195.365 13.6553 198.14 12.0829 202.1 11.9762C202.227 11.9728 202.331 12.0751 202.331 12.2016V18.4707C202.331 18.5961 202.229 18.6976 202.104 18.6987C200.724 18.7107 199.693 18.8334 199.011 19.0667C198.387 19.1991 197.828 19.3694 197.336 19.5775C196.863 19.7667 196.372 20.0884 195.861 20.5425C195.35 20.9965 194.924 21.5547 194.584 22.2169C194.262 22.8791 193.988 23.7683 193.761 24.8846C193.552 25.982 193.448 27.2591 193.448 28.7159V42.3076C193.448 42.433 193.347 42.5347 193.221 42.5347H186.524C186.398 42.5347 186.297 42.433 186.297 42.3076V12.5393C186.297 12.4139 186.398 12.3122 186.524 12.3122H193.051Z" fill="currentColor"/>
2676<path d="M127.7 34.1634C128.004 34.1634 128.222 34.4571 128.123 34.7449C127.168 37.5157 125.51 39.7152 123.149 41.3435C120.645 43.0653 117.587 43.9261 113.974 43.9261C109.387 43.9261 105.659 42.4598 102.792 39.5272

2676C99.944 36.5757 98.52 32.716 98.52 27.9481C98.52 24.9209 99.179 22.2059 100.498 19.8031C101.836 17.3813 103.681 15.4988 106.032 14.1554C108.383 12.7932 111.031 12.1121 113.974 12.1121C115.981 12.1121 117.807 12.4053 119.451 12.9918C121.095 13.5784 122.48 14.3825 123.608 15.4042C124.736 16.4258 125.692 17.6462 126.475 19.0652C127.259 20.4653 127.833 21.9694 128.196 23.5776C128.559 25.1669 128.75 26.8508 128.769 28.6293C128.769 28.9821 128.761 29.2919 128.746 29.5587C128.732 29.7895 128.537 29.9631 128.306 29.9631H105.91C105.639 29.9631 105.427 30.1995 105.468 30.4676C105.814 32.7477 106.7 34.5756 108.125 35.9513C109.673 37.4271 111.604 38.165 113.917 38.165C115.676 38.165 117.186 37.8339 118.447 37.1717C119.634 36.5578 120.493 35.6512 121.023 34.4518C121.099 34.28 121.266 34.1634 121.454 34.1634H127.7ZM105.553 24.5582C105.497 24.8318 105.711 25.0818 105.99 25.0818H121.265C121.536 25.0818 121.747 24.8455 121.706 24.5777C121.4 22.6103 120.639 20.9809 119.422 19.6895C118.103 18.2895 116.268 17.5894 113.917 17.5894C111.623 17.5894 109.731 18.2705 108.24 19.6328C106.864 20.872 105.969 22.5139 105.553 24.5582Z" fill="currentColor"/>
2677<path d="M0.895012 7.8269C0.644212 7.8269 0.440918 7.6236 0.440918 7.3729V2.009C0.440918 1.75823 0.644212 1.55493 0.895012 1.55493H31.829C32.08 1.55493 32.283 1.75823 32.283 2.009V7.3729C32.283 7.6236 32.08 7.8269 31.829 7.8269H20.534C20.283 7.8269 20.08 8.0302 20.08 8.281V42.5925C20.08 42.8433 19.877 43.0466 19.626 43.0466H13.098C12.848 43.0466 12.644 42.8433 12.644 42.5925V8.281C12.644 8.0302 12.441 7.8269 12.19 7.8269H0.895012Z" fill="currentColor"/>
2678<path d="M35.553 12.2585C35.747 12.2585 35.92 12.3812 35.983 12.5646C36.87 15.1443 38.159 18.8169 39.851 23.5822C41.617 28.4871 42.945 31.0541 43.834 33.6285C43.845 33.6598 43.875 33.6808 43.908 33.6808C43.942 33.6808 43.972 33.6582 43.982 33.6252C44.778 30.9166 46.05 28.01 47.797 22.5605C49.453 17.4537 50.526 14.1252 51.018 12.575C51.078 12.3861 51.252 12.2585 51.451 12.2585H57.907C58.222 12.2585 58.441 12.571 58.334 12.8669C55.693 20.203 53.581 25.9979 51.997 30.2515C50.37 34.6031 48.176 39.4041 45.413 47.0478C44.013 50.8508 41.525 52.7467 37.447 53.6529C34.572 54.2918 33.158 54.3272 32.574 54.2925C32.37 54.2803 32.231 54.1087 32.231 53.9036V48.4141C32.231 48.1801 32.409 47.9844 32.642 47.9621L34.729 47.7627C34.729 47.7627 37.113 47.3931 37.9 46.8565C39.158 45.9992 39.787 44.7822 40.166 43.6848C40.544 42.5874 40.248 41.7691 40.248 41.7691C38.791 37.9473 36.757 33.8936 34.146 27.2149C31.711 20.9392 29.868 16.1587 28.619 12.8732C28.506 12.5762 28.725 12.2585 29.043 12.2585H35.553Z" fill="currentColor"/>
2679<path d="M148.139 6.0243C148.139 6.3087 147.88 6.525 147.597 6.4956C146.901 6.4232 145.984 6.4079 145.193 6.4976C142.937 6.7532 142.101 9.1325 142.101 12.0903V13.0581C142.101 13.3089 142.304 13.5122 142.555 13.5122H147.685C147.936 13.5122 148.139 13.7155 148.139 13.9663V18.9742C148.139 19.2249 147.936 19.4282 147.685 19.4282H142.555C142.304 19.4282 142.101 19.6315 142.101 19.8823V42.5247C142.101 42.7736 141.9 42.9762 141.651 42.9787L135.69 43.0397C135.438 43.0423 135.232 42.8383 135.232 42.5857V19.8823C135.232 19.6315 135.028 19.4282 134.778 19.4282H131.731C131.48 19.4282 131.277 19.2249 131.277 18.9742V13.9663C131.277 13.7155 131.48 13.5122 131.731 13.5122H135.021C135.272 13.5122 135.476 13.3088 135.48 13.0577C135.489 12.5443 135.514 11.6907 135.59 11.0015C135.707 9.9399 135.591 0.0688477 145.281 0.0688477H147.685C147.936 0.0688477 148.139 0.272138 148.139 0.522918V6.0243Z" fill="currentColor"/>
2680<path d="M79.5421 11.8708C87.8661 11.8709 94.6141 18.9837 94.6141 27.7576C94.6141 36.5316 87.8661 43.6442 79.5421 43.6443C75.6811 43.6442 72.1581 42.1128 69.4921 39.5949C69.2681 39.3836 68.8871 39.5379 68.8871 39.8457V54.668C68.8871 54.8561 68.7351 55.0085 68.5471 55.0085H62.1901C62.0021 55.0085 61.8491 54.8561 61.8491 54.668V12.6743C61.8491 12.4862 62.0021 12.3337 62.1901 12.3337H68.5471C68.7351 12.3337 68.8871 12.4862 68.8871 12.6743V15.6686C68.8871 15.9763 69.2681 16.1306 69.4921 15.9194C72.1581 13.4018 75.6811 11.871 79.5421 11.8708ZM78.2101 17.9099C73.0871 17.9099 68.9341 22.2952 68.9341 27.7039C68.9341 33.1124 73.0871 37.4968 78.2101 37.4968C83.3331 37.4967 87.4871 33.1123 87.4871 27.7039C87.4871 22.2953 83.3331 17.91 78.2101 17.9099Z" fill="currentColor"/>
2681<path d="M165.985 12.1121C174.77 12.1121 181.891 19.1581 181.891 27.8494C181.891 36.5406 174.77 43.5866 165.985 43.5867C157.2 43.5867 150.078 36.5406 150.078 27.8494C150.078 19.1581 157.2 12.1121 165.985 12.1121ZM165.985 17.8298C161.018 17.8299 156.992 22.3411 156.992 27.906C156.992 33.4707 161.019 37.9821 165.985 37.9822C170.952 37.9822 174.978 33.4707 174.978 27.906C174.978 22.3411 170.952 17.8298 165.985 17.8298Z" fill="currentColor"/>
2682</svg></div></div></a></div><div cc-t-id="nav" class="nav_wrap"><ul role="list" class="nav_list"><li class="nav_list-item-wrapper"><div data-hover="true" data-delay="600" class="nav_dropdown_wrap w-dropdown"><div aria-label="open products dropdown menu" data-toggle-aria-expanded="" aria-expanded="false" class="nav_list-item w-dropdown-toggle"><div>Platform</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

2682ox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2683<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2684</svg></div><div class="w-layout-vflex nav_safearea-component"><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip"><div class="nav_safearea-space"></div></div><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip is-right"><div class="nav_safearea-space is-right"></div></div></div></div><nav class="nav_dropdown-wrapper w-dropdown-list"><div class="nav_dropdown-container"><div class="nav_dropdown-layout container"><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375ab42c8930413657d9c4_by-workflow.svg" loading="eager" alt="By workflow icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">Platform</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="/platform-overview" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Platform overview</div></div><div class="nav_dropdown-item-subtext">What is Typeform?</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/ai" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Typeform AI</div></div><div class="nav_dropdown-item-subtext">Your AI know-pilot</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/mcp" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Typeform MCP</div><span data-wf--atom-tag--variant="base---small" class="h2-tag_wrap w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90"><p class="h2-tag w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90">New</p></span></div><div class="nav_dropdown-item-subtext">Use Typeform from your AI tools</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/growth" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Growth Flow</div><span data-wf--atom-tag--variant="base---small" class="h2-tag_wrap w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90"><p class="h2-tag w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90">New</p></span></div><div class="nav_dropdown-item-subtext">Automated workflows for GTM teams</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/research-flow" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Research Flow</div><span data-wf--atom-tag--variant="base---small" class="h2-tag_wrap w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90"><p class="h2-tag w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90">New</p></span></div><div class="nav_dropdown-item-subtext">AI-moderated research studies</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/contacts-and-automations" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Contacts &amp;Â Automations</div></div><div class="nav_dropdown-item-subtext">Automated workflows to grow your business</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/video" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Video engagement</div></div><div class="nav_dropdown-item-subtext">Interactive video forms</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/reporting" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Analytics and reporting</div></div><div class="nav_dropdown-item-subtext">Answers you can act on</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/connect" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Integrations</div></div><div class="nav_dropdown-item-subtext">Connect all your apps</div></a></li></ul></div><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375a5cdafef0ffc3a91a30_tools.svg" loading="eager" alt="Tools icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">Tools</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="/forms" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Form builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/surveys" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Survey maker</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/quizzes" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Quiz maker</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/test-maker" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Test maker</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/poll-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Poll builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/application-form-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Application form builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/landing-page-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Landing page builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/nps-form-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">NPS form builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/registration-form-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Registration form builder</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/short-form-builder" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Short form builder</div></div></a></li></ul></div><div class="nav_dropdown-col is-double"><div class="nav_dropdown-group"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375a6cf9a63e7d3979771f_templates.svg" loading="eager" alt="Templates icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">TEMPLATES</h3></div><div class="nav-dropdown_featured-card"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728980930be4e4c95cb4a17_templates-image.webp" loading="lazy" alt="ZoDigital branded web form mockup asking for email with creative collage illustrations" sizes="100vw" srcset="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728980930be4e4c95cb4a17_templates-image-p-500.webp 500w, https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728980930be4e4c95cb4a17_templates-image.webp 564w" class="nav-dropdown_featured-img"/><div class="nav_dropdown-featured-content"><p class="text-xs tablet-hide">Free form, survey, and quiz templates</p><a setting-size="small" href="/templates" class="text-button w-inline-block"><div class="text-button_label"><div>Choose one â</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><a href="/templates" class="u-link-cover w-inline-block"></a></div></div><div class="nav_dropdown-group"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6932f169e61db9651f6ac1db_Star.svg" loading="eager" alt="Star icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">Research Flow</h3></div><div class="nav-dropdown_featured-card"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/69fdd20b567b702dcc4f2c1e_d3643b1ac0dde821cc4b3cf33ae935ad_RESEARCH%20FLOW.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/69fdd20b567b702dcc4f2c1e_d3643b1ac0dde821cc4b3cf33ae935ad_RESEARCH%20FLOW-p-500.avif 500w, https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/69fdd20b567b702dcc4f2c1e_d3643b1ac0dde821cc4b3cf33ae935ad_RESEARCH%20FLOW-p-800.avif 800w, https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/69fdd20b567b702dcc4f2c1e_d3643b1ac0dde821cc4b3cf33ae935ad_RESEARCH%20FLOW-p-1080.avif 1080w, https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/69fdd20b567b702dcc4f2c1e_d3643b1ac0dde821cc4b3cf33ae935ad_RESEARCH%20FLOW.avif 1354w" class="nav-dropdown_featured-img"/><div class="nav_dropdown-featured-content"><p class="text-xs tablet-hide">Run in-depth AI-moderated studies in hours</p><a setting-size="small" href="/research-flow" class="text-button w-inline-block"><div class="text-button_label"><div>Learn more â</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><a href="/research-flow" class="u-link-cover w-inline-block"></a></div></div></div></div></div></nav></div></li><li class="nav_list-item-wrapper"><div data-hover="true" data-delay="0" class="nav_dropdown_wrap w-dropdown"><div aria-label="open solutions dropdown menu" data-toggle-aria-expanded="" aria-expanded="false" class="nav_list-item w-dropdown-toggle"><div>Solutions</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

2684ox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2685<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2686</svg></div><div class="w-layout-vflex nav_safearea-component"><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip"><div class="nav_safearea-space"></div></div><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip is-right"><div class="nav_safearea-space is-right"></div></div></div></div><nav class="nav_dropdown-wrapper w-dropdown-list"><div class="nav_dropdown-container"><div class="nav_dropdown-layout container"><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375aa8a110d47d7acfb9c7_by-team.svg" loading="eager" alt="By team icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">TEAMS</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="/roles/b2b-marketing" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Marketing</div></div><div class="nav_dropdown-item-subtext">For B2B and B2C marketing</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/templates-category/product" aria-current="page" class="nav_dropdown-item w-inline-block w--current"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Product</div></div><div class="nav_dropdown-item-subtext">For product, UX, and research</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/roles/hr" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Human resources</div></div><div class="nav_dropdown-item-subtext">For HR, ops, and talent </div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/templates-category/customer-success" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Customer success</div></div><div class="nav_dropdown-item-subtext">For CS and education</div></a></li></ul></div><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375aaecd165310a5548a98_by-goal.svg" loading="eager" alt="By goal icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">USE CASES</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/use-case/lead-generation" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Lead generation</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/use-case/employee-onboarding" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Employee onboarding</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/use-case/employee-satisfaction" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Employee satisfaction</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/use-case/employee-engagement" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Employee engagement</div></div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/use-case/customer-feedback" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Customer feedback</div></div></a></li></ul><a setting-size="small" href="/use-case-gallery" class="text-button w-inline-block"><div class="text-button_label"><div>View all use cases â </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 class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375ab42c8930413657d9c4_b

2686y-workflow.svg" loading="eager" alt="By workflow icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">Plans</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="/pricing" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Core</div></div><div class="nav_dropdown-item-subtext">Plans for everyone</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/growth" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Growth</div><span data-wf--atom-tag--variant="base---small" class="h2-tag_wrap w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90"><p class="h2-tag w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90">New</p></span></div><div class="nav_dropdown-item-subtext">Plans for GTM teams</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/research-flow" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Research Flow</div><span data-wf--atom-tag--variant="base---small" class="h2-tag_wrap w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90"><p class="h2-tag w-variant-1559ac84-7f91-874d-01bc-28ceb6b74e90">New</p></span></div><div class="nav_dropdown-item-subtext">Plans for research teams</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://www.typeform.com/pricing/talent" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Talent</div></div><div class="nav_dropdown-item-subtext">Plans for HR and people teams</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/enterprise" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Enterprise</div></div><div class="nav_dropdown-item-subtext">Plans for larger orgs</div></a></li></ul></div></div></div></nav></div></li><li class="nav_list-item-wrapper"><div data-hover="true" data-delay="0" class="nav_dropdown_wrap w-dropdown"><div aria-label="open resource dropdown menu" aria-expanded="" data-toggle-aria-expanded="" class="nav_list-item w-dropdown-toggle"><div>Resources</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2687<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2688</svg></div><div class="w-layout-vflex nav_safearea-component"><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip"><div class="nav_safearea-space"></div></div><div data-navarea="wing" class="w-layout-vflex nav_safearea-clip is-right"><div class="nav_safearea-space is-right"></div></div></div></div><nav class="nav_dropdown-wrapper w-dropdown-list"><div class="nav_dropdown-container"><div class="nav_dropdown-layout container"><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375ac0a6e0ef84250e5219_support.svg" loading="eager" alt="Support icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">SUPPORT</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="https://help.typeform.com/hc/en-us" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Help center</div></div><div class="nav_dropdown-item-subtext">Find quick answers</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://community.typeform.com/" target="_blank" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Community</div></div><div class="nav_dropdown-item-subtext">Share and interact</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="https://help.typeform.com/hc/en-us/requests/new" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Contact us</div></div><div class="nav_dropdown-item-subtext">

2688Speak to our team</div></a></li></ul></div><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375ac624e6fdcc9b2b3576_company.svg" loading="eager" alt="Company icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs u-lh-none">COMPANY</h3></div><ul role="list" class="nav_dropdown-list"><li class="nav_dropdown-list-item-wrapper"><a href="/partners" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Partners</div></div><div class="nav_dropdown-item-subtext">Browse or join</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/careers" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Careers</div></div><div class="nav_dropdown-item-subtext">Join our team</div></a></li><li class="nav_dropdown-list-item-wrapper"><a href="/webinars" class="nav_dropdown-item w-inline-block"><div class="nav_dropdown-item-top"><div cc-t-id="nav_submenu_item">Webinars</div></div><div class="nav_dropdown-item-subtext">Learn and get inspired</div></a></li></ul></div><div class="nav_dropdown-col"><div class="nav_dropdown-heading"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/67375acdf40b29fce17611bf_blog.svg" loading="eager" alt="Blog icon" class="nav_dropdown-heading-icon"/><h3 class="text-xs">BLOG</h3></div><div class="nav-dropdown_featured-card"><img src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728984348319096fff227cb_blog-image.webp" loading="lazy" alt="Illustration of a web page layout with a hand reaching for an envelope and purple geometric shapes" sizes="100vw" srcset="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728984348319096fff227cb_blog-image-p-500.webp 500w, https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/6728984348319096fff227cb_blog-image.webp 564w" class="nav-dropdown_featured-img"/><div class="nav_dropdown-featured-content"><p class="text-xs tablet-hide">Our guides, latest news, and more.</p><a setting-size="small" href="/blog" class="text-button w-inline-block"><div class="text-button_label"><div>Browse blog â</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><a href="/blog" class="u-link-cover w-inline-block"></a></div></div></div></div></nav></div></li><li class="nav_list-item-wrapper"><a id="temp_performance_pricing_link" href="/pricing" class="nav_list-item w-inline-block"><div>Pricing</div></a></li></ul><div class="cc_t-nav code w-embed w-script">

2688<script>
2689const mainMenuLinks = document.querySelectorAll('[cc-t-id="nav"] .nav_list-item');
2690mainMenuLinks.forEach((linkElement) => {
2691	linkElement.addEventListener('click', () => {
2692		window.trackingHelper.trackItemClicked({
2693			item: 'mainmenu',
2694			item_type: 'menu',
2695			label: window.trackingHelper.snakeCase(linkElement.textContent),
2696			link_url: linkElement.href,
2697		})
2698	});
2699  let mainMenuHoverTimer;
2700  linkElement.addEventListener('mouseenter', () => {
2701    mainMenuHoverTimer = setTimeout(() => {
2702      console.log('Hovered for 0.5 seconds!');
2703      window.trackingHelper.trackItemClicked({
2704				item: 'mainmenu',
2705				item_type: 'menu',
2706				label: window.trackingHelper.snakeCase(linkElement.textContent),
2707				link_url: linkElement.href
2708			})
2709    }, 500);
2710  });
2711  linkElement.addEventListener('mouseleave', () => {
2712    clearTimeout(mainMenuHoverTimer);
2713  });
2714});
2715
2716const submenuLinks = document.querySelectorAll('[cc-t-id="nav"] a.nav_dropdown-item');
2717submenuLinks.forEach((linkElement) => {
2718    linkElement.addEventListener('click', () => {
2719        const submenuItem = linkElement.querySelector('[cc-t-id="nav_submenu_item"]');
2720        window.trackingHelper.trackItemClicked({
2721            item: 'submenu',
2722            item_type: 'menu',
2723            label: window.trackingHelper.snakeCase(submenuItem?.textContent || ''),
2724            link_url: linkElement.href,
2725        })
2726    });
2727});
2728</script>

2728</div><div class="cc_nav-safearea code w-embed"><style>
2729  /* Nav Open Safe Area */
2730  [data-navarea='wing'],
2731  [data-navarea='wing'] * {
2732    display: none;
2733    pointer-events: none;
2734  }
2735  .w-dropdown-toggle.w--open [data-navarea='wing'],
2736  [data-navarea='wing'] * {
2737    display: flex;
2738  }
2739  .w-dropdown-toggle.w--open [data-navarea='wing'] * {
2740    pointer-events: auto;
2741  }
2742</style></div></div><div class="header_actions-wrapper"><div cc-target="header-auth-actions" class="header_action-container"><a cc-t-global-skip="self" setting-size="large" cc-t-event="item_clicked" cc-t-item="login" cc-t-item_type="button" cc-t-location="header" href="https://admin.typeform.com/login/" class="text-button is-nav-tertiary w-inline-block"><div class="text-button_label"><div>Log in</div></div></a><a cc-t-global-skip="self" cc-t-event="item_clicked" cc-t-item="contact_sales" cc-t-item_type="button" cc-t-location="header" href="https://tfsales.typeform.com/to/PxcVKQGb?source=website&amp;source2=navigation" target="_blank" class="button is-nav-cs w-inline-block"><div>Contact sales</div></a><a cc-t-item_type="button" class="button is-mob-nav 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 cc-target="header-user-component" class="user-components_wrap"><div data-hover="false" data-delay="0" class="user-components_component w-dropdown"><div class="user-components_dropdown-toggle w-dropdown-toggle"><div cc-target="header-avatar" class="user-components_avatar"></div></div><nav class="user-components_dropdown-wrapper w-dropdown-list"><div cc-t-in_view_allow_multipe="true" cc-t-event="menu_opened" cc-t-in_view="true" cc-t-menu="user_logged_in" class="user-components_dropdown-container"><div class="user-components_user-details"><div cc-target="header-avatar" class="user-components_avatar"></div><div class="user-components_detail-wrapper"><p id="nav-user-name" cc-target="header-dropdown-user-name" class="text-xs u-text-bold">Name</p><p id="nav-user-email" cc-target="header-dropdown-user-email" class="text-color-secondary text-xs text-overflow-ellipsis">[email protected]</p></div></div><div class="user-components_user-menu"><a cc-t-location="user_logged_in_menu" cc-t-event="item_clicked" cc-t-item="redirect_to_page" cc-t-item_type="menu" href="https://admin.typeform.com/" class="user-components_menu-item w-dropdown-link">My forms</a><a cc-t-location="user_logged_in_menu" cc-t-event="item_clicked" cc-t-item="redirect_to_page" cc-t-item_type="menu" href="https://admin.typeform.com/?cello-open=true" class="user-components_menu-item w-dropdown-link">Refer friends, get referrals</a><a cc-t-global-skip="self" cc-t-event="item_clicked" cc-t-item="logout" cc-t-item_type="menu" cc-t-location="user_logged_in_menu" href="https://admin.typeform.com/login/logout" class="user-components_menu-item is-logout w-dropdown-link">Log out</a></div></div></nav></div></div><div class="header_mobile-action-buttons-wrapper"><div class="header_mobile-action-buttons"><a id="nav-mobile-signup" setting-size="small" setting-variant="primary" data-wf--atom-button--variant="base" href="https://admin.typeform.com/signup" class="button w-inline-block"><div>Sign up</div></a></div><button aria-expanded="false" aria-label="open mobile navigation menu" data-toggle-aria-expanded="" class="header_mobile-nav-button"><div class="nav-button"><div class="nav-button_wrap"><div class="nav-button_line"></div><div class="nav-button_line"></div><div class="nav-button_line"></div></div></div></button></div></div></div></div><div class="code"><div class="cc_navigation-bar-auth_code w-embed w-script"><style>
2743  [cc-target="header-user-component"].cc-state-active {
2744    display: block;
2745  }
2746
2747  [cc-target="header-auth-actions"].cc-state-inactive {
2748    display: none;
2749  }
2750
2751  [cc-target="header-user-component"].cc-state-active [cc-target="header-avatar"] {
2752    background-image: none;
2753    background-position: unset;
2754    position: relative;
2755    overflow: hidden;
2756  }
2757
2758  [cc-target="header-avatar__initials"] {
2759    font: 500 13px / 123% -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2760    color: #3d3d3c;
2761    position: absolute;
2762    top: 0;
2763    right: 0;
2764    bottom: 0;
2765    left: 0;
2766    display: inline-flex;
2767    justify-content: center;

2768    align-items: center;
2769    z-index: 98;
2770  }
2771
2772  [cc-target="header-avatar__gravatar"] {
2773    position: absolute;
2774    top: 0;
2775    right: 0;
2776    width: 100%;
2777    height: 100%;
2778    border-radius: 50%;
2779    z-index: 99;
2780  }
2781
2782  /* Hide .header_mobile-action-buttons if [cc-target="header-auth-actions"] has the class cc-state-inactive */
2783  body:has([cc-target="header-auth-actions"].cc-state-inactive) .header_mobile-action-buttons {
2784    display: none;
2785  }
2786
2787  @keyframes cc-avatar-state-loading-animation {
2788    0% {
2789      opacity: 1;
2790    }
2791
2792    50% {
2793      opacity: 0.5;
2794    }
2795
2796    100% {
2797      opacity: 1;
2798    }
2799  }
2800
2801  [cc-avatar-state="loading"] {
2802    animation: 1.5s ease-in-out 0.5s infinite cc-avatar-state-loading-animation;
2803    background-color: #CFCFCE;
2804  }
2805</style>

2806<script>
2807  (function () {
2808    const userEmail = Cookies.get('tf_email');
2809    if (!userEmail) {
2810      return;
2811    }
2812
2813    const colorMapping = {
2814      bgGroup6: "#cfcfce",
2815      bgGroup1: "#b5ddfc",
2816      bgGroup2: "#e6cef3",
2817      bgGroup3: "#fdccc3",
2818      bgGroup4: "#a8e6bd",
2819      bgGroup5: "#f4d39f",
2820    }
2821
2822    const getBgGroupBasedOnLetter = (letter) => {
2823      const groups = [/[a-e]/i, /[f-j]/i, /[k-n]/i, /[o-r]/i, /[s-v]/i, /[w-z]/i]
2824      let index = groups.findIndex((regex) => regex.test(letter))
2825
2826      // Fixing issues with non letter strings
2827      if (index === -1) {
2828        index = 0
2829      }
2830
2831      return {
2832        name: `bgGroup${index + 1}`,
2833        number: index,
2834      }
2835    }
2836
2837    const getBackgroundColorForGroup = (groupName) => {
2838      return colorMapping[groupName]
2839    }
2840
2841    const getInitials = (fullName) => {
2842      const [firstName, ...rest] = fullName.split(' ')
2843      const lastName = rest.pop() ?? ''
2844      return `${firstName[0] ?? ''}${lastName[0] ?? ''}`
2845    }
2846
2847    const loadMd5Script = () => {
2848      return new Promise((resolve, reject) => {
2849        const md5Script = document.createElement('script');
2850        md5Script.id = "md5-script";
2851        md5Script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/md5.min.js';
2852        document.head.appendChild(md5Script);
2853
2854        md5Script.addEventListener('load', () => {
2855          resolve()
2856        });
2857        md5Script.addEventListener('error', () => {
2858          reject()
2859        });
2860      })
2861    }
2862
2863    const getUser = () => {
2864      return fetch('https://api.typeform.com/me', {
2865        method: 'GET',
2866        credentials: "include",
2867      })
2868        .then(response => response.json())
2869    }
2870
2871    const authActionsSelector = '[cc-target="header-auth-actions"]'
2872    const headerUserComponentSelector = '[cc-target="header-user-component"]'
2873    const avatarSelector = '[cc-target="header-avatar"]';
2874    const dropdownUserNameSelector = '[cc-target="header-dropdown-user-name"]';
2875    const dropdownUserEmailSelector = '[cc-target="header-dropdown-user-email"]';
2876
2877    const avatarElements = document.querySelectorAll(avatarSelector);
2878    const headerUserComponent = document.querySelector(headerUserComponentSelector);
2879    const authActionsElement = document.querySelector(authActionsSelector);
2880
2881    authActionsElement.classList.add('cc-state-inactive');
2882    headerUserComponent.classList.add('cc-state-active');
2883    headerUserComponent.style.pointerEvents = 'none';
2884    avatarElements.forEach(avatarElement => {
2885      avatarElement.setAttribute('cc-avatar-state', 'loading');
2886    });
2887
2888    Promise.allSettled([loadMd5Script(), getUser()])
2889      .then(([md5ScriptResult, userResult]) => {
2890        const canUseGravatar = md5ScriptResult.status === 'fulfilled';
2891        const userInfo = userResult.status === 'fulfilled' && userResult.value;
2892        const userName = userInfo?.name || userInfo?.alias || '';
2893        const initials = getInitials(userName || userEmail || '').toUpperCase();
2894        const bgGroup = getBgGroupBasedOnLetter(initials[0]);
2895        const backgroundColor = getBackgroundColorForGroup(bgGroup.name);
2896
2897        avatarElements.forEach(avatarElement => {
2898          if (canUseGravatar) {
2899            const gravatarElement = document.createElement('img');
2900            gravatarElement.src = canUseGravatar ? `https://www.gravatar.com/avatar/${MD5(userEmail)}?d=blank` : '';
2901            gravatarElement.setAttribute("cc-target", "header-avatar__gravatar");
2902            avatarElement.appendChild(gravatarElement);
2903          }
2904
2905          const initialsElement = document.createElement('span');
2906          initialsElement.textContent = initials;
2907          initialsElement.setAttribute("cc-target", "header-avatar__initials");
2908
2909          const dropdownUserNameElement = document.querySelector(dropdownUserNameSelector);
2910          const dropdownUserEmailElement = document.querySelector(dropdownUserEmailSelector);
2911
2912          dropdownUserNameElement.textContent = userName || userEmail.split('@')[0];
2913          dropdownUserEmailElement.textContent = userEmail;
2914
2915          avatarElement.appendChild(initialsElement);
2916          avatarElement.style.backgroundColor = backgroundColor;
2917        });
2918      })
2919      .catch(error => {
2920        // sth went wrong, show auth actions back;
2921        authActionsElement.classList.remove('cc-state-inactive');
2922        headerUserComponent.classList.remove('cc-state-active');
2923      }).finally(() => {
2924        headerUserComponent.style.pointerEvents = 'unset';

2925        avatarElements.forEach(avatarElement => {
2926          avatarElement.removeAttribute('cc-avatar-state');
2927        });
2928      });
2929
2930    window.addEventListener('user:loading', () => {
2931      authActionsElement.classList.add('cc-state-inactive');
2932      headerUserComponent.classList.add('cc-state-active');
2933      headerUserComponent.style.pointerEvents = 'none';
2934      avatarElements.forEach(avatarElement => {
2935        avatarElement.setAttribute('cc-avatar-state', 'loading');
2936      });
2937    });
2938
2939    window.addEventListener('user:initial', () => {
2940      authActionsElement.classList.remove('cc-state-inactive');
2941      headerUserComponent.classList.remove('cc-state-active');
2942      headerUserComponent.style.pointerEvents = 'unset';
2943      avatarElements.forEach(avatarElement => {
2944        avatarElement.removeAttribute('cc-avatar-state');
2945      });
2946    });
2947  })();
2948</script>

2948</div><div class="cc_progress-bar_code w-embed w-script">

2948<script>
2949document.addEventListener('DOMContentLoaded', function() {
2950  // Get all required elements
2951  const contentContainer = document.querySelector('[data-progress-bar-item="content"]');
2952  const progressBar = document.querySelector('[data-progress-bar-item="bar"]');
2953  const progressIndicator = document.querySelector('[data-progress-bar-item="fill"]');
2954
2955  // Check if all required elements exist
2956  if (!contentContainer || !progressBar || !progressIndicator) {
2957    return;
2958  }
2959
2960  function updateProgressBar() {
2961    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2962    const scrollHeight = contentContainer.scrollHeight - document.documentElement.clientHeight;
2963    const containerBottom = contentContainer.getBoundingClientRect().bottom;
2964
2965    // Stop progress at 100% once the bottom of contentContainer is visible
2966    if (containerBottom <= window.innerHeight) {
2967      progressIndicator.style.width = '100%';
2968    } else {
2969      const progress = (scrollTop / scrollHeight) * 100;
2970      progressIndicator.style.width = `${Math.min(progress, 100)}%`;
2971    }
2972  }
2973
2974  window.addEventListener('scroll', updateProgressBar);
2975  updateProgressBar(); // Call the function once to set the initial progress
2976});
2977</script>

2977</div></div></nav><main class="main"><div class="template-sidebar_layout"><div class="sidebar-layout_container container grid"><div class="template-sidebar_mobile-button-wrap"><button aria-expanded="false" class="template-sidebar_mobile-button"><div>See all categories</div><div class="button_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">
2978<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7099 5.29279C14.1005 4.90236 14.7337 4.9025 15.1241 5.29312L20.4145 10.586C21.1952 11.367 21.1952 12.6331 20.4145 13.4141L15.1241 18.707C14.7337 19.0976 14.1005 19.0978 13.7099 18.7073C13.3193 18.3169 13.3191 17.6837 13.7096 17.2931L18.0006 13.0001H4C3.44772 13.0001 3 12.5524 3 12.0001C3 11.4478 3.44772 11.0001 4 11.0001H18.0006L13.7095 6.707C13.3191 6.31639 13.3193 5.68322 13.7099 5.29279Z" fill="currentColor"/>
2979</svg></div></button></div><div id="w-node-_3beb232d-3a38-ac4b-ae38-c9dbb73d3af4-b73d3af4" class="template-sidebar_wrapper"><div class="template-sidebar_wrap"><div class="template-sidebar_mobile-header"><button aria-label="close category menu" class="template-sidebar_mobile-close-button"><div class="button_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">
2980<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"/>
2981</svg></div></button></div><div class="template-sidebar_english"><div class="templates-sidebar_menu-wrapper"><div class="sidebar-heading left-padding"><p class="text-sm u-text-bold">Roles</p></div><div class="w-dyn-list"><div role="list" class="sidebar-menu_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates-category/sales" class="sidebar-item w-inline-block"><div class="is-sub">Sales</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/product" aria-current="page" class="sidebar-item w-inline-block w--current"><div class="is-sub">Product</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/marketing" class="sidebar-item w-inline-block"><div class="is-sub">Marketing</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/human-resources" class="sidebar-item w-inline-block"><div class="is-sub">Human resources</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/customer-success" class="sidebar-item w-inline-block"><div class="is-sub">Customer success</div></a></div></div></div></div><div class="templates-sidebar_menu-wrapper"><div class="sidebar-heading left-padding"><p class="text-sm u-text-bold">Goals</p></div><div class="w-dyn-list"><div role="list" class="sidebar-menu_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates-category/get-feedback" class="sidebar-item w-inline-block"><div class="is-sub">Get feedback</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/make-sales" class="sidebar-item w-inline-block"><div class="is-sub">Make sales</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/plan-events" class="sidebar-item w-inline-block"><div class="is-sub">Plan events</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/conduct-research" class="sidebar-item w-inline-block"><div class="is-sub">Conduct research</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/engage-audience" class="sidebar-item w-inline-block"><div class="is-sub">Engage audience</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/recruit-talent" class="sidebar-item w-inline-block"><div class="is-sub">Recruit talent</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-category/generate-leads" class="sidebar-item w-inline-block"><div class="is-sub">Generate leads</div></a></div></div></div></div><div class="templates-sidebar_menu-wrapper"><div class="sidebar-heading left-padding"><p class="text-sm u-text-bold">Form Type</p></div><div class="sidebar-menu_list"><div data-hover="false" data-delay="0" class="sidebar-dropdown-item_wrap w-dropdown"><div data-toggle-aria-expanded="" aria-expanded="false" class="sidebar-item_wrap w-dropdown-toggle"><div>Forms</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

2981ox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2982<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2983</svg></div></div><nav cc-t-item_type="menu" cc-t-event="item_clicked" cc-t-in_view="true" cc-t-in_view_allow_multipe="true" cc-t-item="expand_menu" class="sidebar-dropdown-item_list w-dropdown-list"><div class="w-dyn-list"><div role="list" class="sidebar-menu_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/event-registration" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Event registration forms</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/feedback-forms" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Feedback forms</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/booking" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Booking forms</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/employment" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Employment forms</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/healthcare-forms" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Healthcare forms</div></a></div></div></div><a href="/templates-category/forms" class="sidebar-item w-inline-block is-sub is-seemore"><div class="is-sub">See all forms</div></a></nav></div><div data-hover="false" data-delay="0" class="sidebar-dropdown-item_wrap w-dropdown"><div class="sidebar-item_wrap w-dropdown-toggle"><div>Surveys</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2984<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2985</svg></div></div><nav cc-t-item_type="menu" cc-t-event="item_clicked" cc-t-in_view="true" cc-t-in_view_allow_multipe="true" cc-t-item="expand_menu" class="sidebar-dropdown-item_list w-dropdown-list"><div class="w-dyn-list"><div role="list" class="sidebar-menu_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/marketing-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Marketing surveys</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/product-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Product surveys</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/business-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Business surveys</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/evaluation-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Evaluation surveys</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/human-resources-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Human resources surveys</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/healthcare-surveys" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Healthcare surveys</div></a></div></div></div><a href="/templates-category/surveys" class="sidebar-item w-inline-block is-seemore is-sub"><div class="is-sub">See all surveys</div></a></nav></div><div data-hover="false" data-delay="0" class="sidebar-dropdown-item_wrap w-dropdown"><div class="sidebar-item_wrap w-dropdown-toggle"><div>Quizzes</div><div class="nav_list-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

2985ox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2986<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 5.88971C13.0732 6.18261 13.0732 6.65748 12.7803 6.95037L8.88387 10.8468C8.39572 11.335 7.60426 11.335 7.11611 10.8468L3.21967 6.95037C2.92678 6.65748 2.92678 6.18261 3.21967 5.88971C3.51256 5.59682 3.98744 5.59682 4.28033 5.88971L7.99999 9.60938L11.7197 5.88971C12.0126 5.59682 12.4874 5.59682 12.7803 5.88971Z" fill="currentColor"/>
2987</svg></div></div><nav cc-t-item_type="menu" cc-t-event="item_clicked" cc-t-in_view="true" cc-t-in_view_allow_multipe="true" cc-t-item="expand_menu" class="sidebar-dropdown-item_list w-dropdown-list"><div class="w-dyn-list"><div role="list" class="sidebar-menu_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/popular-quizzes" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Popular quizzes</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/marketing-quizzes" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Marketing quizzes</div></a></div><div role="listitem" class="w-dyn-item"><a href="/templates-sub-category/lead-generation-quizzes" class="sidebar-item w-inline-block is-sub"><div class="is-sub">Lead Generation Quizzes</div></a></div></div></div><a href="/templates-category/quizzes" class="sidebar-item w-inline-block is-seemore is-sub"><div class="is-sub">See all quizzes</div></a></nav></div><a href="/templates-category/polls" class="sidebar-item w-inline-block"><div class="is-sub">Polls</div></a></div></div></div></div><div class="cc_templates-nav code w-embed"><style>
2988/* Ensure the default state is not rotated */
2989.nav_list-item-icon.w-embed {
2990    transform: rotate(0deg);
2991    transition: transform 0.3s ease;
2992}
2993/* Rotating the child nav_list-item-icon w-embed when the parent w-dropdown-toggle has w--open */
2994.sidebar-item_wrap.w-dropdown-toggle.w--open .nav_list-item-icon.w-embed {
2995    transform: rotate(180deg);
2996    transition: transform 0.3s ease; /* Smooth rotation transition */
2997}
2998</style></div><div class="cc_t-templates-nav code w-embed w-script">

2998<script>
2999// Menu Category Links (excluding submenu items)
3000const templatesSidebarMenuCategoryLinks = document.querySelectorAll('.sidebar-item:not(.is-sub)');
3001templatesSidebarMenuCategoryLinks.forEach((linkElement) => {
3002    linkElement.addEventListener('click', () => {
3003        const menuWrapper = linkElement.closest('.templates-sidebar_menu-wrapper');
3004        const sectionName = menuWrapper?.querySelector('.sidebar-heading p')?.textContent?.trim() || '';
3005        const itemText = linkElement.textContent.trim();
3006        
3007        const snakeCaseSection = window.trackingHelper.snakeCase(sectionName);
3008        const snakeCaseItem = window.trackingHelper.snakeCase(itemText);
3009        
3010        const label = `${snakeCaseSection}:${snakeCaseItem}`;
3011        
3012        window.trackingHelper.trackItemClicked({
3013            item: 'menu_category',
3014            item_type: 'menu',
3015            label: label
3016        });
3017    });
3018});
3019
3020// Sub Menu Links
3021const templatesSidebarSubMenuLinks = document.querySelectorAll('.sidebar-dropdown-item_wrap .sidebar-item');
3022templatesSidebarSubMenuLinks.forEach((linkElement) => {
3023    linkElement.addEventListener('click', () => {
3024        // Get the dropdown wrapper
3025        const dropdownWrapper = linkElement.closest('.sidebar-dropdown-item_wrap');
3026        
3027        // Get the section name (hardcoded as 'form_type' per requirements)
3028        const sectionName = 'form_type';
3029        
3030        // Get the main dropdown item text (Forms)
3031        const itemText = dropdownWrapper
3032            ?.querySelector('.w-dropdown-toggle div:first-child')
3033            ?.textContent
3034            ?.trim() || 'Unknown Item';
3035            
3036        // Get the sub-item text (Event registration forms, etc)
3037        const subItemText = linkElement.textContent.trim();
3038        
3039        // Convert all parts to snake case using the provided helper
3040        const snakeCaseItem = window.trackingHelper.snakeCase(itemText);
3041        const snakeCaseSubItem = window.trackingHelper.snakeCase(subItemText);
3042        
3043        const label = `${sectionName}:${snakeCaseItem}:${snakeCaseSubItem}`;
3044        
3045        // Console log the label
3046        console.log('submenu tracking label:', label);
3047        
3048        window.trackingHelper.trackItemClicked({
3049            item: 'menu_sub_category',
3050            item_type: 'menu',
3051            label: label
3052        });
3053    });
3054});
3055</script>

3055</div></div><div id="w-node-de10fff2-1789-e615-f8ad-b94b2e41e2eb-7bdf7432" class="main-content_wrap"><section data-margin-bottom="large" class="s_resource-hero"><div itemtype="https://schema.org/BreadcrumbList" cc-breadcrumb-element="breadcrumb-menu" itemscope=" " class="breadcrumb-bar_wrap"><div itemtype="https://schema.org/ListItem" cc-breadcrumb-element="item" itemprop="itemListElement" itemscope=" " class="breadcrumb_item level-one"><div class="breadcrumb_icon is-mobile w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3056<path fill-rule="evenodd" clip-rule="evenodd" d="M6.86008 4.02853C7.12049 4.28881 7.12059 4.71092 6.8603 4.97133L3.99959 7.83339H13.3333C13.7015 7.83339 14 8.13186 14 8.50005C14 8.86824 13.7015 9.16672 13.3333 9.16672H3.9996L6.8603 12.0287C7.12059 12.2892 7.12049 12.7113 6.86008 12.9716C6.59967 13.2318 6.17756 13.2317 5.91727 12.9713L2.39032 9.44275C1.86989 8.92208 1.86989 8.07803 2.39032 7.55735L5.91727 4.02875C6.17756 3.76834 6.59967 3.76824 6.86008 4.02853Z" fill="currentColor"/>
3057</svg></div><a itemprop="item" href="/templates" class="breadcrumb_link w-inline-block"><div itemprop="name" cc-breadcrumb-element="link">All templates</div></a><div class="breadcrumb_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3058<path fill-rule="evenodd" clip-rule="evenodd" d="M9.13992 4.02848C9.40033 3.7682 9.82244 3.7683 10.0827 4.02871L13.6097 7.55731C14.1301 8.07799 14.1301 8.92204 13.6097 9.44271L10.0827 12.9713C9.82244 13.2317 9.40033 13.2318 9.13992 12.9715C8.87951 12.7112 8.87941 12.2891 9.1397 12.0287L12.0004 9.16668H2.66667C2.29848 9.16668 2 8.8682 2 8.50001C2 8.13182 2.29848 7.83335 2.66667 7.83335H12.0004L9.1397 4.97129C8.87941 4.71088 8.87951 4.28877 9.13992 4.02848Z" fill="currentColor"/>
3059</svg></div><meta itemprop="position" content="3"/></div><div itemscope=" " cc-breadcrumb-element="item" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumb_item is-last"><meta itemprop="position" content="4"/><div><div itemprop="name" cc-breadcrumb-element="link" class="breadcrumb_link is-last">Product templates</div></div></div></div><div class="cc_algolia-data code w-embed"><!-- Generated data for Algolia Crawler -->
3060<div data-algolia-template-category-title>Product templates</div>
3061<div data-algolia-template-category-slug>product</div></div><div data-margin-bottom="none" data-heading-orientation="left" class="templates-hero_wrap"><div class="templates-hero_container"><h1 class="section_heading u-heading-lg">Product templates</h1><div cc-readmore-id="container" class="templates-hero_description-container"><div class="u-rich-text w-richtext"><p>Get deeper insights with these free product form templates.</p><p>Whether you need to research product-market fit, choose participants for a focus group, or something else, each template includes a recommended structure to help you get started.</p><p>From there, you can fully customize your product form template. Change the look and feel to stay on-brand, make the flow responsive, and integrate with all your essential tools.</p></div><div cc-readmore-id="readmore-container" class="templates-hero_readmore-container"><button setting-size="small" cc-readmore-id="button" id="" class="text-button is-readmore"><div class="text-button_label"><div cc-readmore-id="button-label">Read more</div><div class="text-button_overline-component"><div class="text-button_active-underline"></div><div class="text-button_idle-underline"></div></div></div></button><div cc-readmore-id="readmore-bg" class="templates-hero_readmore-container-bg"></div></div></div></div><div class="cc_readmore w-embed w-script">

3061<script>
3062const readMoreButton = document.querySelector('[cc-readmore-id="button"]');
3063const buttonLabel = document.querySelector('[cc-readmore-id="button-label"]');
3064const readMoreContainer = document.querySelector('[cc-readmore-id="readmore-container"]');
3065const fadeOverlay = document.querySelector('[cc-readmore-id="readmore-bg"]');
3066const textContainer = document.querySelector('[cc-readmore-id="container"]');
3067
3068// Set initial state
3069let isExpanded = false;
3070
3071readMoreButton.addEventListener('click', () => {
3072    isExpanded = !isExpanded;
3073    
3074    if (isExpanded) {
3075        // Expand content
3076        textContainer.style.maxHeight = '999rem';
3077        readMoreContainer.style.position = 'static';
3078        buttonLabel.textContent = 'Show less';
3079        fadeOverlay.style.opacity = '0';
3080    } else {
3081        // Collapse content
3082        textContainer.style.maxHeight = '5.5rem';
3083        readMoreContainer.style.position = 'absolute';
3084        buttonLabel.textContent = 'Read more';
3085        fadeOverlay.style.opacity = '1';
3086    }
3087});
3088</script>

3088</div></div><div cc-algolia-context="templates" cc-algolia-instance="templates_category" cc-algolia-page_slug="product" class="algolia-search"><div class="cc_algolia-search code w-embed w-script"><!-- Lodash for debounce -->

3089<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

3089
3090
3091<!-- Custom Algolia script -->

3092<script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/search/search.min.js"></script>

3092
3093
3094<!-- Basic Algolia scripts -->

3095<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/algoliasearch-lite.umd.js" integrity="sha256-b2n6oSgG4C1stMT/yc/ChGszs9EY/Mhs6oltEjQbFCQ=" crossorigin="anonymous"></script>

vendor: 1 bytes, line 3095

3096<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.production.min.js" integrity="sha256-DuvNCzkn3zdi0M6ISr57tX37YCcb7ezs9WK3lqUEe3Q=" crossorigin="anonymous"></script>

3096</div><div class="w-layout-vflex search-bar_form"><input maxlength="256" name="Search-2" data-name="Search-2" type="text" od="Search-2" placeholder="Search all templates and categories" cc-t-id="jetboost-search" id="" aria-label="Search all templates and categories" class="search-bar_input _w-input jetboost-list-search-input-"/><div class="search-bar_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 18" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3097<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 3.75C5.76472 3.75 3.75 5.76472 3.75 8.25C3.75 10.7353 5.76472 12.75 8.25 12.75C10.7353 12.75 12.75 10.7353 12.75 8.25C12.75 5.76472 10.7353 3.75 8.25 3.75ZM2.25 8.25C2.25 4.93629 4.93629 2.25 8.25 2.25C11.5637 2.25 14.25 4.93629 14.25 8.25C14.25 9.63653 13.7797 10.9132 12.9899 11.9292L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L11.9292 12.9899C10.9132 13.7797 9.63653 14.25 8.25 14.25C4.93629 14.25 2.25 11.5637 2.25 8.25Z" fill="currentColor"/>
3098</svg></div><div class="search-bar_right"><div class="search-bar_spinner"></div><button aria-label="clear search query" algolia-search-function="reset" class="search-bar_reset"><div class="search-bar_reset-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M2.22 2.22a.75.75 0 0 1 1.06 0L8 6.94l4.72-4.72a.75.75 0 1 1 1.06 1.06L9.06 8l4.72 4.72a.75.75 0 1 1-1.06 1.06L8 9.06l-4.72 4.72a.75.75 0 0 1-1.06-1.06L6.94 8 2.22 3.28a.75.75 0 0 1 0-1.06" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></button></div></div><div class="search-results_wrap"><div class="search-results_container"><div class="search-results_group"><div class="search-results_list-heading"><p class="text-xs u-text-bold">Templates</p><div algolia-search-function="stats" algolia-search-id="templates"></div></div><div algolia-search-function="results" algolia-search-id="templates" class="search-results_wrapper"><div id="hits-1" class="search-results_list"></div></div></div><div class="search-results_group"><div class="search-results_list-heading"><p class="text-xs u-text-bold">Categories</p><div algolia-search-function="stats" algolia-search-id="template-categories"></div></div><div algolia-search-function="results" algolia-search-id="template-categories" class="search-results_wrapper"><div id="hits-2" class="search-results_list"></div></div></div><div class="search-results_cta"><div class="search-results_cta-content"><p class="text-sm u-text-bold">Looking for something specific?</p><p class="text-sm text-color-secondary">Easily make the exact form you need with AI.</p></div><a setting-variant="primary" setting-size="small" data-wf--atom-button--variant="base" href="https://admin.typeform.com/signup" class="button w-inline-block"><div>Create specific form</div></a></div></div></div></div></section><section class="s_category-list"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="s_featured-templates"><div class="template-list_heading"><h2 class="u-heading-sm">Product form templates</h2><a setting-size="large" href="/templates-sub-category/product-forms" class="text-button w-inline-block"><div class="text-button_label"><div>See more</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 class="w-dyn-list"><div role="list" class="templates_list w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f26af867913aa6cbadd8c1_Bug%20Tracker%20Form%20Template.png" loading="lazy" alt="Bug Tracker Form Template" sizes="(max-width: 767px) 100vw, 746px" srcset="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f26af867913aa6cbadd8c1_Bug%20Tracker%20Form%20Template-p-500.png 500w, https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f26af867913aa6cbadd8c1_Bug%20Tracker%20Form%20Template-p-800.png 800w, https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f26af867913aa6cbadd8c1_Bug%20Tracker%20Form%20Template-p-1080.png 1080w, https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f26af867913aa6cbadd8c1_Bug%20Tracker%20Form%20Template.png 1222w" class="img-cover"/>

3098</div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Bug Tracker Form Template</h2><p data-line-clamp="4" class="card-content_body text-sm">Give your team and users a structured way to report software bugs. This template captures the information developers actually need to reproduce and fix issues.</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/bug-tracker-form-template" class="u-link-cover w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/69f3611f7d592788d2168e2b_Checkout%20Form%20Template.jpeg" loading="lazy" alt="Checkout Form Template" class="img-cover"/></div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Checkout Form Template</h2><p data-line-clamp="4" class="card-content_body text-sm">Don&#x27;t lose the sale at the last step. Build a checkout experience people actually finish.</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/checkout-form-template" class="u-link-cover w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/677f9e66df6cca3f6c9a9baa_673b6cb1bb78465b343b9b48_hackathon-registration-form-template-hero.webp" loading="lazy" alt="" class="img-cover"/></div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Hackathon registration form template</h2><p data-line-clamp="4" class="card-content_body text-sm">Hackathon organizers who collect registrations through email spend more time managing message threads than running the event. Capture team details, skill sets, and dietary restrictions in one form before day one.</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/hackathon-registration-form-template" class="u-link-cover w-inline-block"></a></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="s_featured-templates"><div class="template-list_heading"><h2 class="u-heading-sm">Product survey templates</h2><a setting-size="large" href="/templates-sub-category/product-surveys" class="text-button w-inline-block"><div class="text-button_label"><div>See more</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 class="w-dyn-list"><div role="list" class="templates_list w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/677f9de5ce0f3fa0061379f5_673b6c9d8b9668986c96fab4_template-thumb-01-1.webp" loading="lazy" alt="" class="img-cover"/></div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Beta product feedback survey template</h2><p data-line-clamp="4" class="card-content_body text-sm">Understand where you need to improve by asking beta testers for their insights</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/beta-product-feedback-survey-template" class="u-link-cover w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/677f9dfc3cc2342f2da33345_673b6c9b282d0df76e4f59d1_Churn_Survey.webp" loading="lazy" alt="" class="img-cover"/>

3098</div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Churn survey template</h2><p data-line-clamp="4" class="card-content_body text-sm">Your churn rate tells you that customers are leaving, but not why they decided to go. Collect the real reasons customers cancel, what they switched to, and feedback on what would have kept them.</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/churn-survey-template" class="u-link-cover w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="info-image-card_wrap"><div data-corner-radius="none" data-aspect-ratio="landscape" class="info-image-card_img-wrapper"><img src="https://cdn.prod.website-files.com/6718da5ecf694c9af0e8d5d7/677f9e08f6bc737c5aca8e26_673b6cd37eb65e18df0cf064_Concept-Testing-Survey-Template-thumbnail.webp" loading="lazy" alt="" class="img-cover"/></div><div class="card-content_wrap default"><div class="card-content_main-wrapper"><div class="card-content_main-container"><h2 data-line-clamp="none" class="card-content_heading u-heading-xxs">Concept testing survey template</h2><p data-line-clamp="4" class="card-content_body text-sm">Find out what consumers think before releasing your product</p></div></div><p class="card-content_card-action u-text-action">View template</p></div><a aria-label="Open card link" href="/templates/concept-testing-survey-template" class="u-link-cover w-inline-block"></a></div></div></div></div></div></div></div></div></section><section data-new-theme="none" data-padding-top="small" data-padding-bottom="small" data-theme="default" data-cta-type="uncontained" data-section-radius="none" class="s_cta_wrap"><div class="container"><div data-padding-bottom="large" data-padding-top="large" class="cta_container"><div data-margin-bottom="none" data-wf--molecule-heading-module--style-alignment="center" class="heading-lockup_wrap"><div class="heading-lockup_content-wrapper"><div class="heading-lockup_inner-wrapper"><div data-wf--atom-heading-text--content-size="heading-two" class="heading_wrap"><h2 cc-number="20" class="u-heading w-variant-2856ca8c-1473-14d3-651a-8ba7f9573f52">Looking for something more specific? </h2></div><p class="section_sub-heading">Easily make the exact form you need with AI.</p></div></div><div class="action-bar_wrapper"><div class="content-list_button-wrapper"><div class="button_wrapper"><a setting-variant="primary" setting-size="large" href="/signup" class="button w-inline-block"><div>Try now</div></a></div></div></div></div></div></div></section></div></div></div></main><footer data-theme="dark" class="s_footer_wrap"><div cc-t-id="footer" data-padding-top="large" data-padding-bottom="large" class="footer_top-container"><div class="container grid"><div id="w-node-_99256d64-99eb-46dd-9b3d-09c21dd8713d-1dd8713a" class="footer_main-layout"><div class="footer_main-col"><h3 class="footer_col-heading">PRODUCT</h3><ul role="list" class="footer_menu w-list-unstyled"><li class="footer_menu-item-wrapper"><a href="/pricing" class="footer_menu-item w-inline-block"><div>Pricing</div></a></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Enterprise</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3099<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3100</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/enterprise" class="footer_menu-item w-dropdown-link">Enterprise Overview</a><a href="/enterprise/healthcare" class="footer_menu-item w-dropdown-link">Healthcare</a></nav></div></li></ul></div><div class="footer_main-col"><h3 class="footer_col-heading">Templates</h3><ul role="list" class="footer_menu w-list-unstyled"><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Popular templates</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

3100ox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3101<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3102</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/templates/interactive-fiction" class="footer_menu-item w-dropdown-link">Interactive story template</a><a href="/templates/trivia" class="footer_menu-item w-dropdown-link">Trivia quiz</a><a href="/templates/employee-job-application" class="footer_menu-item w-dropdown-link">Job application form</a><a href="/templates/event-registration" class="footer_menu-item w-dropdown-link">Event registration form</a><a href="/templates/nps-survey-template" class="footer_menu-item w-dropdown-link">NPS survey</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Recent templates</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3103<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3104</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/templates/photo-upload-form-template" class="footer_menu-item w-dropdown-link">Photo upload form</a><a href="/templates/customer-satisfaction" class="footer_menu-item w-dropdown-link">Customer satisfaction form</a><a href="/templates/website-questionnaire-template" class="footer_menu-item w-dropdown-link">Website questionnaire template</a><a href="/templates/beta-product-feedback-survey-template" class="footer_menu-item w-dropdown-link">Beta product feedback survey</a><a href="/templates/pre-order-form-template" class="footer_menu-item w-dropdown-link">Pre-order form template</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Popular categories</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3105<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3106</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/templates-sub-category/lead-generation-forms" class="footer_menu-item w-dropdown-link">Lead gen forms</a><a href="/templates-sub-category/lead-generation-quizzes" class="footer_menu-item w-dropdown-link">Lead gen quizzes</a><a href="/templates-sub-category/registration" class="footer_menu-item w-dropdown-link">

3106Registration forms</a><a href="/templates-sub-category/customer-success-forms" class="footer_menu-item w-dropdown-link">Customer success forms</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>RecentÂ categories</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3107<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3108</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/templates-sub-category/file-upload" class="footer_menu-item w-dropdown-link">File upload forms</a><a href="/templates-sub-category/job-application" class="footer_menu-item w-dropdown-link">Job application forms</a><a href="/templates-sub-category/application" class="footer_menu-item w-dropdown-link">Application forms</a><a href="/templates-sub-category/event-forms" class="footer_menu-item w-dropdown-link">Event forms</a><a href="/templates-category/education" class="footer_menu-item w-dropdown-link">Educational templates</a></nav></div></li></ul></div><div class="footer_main-col"><h3 class="footer_col-heading">Integrations</h3><ul role="list" class="footer_menu w-list-unstyled"><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Popular integration apps</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3109<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3110</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/connect/slack" class="footer_menu-item w-dropdown-link">Slack integration</a><a href="/connect/mailchimp" class="footer_menu-item w-dropdown-link">Mailchimp integration</a><a href="/connect/klaviyo" class="footer_menu-item w-dropdown-link">Klaviyo integration</a><a href="/connect/wordpress" class="footer_menu-item w-dropdown-link">Wordpress integration</a><a href="/connect/pipedrive" class="footer_menu-item w-dropdown-link">Pipedrive integration</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>More integration apps</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3111<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3112</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/connect/google-calendar" class="footer_menu-item w-dropdown-link">Google Calendar integration</a><a href="/connect/zoho-crm" class="footer_menu-item w-dropdown-link">Zoho integration</a><a href="/connect/office-365" class="footer_menu-item w-dropdown-link">Office 365 integration</a><a href="/connect/zendesk" class="footer_menu-item w-dropdown-link">Zendesk integration</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Popular app categories</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

3112ox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3113<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3114</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/connect-category/analytics-reporting" class="footer_menu-item w-dropdown-link">Analytics reporting integration</a><a href="/connect-category/sales-and-crm" class="footer_menu-item w-dropdown-link">Sales and CRM Integration</a><a href="/connect-category/payments" class="footer_menu-item w-dropdown-link">Payments integration</a><a href="/connect-category/scheduling" class="footer_menu-item w-dropdown-link">Scheduling integration</a><a href="/connect-category/email-marketing" class="footer_menu-item w-dropdown-link">Email marketing integration</a></nav></div></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>More app categories</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3115<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3116</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/connect-category/customer-support" class="footer_menu-item w-dropdown-link">Customer Support integration</a><a href="/connect-category/automation" class="footer_menu-item w-dropdown-link">Automation integration</a><a href="/connect-category/documents" class="footer_menu-item w-dropdown-link">Documents integration</a><a href="/connect-category/rewards" class="footer_menu-item w-dropdown-link">Rewards integration</a><a href="/connect-category/collaboration" class="footer_menu-item w-dropdown-link">Collaboration integration</a></nav></div></li></ul></div><div class="footer_main-col"><h3 class="footer_col-heading">Resources</h3><ul role="list" class="footer_menu w-list-unstyled"><li class="footer_menu-item-wrapper"><a href="/blog" class="footer_menu-item w-inline-block"><div>Blog</div></a></li><li class="footer_menu-item-wrapper"><a href="/guides" class="footer_menu-item w-inline-block"><div>Guides</div></a></li><li class="footer_menu-item-wrapper"><a href="https://help.typeform.com/hc/en-us" class="footer_menu-item w-inline-block"><div>HelpÂ center</div></a></li><li class="footer_menu-item-wrapper"><a href="https://community.typeform.com" class="footer_menu-item w-inline-block"><div>Community</div></a></li><li class="footer_menu-item-wrapper"><a href="https://help.typeform.com/hc/en-us/categories/33840731976596-Videos" class="footer_menu-item w-inline-block"><div>Tutorials</div></a></li><li class="footer_menu-item-wrapper"><a href="https://help.typeform.com/hc/en-us/articles/360029423551-FAQ" class="footer_menu-item w-inline-block"><div>FAQs</div></a></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>WhyÂ Typeform?</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3117<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3118</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/blog/typeform-vs-jotform" class="footer_menu-item w-dropdown-link">Typeform vs Jotform</a><a href="/blog/typeform-vs-formstack" class="footer_menu-item w-dropdown-link">Typeform vs Formstack</a></nav></div></li><li class="footer_menu-item-wrapper"><a href="/refer-a-friend" class="footer_menu-item w-inline-block"><div>Referral program</div></a></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item is-dropdown w-dropdown-toggle"><div>Partners</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

3118ox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3119<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3120</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="/partners/agencies" class="footer_menu-item w-dropdown-link">Agency</a><a href="/partners/technology" class="footer_menu-item w-dropdown-link">Technology</a><a href="https://www.typeform.com/agencies" target="_blank" class="footer_menu-item w-dropdown-link">Agency directory</a><a href="https://www.typeform.com/partners/startups" class="footer_menu-item w-dropdown-link">Startups</a></nav></div></li><li class="footer_menu-item-wrapper"><a href="https://status.typeform.com" class="footer_menu-item w-inline-block"><div>SystemÂ status</div></a></li><li class="footer_menu-item-wrapper"><a href="https://www.typeform.com/developers/" class="footer_menu-item w-inline-block"><div>Developers / API</div></a></li></ul></div><div class="footer_main-col"><h3 class="footer_col-heading">Get to know us</h3><ul role="list" class="footer_menu w-list-unstyled"><li class="footer_menu-item-wrapper"><a href="/about-us" class="footer_menu-item w-inline-block"><div>About us</div></a></li><li class="footer_menu-item-wrapper"><a href="/brand" class="footer_menu-item w-inline-block"><div>Brand</div></a></li><li class="footer_menu-item-wrapper"><a href="/careers" class="footer_menu-item w-inline-block"><div>Careers</div></a></li><li class="footer_menu-item-wrapper"><a cc-t-global-skip="self" href="https://tfsales.typeform.com/to/PxcVKQGb?source=Website&amp;source2=Contact%20Us" class="footer_menu-item w-inline-block"><div>ContactÂ sales</div></a></li><li class="footer_menu-item-wrapper"><a href="/legal" class="footer_menu-item w-inline-block"><div>Legal</div></a></li><li class="footer_menu-item-wrapper"><a href="https://tfproductops.typeform.com/to/f9ErlyGj/" class="footer_menu-item w-inline-block"><div>Newsletter</div></a></li></ul><div class="footer_social-list"><a rel="nofollow noreferrer noopener" aria-label="Open Typeform&#x27;s Facebook account" href="https://www.facebook.com/typeform/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns=https://www.w3.org/2000/svg role="img" aria-labelledby="footer_social-link-facebook-title">
3121   <title id="footer_social-link-facebook-title">Facebook</title>
3122   <path fill-rule="evenodd" clip-rule="evenodd" d="M0.294922 12.9245C0.294922 18.8909 4.65246 23.8518 10.3508 24.8574L10.4176 24.804C10.395 24.7996 10.3723 24.7952 10.3497 24.7906V16.2767H7.33296V12.9247H10.3497V10.2431C10.3497 7.22639 12.2939 5.55041 15.0425 5.55041C15.914 5.55041 16.8525 5.68449 17.724 5.81857V8.90237H16.1821C14.7073 8.90237 14.3721 9.6398 14.3721 10.5783V12.9247H17.59L17.0536 16.2767H14.3721V24.7906C14.35 24.795 14.328 24.7994 14.3059 24.8036L14.3731 24.8574C20.0715 23.8518 24.429 18.8909 24.429 12.9245C24.429 6.28759 18.9988 0.857422 12.362 0.857422C5.72509 0.857422 0.294922 6.28759 0.294922 12.9245Z" fill="currentColor"></path>
3123</svg></div></a><a aria-label="Open Typeform&#x27;s Twitter/X account" rel="nofollow noreferrer noopener" href="https://www.twitter.com/typeform/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="21" height="21" viewBox="0 0 25 25" fill="none" xmlns=https://www.w3.org/2000/svg role="img" aria-labelledby="footer_social-link-twitter-title">
3124   <title id="footer_social-link-twitter-title">Twitter/X</title>
3125   <path d="M14.5585 10.5858L23.6652 0H21.5072L13.5998 9.1915L7.28426 0H0L9.55038 13.8992L0 25H2.15812L10.5085 15.2935L17.1782 25H24.4624L14.5579 10.5858H14.5585ZM11.6026 14.0216L10.635 12.6376L2.93572 1.6246H6.2504

31256L12.4639 10.5124L13.4315 11.8965L21.5082 23.4493H18.1934L11.6026 14.0222V14.0216Z" fill="currentColor"></path>
3126</svg></div></a><a aria-label="Open Typeform&#x27;s Instagram account" rel="nofollow noreferrer noopener" href="https://www.instagram.com/typeform/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns=https://www.w3.org/2000/svg role="img" aria-labelledby="footer_social-link-instagram-title">
3127   <title id="footer_social-link-instagram-title">Instagram</title>
3128   <path d="M7.73427 0.941348C6.45746 1.00159 5.58553 1.20535 4.82328 1.50487C4.03439 1.81232 3.36575 2.22488 2.70046 2.89257C2.03517 3.56025 1.62549 4.22938 1.32021 5.01947C1.02476 5.7834 0.824602 6.65605 0.768202 7.93358C0.711801 9.21111 0.699321 9.62176 0.705561 12.8805C0.711801 16.1393 0.726201 16.5477 0.788122 17.8279C0.849082 19.1045 1.05212 19.9762 1.35165 20.7387C1.65957 21.5276 2.07165 22.196 2.73958 22.8615C3.40751 23.527 4.07615 23.9357 4.86816 24.2415C5.63137 24.5365 6.50426 24.7376 7.78155 24.7935C9.05885 24.8494 9.46997 24.8624 12.7278 24.8562C15.9856 24.8499 16.3957 24.8355 17.6757 24.7748C18.9556 24.7141 19.8227 24.5096 20.5854 24.2115C21.3743 23.9029 22.0432 23.4915 22.7083 22.8233C23.3733 22.1552 23.7828 21.4856 24.0878 20.695C24.3835 19.9318 24.5844 19.0589 24.6398 17.7826C24.6957 16.5017 24.7089 16.0927 24.7027 12.8344C24.6964 9.57616 24.6818 9.16767 24.6211 7.88798C24.5604 6.60829 24.3571 5.73924 24.0578 4.97627C23.7494 4.18738 23.3378 3.51945 22.6701 2.85345C22.0024 2.18744 21.3323 1.77824 20.542 1.47391C19.7783 1.17847 18.9059 0.977108 17.6286 0.921908C16.3513 0.866707 15.9402 0.852547 12.6812 0.858787C9.42221 0.865027 9.01421 0.878947 7.73427 0.941348ZM7.87443 22.6347C6.70442 22.5838 6.06914 22.3894 5.64577 22.2267C5.08512 22.0107 4.68576 21.7496 4.26384 21.3317C3.84191 20.9139 3.58271 20.5131 3.36383 19.9536C3.19943 19.5303 3.00142 18.8957 2.9467 17.7257C2.88718 16.4611 2.8747 16.0814 2.86774 12.8776C2.86078 9.67384 2.87302 9.29463 2.92846 8.02958C2.97838 6.86053 3.17399 6.22452 3.33647 5.8014C3.55247 5.24003 3.81263 4.84139 4.23144 4.4197C4.65024 3.99802 5.04984 3.73834 5.60977 3.51945C6.03265 3.35433 6.66722 3.15801 7.83675 3.10233C9.10229 3.04233 9.48149 3.03033 12.6848 3.02337C15.8881 3.01641 16.2683 3.02841 17.5343 3.08409C18.7033 3.13497 19.3396 3.32865 19.7622 3.49209C20.3231 3.7081 20.7222 3.96754 21.1439 4.38706C21.5656 4.80659 21.8255 5.20475 22.0444 5.76588C22.2098 6.18756 22.4061 6.82189 22.4613 7.99214C22.5215 9.25767 22.5352 9.63712 22.541 12.8402C22.5467 16.0433 22.5355 16.4237 22.48 17.6882C22.4289 18.8583 22.235 19.4938 22.072 19.9176C21.856 20.478 21.5956 20.8776 21.1766 21.2991C20.7575 21.7205 20.3584 21.9802 19.7982 22.1991C19.3758 22.364 18.7405 22.5608 17.572 22.6164C16.3064 22.676 15.9272 22.6884 12.7227 22.6954C9.51821 22.7024 9.14021 22.6894 7.87467 22.6347M17.6572 6.44388C17.6576 6.72871 17.7426 7.007 17.9012 7.24356C18.0599 7.48011 18.2851 7.66431 18.5484 7.77284C18.8118 7.88138 19.1014 7.90939 19.3806 7.85332C19.6599 7.79725 19.9163 7.65963 20.1173 7.45786C20.3183 7.25608 20.455 6.99922 20.5101 6.71977C20.5651 6.44031 20.536 6.1508 20.4265 5.88786C20.317 5.62493 20.132 5.40037 19.8949 5.24259C19.6577 5.08481 19.3791 5.0009 19.0943 5.00147C18.7125 5.00223 18.3466 5.15461 18.0771 5.42511C17.8076 5.6956 17.6565 6.06205 17.6572 6.44388ZM6.54266 12.8695C6.54938 16.2727 9.31325 19.0253 12.7158 19.0188C16.1183 19.0123 18.8728 16.2487 18.8663 12.8455C18.8598 9.44223 16.0952 6.68893 12.6922 6.69565C9.28925 6.70237 6.53618 9.46671 6.54266 12.8695ZM8.70412 12.8651C8.70256 12.074 8.93563 11.3002 9.37387 10.6415C9.8121 9.98279 10.4358 9.46885 11.1661 9.16464C11.8965 8.86044 12.7006 8.77963 13.4769 8.93244C14.2531 9.08525 14.9666 9.46481 15.5271 10.0231C16.0877 10.5814 16.4701 11.2934 16.6259 12.0691C16.7818 12.8447 16.7042 13.6492 16.4029 14.3807C16.1016 15.1122 15.5901 15.738 14.9332 16.1788C14.2762 16.6196 13.5033 16.8558 12.7122 16.8573C12.1868 16.8585 11.6664 16.7561 11.1807 16.556C10.695 16.356 10.2534 16.0622 9.88119 15.6915C9.50899 15.3208 9.21348 14.8804 9.01151 14.3954C8.80955 13.9105 8.7051 13.3905 8.70412 12.8651Z" fill="currentColor"></path>
3129</svg></div></a><a aria-label="Open Typeform&#x27;s YouTube account" rel="nofollow noreferrer noopener" href="https://www.youtube.com/channel/UC2nRv6J0FsJVePJTLhUDKgg/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns=https://www.w3.org/2000/svg role="img" aria-labelledby="footer_social-link-youtube-title">
3130   <title id="footer_social-link-youtube-title">YouTube</title>
3131   <path fill-rule="evenodd" clip-rule="evenodd" d="M22.2646 2.27445C23.3401 2.56188 24.187 3.40895 24.4745 4.48439C24.9967 6.43381 24.9967 10.501 24.9967 10.501C24.9967 10.501 24.9967 14.5683 24.4745 16.5176C24.187 17.593 23.3401 18.4401 22.2646 18.7275C20.3151 19.25 12.4984 19.25 12.4984 19.25C12.4984 19.25 4.68171 19.25 2.73228 18.7275C1.65686 18.4401 0.809784 17.593 0.52236 16.5176C0 14.5683 0 10.501 0 10.501C0 10.501 0 6.43381 0.52236 4.48439C0.809784 3.40895 1.65686 2.56188 2.73228 2.27445C4.68171 1.75208 12.4984 1.75208 12.4984 1.75208C12.4984 1.75208 20.3151 1.75208 22.2646 2.27445ZM9.99873 6.75146V14.2506L16.4929 10.5011L9.99873 6.75146Z" fill="currentColor"></path>
3132</svg></div></a><a rel="nofollow noreferrer noopener" aria-label="Open Typeform&#x27;s Linkedin account" href="https://www.linkedin.com/company/typeform-com/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns=https://www.w3.org/2000/svg role="img" aria-labelledby="footer_social-link-linkedin-title" >
3133   <title id="footer_social-link-linkedin-title">LinkedIn</title>
3134   <path fill-rule="evenodd" clip-rule="evenodd" d="M2.3591 0.199219C1.44507 0.199219 0.704102 0.940188 0.704102 1.85422V21.8605C0.704102 22.7746 1.44507 23.5156 2.3591 23.5156H22.3654C23.2795 23.5156 24.0204 22.7746 24.0204 21.8605V1.85422C24.0204 0.940189 23.2795 0.199219 22.3654 0.199219H2.3591ZM5.93755 7.44014C7.05465 7.44014 7.96023 6.53455 7.96023 5.41744C7.96023 4.30034 7.05465 3.39475 5.93755 3.39475C4.82045 3.39475 3.91486 4.30034 3.91486 5.41744C3.91486 6.53455 4.82045 7.44014 5.93755 7.44014ZM9.81267 8.93496H13.1649V10.4706C13.1649 10.4706 14.0746 8.65129 16.5497 8.65129C18.7576 8.65129 20.5866 9.73895 20.5866 13.0542V20.0453H17.1127V13.9014C17.1127 11.9457 16.0686 11.7306 15.273 11.7306C13.6218 11.7306 13.3391 13.1548 13.3391 14.1565V20.0453H9.81267V8.93496ZM7.70078 8.93498H4.17432V20.0453H7.70078V8.93498Z" fill="currentColor"></path>
3135</svg></div></a></div></div><div class="footer_main-col">

3135<ul role="list" class="footer_menu hide-desktop w-list-unstyled"><li class="footer_menu-item-wrapper"><a href="#" class="footer_menu-item w-inline-block"><div>Cookie Settings</div></a></li><li class="footer_menu-item-wrapper"><a href="#" class="footer_menu-item w-inline-block"><div>Check our cookies policy to delete cookies</div></a></li><li class="footer_menu-item-wrapper"><a href="#" class="footer_menu-item w-inline-block"><div>Report abuse</div></a></li><li class="footer_menu-item-wrapper"><div data-hover="false" data-delay="0" class="footer_dropdown-item w-dropdown"><div class="footer_menu-item w-dropdown-toggle"><div class="icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 15 15" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3136<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8694 6.91667H4.59687C4.65705 5.63099 4.91461 4.45612 5.31699 3.55078C5.35214 3.47169 5.38866 3.39405 5.42657 3.31808C4.05529 3.99927 3.06662 5.33508 2.8694 6.91667ZM7.49996 1.66667C4.2783 1.66667 1.66663 4.27834 1.66663 7.5C1.66663 10.7217 4.2783 13.3333 7.49996 13.3333C10.7216 13.3333 13.3333 10.7217 13.3333 7.5C13.3333 4.27834 10.7216 1.66667 7.49996 1.66667ZM7.49996 2.83334C7.3676 2.83334 7.19758 2.89126 6.99386 3.08514C6.78713 3.28188 6.57442 3.59413 6.3831 4.02461C6.05558 4.76152 5.82425 5.76953 5.76493 6.91667H9.23499C9.17567 5.76953 8.94434 4.76152 8.61682 4.02461C8.42549 3.59413 8.21279 3.28188 8.00606 3.08514C7.80233 2.89126 7.63232 2.83334 7.49996 2.83334ZM10.403 6.91667C10.3429 5.63099 10.0853 4.45612 9.68293 3.55078C9.64778 3.47169 9.61125 3.39405 9.57335 3.31808C10.9446 3.99927 11.9333 5.33508 12.1305 6.91667H10.403ZM9.23499 8.08334H5.76493C5.82425 9.23048 6.05558 10.2385 6.3831 10.9754C6.57442 11.4059 6.78713 11.7181 6.99386 11.9149C7.19758 12.1087 7.3676 12.1667 7.49996 12.1667C7.63232 12.1667 7.80233 12.1087 8.00606 11.9149C8.21279 11.7181 8.42549 11.4059 8.61682 10.9754C8.94434 10.2385 9.17567 9.23048 9.23499 8.08334ZM9.57335 11.6819C9.61125 11.606 9.64778 11.5283 9.68293 11.4492C10.0853 10.5439 10.3429 9.36902 10.403 8.08334H12.1305C11.9333 9.66493 10.9446 11.0007 9.57335 11.6819ZM5.42657 11.6819C5.38866 11.606 5.35214 11.5283 5.31699 11.4492C4.91461 10.5439 4.65705 9.36902 4.59687 8.08334H2.8694C3.06662 9.66493 4.05529 11.0007 5.42657 11.6819Z" fill="currentColor"/>
3137</svg></div><div>English</div><div class="footer_menu-item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3138<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2803 5.88965C13.5732 6.18255 13.5732 6.65742 13.2803 6.95031L9.38387 10.8468C8.89572 11.3349 8.10426 11.3349 7.61611 10.8468L3.71967 6.95031C3.42678 6.65742 3.42678 6.18255 3.71967 5.88965C4.01256 5.59676 4.48744 5.59676 4.78033 5.88965L8.49999 9.60932L12.2197 5.88965C12.5126 5.59676 12.9874 5.59676 13.2803 5.88965Z" fill="currentColor"/>
3139</svg></div></div><nav class="footer_menu-dropdown w-dropdown-list"><a href="#" class="footer_menu-item w-dropdown-link">Enterprise Overview</a><a href="#" class="footer_menu-item w-dropdown-link">Healthcare</a></nav></div></li></ul></div></div></div></div><div cc-t-id="footer" data-padding-top="small" data-padding-bottom="small" class="footer_bottom-container"><div class="container"><div class="s_footer_bottom-layout"><div class="s_footer_bottom-list"><button id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie settings</button><a href="https://www.typeform.com/legal/cookie-policy" class="w-inline-block"><div>Check our cookies policy to delete cookies</div></a><a href="https://www.typeform.com/help/a/report-abuse-360034113252/" class="w-inline-block"><div>Report abuse</div></a></div><div class="text-block">

3139Â© Typeform</div></div></div></div><div class="local_switcher-js w-embed w-script">

3139<script>
3140document.addEventListener("DOMContentLoaded", () => {
3141  const path = window.location.pathname;
3142  const label = document.querySelector(".footer-locale-label");
3143  if (!label) return;
3144
3145  // Detect current locale from the URL
3146  let currentLocale = "English";
3147  if (path.startsWith("/fr")) currentLocale = "FranÃ§ais";
3148  else if (path.startsWith("/es")) currentLocale = "EspaÃ±ol";
3149
3150  // Update visible label
3151  label.textContent = currentLocale;
3152});
3153</script>

3153</div><div class="cc_t-footer code hide w-embed w-script">

3153<script>
3154  const footerLinks =  document.querySelectorAll('[cc-t-id="footer"] a');
3155  footerLinks.forEach((linkElement) => {
3156    linkElement.addEventListener('click', () => {
3157      window.trackingHelper.trackItemClicked({
3158        item: 'footer',
3159        item_type: 'menu',
3160        label: window.trackingHelper.snakeCase(linkElement.textContent),
3161        link_url: linkElement.href,
3162        location: "footer"
3163      })
3164    });
3165  });
3166</script>

3166</div></footer></div>

3166<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>

3166<script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.schunk.d9b4a6b3163aaa5e.js" type="text/javascript" integrity="sha384-56rsqCNWPaoH9rXDL1IPAwwQZDSiDJWUZ6llAMXkD2o6fmikvAPIZIkypduu8lNc" crossorigin="anonymous"></script>

3166<script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.schunk.b897d7ba2e90a1e6.js" type="text/javascript" integrity="sha384-TpnehYJbOhSxmoXq2a4SZ09DzCM3ac3+yazZ4UZeqwtbRCefGHdCJ9MZQ1m8wOxj" crossorigin="anonymous"></script>

3166<script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.schunk.28ec039d9a700896.js" type="text/javascript" integrity="sha384-LKFHUJu8LJN/rHTgtjIjaSwhRkMmbgKDgnk0dciCVE6rjDhGp90XWzvs8VhTtnz7" crossorigin="anonymous"></script>

3166<script src="https://cdn.prod.website-files.com/66ffe2174aa8e8d5661c2708/js/webflow.c6a174a8.01b2826972499dc5.js" type="text/javascript" integrity="sha384-lMn9dJ4ZSnfRCAUrzjLtAQx7xEj8au4fL3Moso7lQDQmNy9OcLCmNrD7DydD3gU1" crossorigin="anonymous"></script>

3166<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>

3166<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>

3166<script src="https://cdn.prod.website-files.com/gsap/3.15.0/MotionPathPlugin.min.js" type="text/javascript"></script>

3166<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,MotionPathPlugin);</script>

3166<!-- GTM NO SCRIPT -->
3167<noscript data-testid='gtm-no-script' id="gtm-no-script-GTM-WH2ZQ3X"}>
3168  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WH2ZQ3X" height="0" width="0" style="display:none;visibility:hidden"></iframe>
3169</noscript>
3170
3171<!-- MakeBuild â Help Centre locale link rewrite -->

3172<script>
3173(function () {
3174  'use strict';
3175
3176  // Site locale  ->  Zendesk Help Centre locale.
3177  // Add a line here when that locale's Help Centre goes live.
3178  var LOCALE_MAP = {
3179    es: 'es'
3180    // fr: 'fr',
3181  };
3182
3183  var HOST   = 'help.typeform.com';
3184  var SOURCE = '/hc/en-us';
3185
3186  function detectLocale() {
3187    var path = (location.pathname.split('/')[1] || '').toLowerCase();
3188    if (LOCALE_MAP[path]) return path;
3189    var lang = (document.documentElement.lang || '').toLowerCase().split('-')[0];
3190    if (LOCALE_MAP[lang]) return lang;
3191    return null;
3192  }
3193
3194  var locale = detectLocale();
3195  if (!locale) return;
3196
3197  var target = '/hc/' + LOCALE_MAP[locale];
3198
3199  function rewrite(a) {
3200    if (a.hasAttribute('mb-help-locale')) return; // opt out per-link
3201    var url;
3202    try { url = new URL(a.href, location.href); } catch (e) { return; }
3203    if (url.hostname !== HOST) return;
3204
3205    var p = url.pathname;
3206    if (p.toLowerCase().indexOf(SOURCE) !== 0) return;
3207
3208    var rest = p.slice(SOURCE.length);
3209    if (rest && rest.charAt(0) !== '/') return; // don't match /hc/en-usual
3210
3211    url.pathname = target + rest;
3212    a.setAttribute('href', url.toString());
3213  }
3214
3215  function scan(root) {
3216    if (!root || root.nodeType !== 1) return;
3217    if (root.tagName === 'A') rewrite(root);
3218    var links = root.querySelectorAll('a[href*="' + HOST + '"]');
3219    for (var i = 0; i < links.length; i++) rewrite(links[i]);
3220  }
3221
3222  function init() {
3223    scan(document.body);
3224
3225    // Catch links injected later (CMS filters, modals, embeds, Finsweet, etc.)
3226    if (!window.MutationObserver) return;
3227    new MutationObserver(function (mutations) {
3228      for (var i = 0; i < mutations.length; i++) {
3229        var added = mutations[i].addedNodes;
3230        for (var j = 0; j < added.length; j++) scan(added[j]);
3231      }
3232    }).observe(document.body, { childList: true, subtree: true });
3233  }
3234
3235  if (document.readyState === 'loading') {
3236    document.addEventListener('DOMContentLoaded', init);
3237  } else {
3238    init();
3239  }
3240})();
3241</script>

3241
3242
3243<!-- Aria expanded attribute start -->

3244<script>
3245  document.addEventListener('DOMContentLoaded', function() {
3246    // Select all elements with the data-switch-aria-expanded attribute
3247    const switchElements = document.querySelectorAll('[data-toggle-aria-expanded]');
3248
3249    switchElements.forEach(element => {
3250      element.addEventListener('click', function() {
3251        // Get the current aria-expanded value
3252        const currentState = this.getAttribute('aria-expanded');
3253
3254        // Toggle the aria-expanded value
3255        const newState = currentState === 'true' ? 'false' : 'true';
3256
3257        // Set the new aria-expanded value
3258        this.setAttribute('aria-expanded', newState);
3259      });
3260    });
3261  });
3262</script>

3262
3263<!-- Aria expanded attribute end -->
3264
3265
3266<!-- 5050 DOM Manipulation Start -->

3267<script>
3268  // Function to move media container for text wrap
3269  function moveMediaContainerTextWrap() {
3270    // Get all 5050 sections with text wrap
3271    const sections = document.querySelectorAll('.s_5050-text_wrap');
3272
3273    sections.forEach(section => {
3274      const mediaContainer = section.querySelector('.section-5050_media-container');
3275      const imgSlot = section.querySelector('.slot-5050_img-container');
3276      const container5050 = section.querySelector('.section-5050_container');
3277
3278      if (mediaContainer && imgSlot && container5050) {
3279        if (window.innerWidth <= 991) { // Tablet breakpoint in Webflow
3280          imgSlot.appendChild(mediaContainer);
3281        } else {
3282          // Move the media container back to its original position
3283          if (mediaContainer.parentElement !== container5050) {
3284            container5050.insertBefore(mediaContainer, container5050.firstChild);
3285          }
3286        }
3287      }
3288    });
3289  }
3290
3291  // Run on page load
3292  moveMediaContainerTextWrap();
3293
3294  // Run on window resize
3295  window.addEventListener('resize', moveMediaContainerTextWrap);
3296</script>

vendor: 1 bytes, line 3296

3297<script>
3298  // Function to move media container for list wrap
3299  function moveMediaContainerListWrap() {
3300    // Get all 5050 sections with list wrap
3301    const sections = document.querySelectorAll('.s_5050-list_wrap');
3302
3303    sections.forEach(section => {
3304      const mediaContainer = section.querySelector('.section-5050_media-container');
3305      const imgSlot = section.querySelector('.slot-5050_img-container');
3306      const container5050 = section.querySelector('.section-5050-list_container');
3307
3308      if (mediaContainer && imgSlot && container5050) {
3309        if (window.innerWidth <= 991) { // Tablet breakpoint in Webflow
3310          imgSlot.appendChild(mediaContainer);
3311        } else {
3312          // Move the media container back to its original position
3313          if (mediaContainer.parentElement !== container5050) {
3314            container5050.insertBefore(mediaContainer, container5050.firstChild);
3315          }
3316        }
3317      }
3318    });
3319  }
3320
3321  // Run on page load
3322  moveMediaContainerListWrap();
3323
3324  // Run on window resize
3325  window.addEventListener('resize', moveMediaContainerListWrap);
3326</script>

3326
3327<!-- 5050 DOM Manipulation End -->
3328
3329<!-- Cookie consent-->

3330<script>
3331  // Add this code to global webflow settings and include it in the body tag
3332  (function cookieConsentAdapterScope() {
3333    let settingsClicked = false;
3334    let isFirstCallbackCall = true;
3335    const oneTrustCookiesRejectedEvent = new Event("oneTrustCookiesRejected");
3336
3337    const callOneTrustSdk = function (callback) {
3338      if (!document.querySelector("#onetrust-consent-sdk")) {
3339        setTimeout(function () {
3340          callOneTrustSdk(callback);
3341        }, 100);
3342      } else {
3343        callback();
3344      }
3345    };
3346
3347    function hideCookieBanner() {
3348      const shownBanner = document.querySelector(".show-cookie-banner");
3349
3350      if (shownBanner) {
3351        shownBanner.classList.remove("show-cookie-banner");
3352      }
3353    }
3354
3355    function onRejectAllCookies() {
3356      window.dispatchEvent(oneTrustCookiesRejectedEvent);
3357    }
3358
3359    function onShowSettings(event) {
3360      if (event) {
3361        event.preventDefault();
3362      }
3363
3364      settingsClicked = true;
3365
3366      callOneTrustSdk(function sdkSettingsCallback() {
3367        window.OneTrust.ToggleInfoDisplay();
3368
3369        const rejectAllButton = document.querySelector(
3370          ".ot-pc-refuse-all-handler"
3371        );
3372
3373        if (rejectAllButton) {
3374          rejectAllButton.addEventListener("click", onRejectAllCookies);
3375        }
3376
3377        settingsClicked = false;
3378      });
3379    }
3380
3381    function onAllowAllCookies(event) {
3382      if (event) {
3383        event.preventDefault();
3384      }
3385
3386      try {
3387        localStorage.setItem("CustomCookieBannerAcceptIntent", true);
3388      } catch (err) {
3389        console.warn("Localstorage is not accessible");
3390      }
3391      hideCookieBanner();
3392
3393      callOneTrustSdk(function sdkAllowCallback() {
3394        window.OneTrust.AllowAll();
3395        window.OneTrust.TriggerGoogleAnalyticsEvent(
3396          "Inhouse Cookie Consent",
3397          "Banner Accept Cookies"
3398        );
3399
3400        try {
3401          localStorage.removeItem("CustomCookieBannerAcceptIntent");
3402        } catch (err) {
3403          console.warn("Localstorage is not accessible");
3404        }
3405      });
3406    }
3407
3408    window.OptanonWrapper = function OptanonWrapper() {
3409      // Legacy compatibility event for existing site consumers. OneTrust's native
3410      // OneTrustGroupsUpdated event is the source of truth; the Optimizely loader
3411      // is idempotent so this additional dispatch cannot load it twice.
3412      window.dispatchEvent(new Event('OneTrustGroupsUpdated'));
3413
3414      if (isFirstCallbackCall) {
3415        isFirstCallbackCall = false;
3416        return;
3417      }
3418
3419      if (!settingsClicked) {
3420        hideCookieBanner();
3421      }
3422    };
3423
3424    function handleInitialCookieBannerVisibility() {
3425      let shouldShowBanner = false;
3426      if (document.cookie.indexOf("OptanonAlertBoxClosed") === -1) {
3427        shouldShowBanner = true;
3428      } else {
3429        const lastOnetrustUpdate = "2022/06/14, 16:51";
3430        const cookieString = document.cookie;
3431        let i =
3432            document.cookie.indexOf("OptanonAlertBoxClosed") +
3433            "OptanonAlertBoxClosed=".length;
3434        let dateString = "";
3435
3436        while (cookieString[i] && cookieString[i] !== ";") {
3437          dateString += cookieString[i];
3438          i++; // This was causing the error because i was const
3439        }
3440
3441        // check if reconsent needed because of onetrust list update
3442        if (new Date(`${lastOnetrustUpdate}`) > new Date(dateString)) {
3443          shouldShowBanner = true;
3444        }
3445      }
3446
3447      // user accepted cookie but left the page before onetrust was called
3448      try {
3449        if (localStorage.getItem("CustomCookieBannerAcceptIntent")) {
3450          shouldShowBanner = false;
3451        }
3452      } catch (err) {
3453        console.warn("Localstorage was not accessible");
3454      }
3455
3456      if (shouldShowBanner) {
3457        // change this classname according to webflow elements
3458        document.documentElement.classList.add("show-cookie-banner");
3459      }
3460    }
3461
3462    try {
3463      if (localStorage.getItem("CustomCookieBannerAcceptIntent")) {
3464        onAllowAllCookies();
3465      }
3466    } catch (err) {
3467      console.warn("Localstorage is not accessible");
3468    }
3469
3470    callOneTrustSdk(function setLanguage() {
3471      // detect language from lang attribute
3472      const langAttr = document.documentElement.lang;
3473      window?.OneTrust?.changeLanguage?.(langAttr);
3474    });
3475
3476    handleInitialCookieBannerVisibility();
3477
3478    // Adds global helpers to window object so that you can call this functions anywere in webflow
3479    window.showCookieSettings = onShowSettings;
3480    window.callOneTrustSdk = callOneTrustSdk;
3481    window.hideCookieBanner = hideCookieBanner;
3482    window.onAllowAllCookies = onAllowAllCookies;
3483    window.addConsentChangeListener = function(callback) {

3484      window.addEventListener('OneTrustGroupsUpdated', () => {
3485        const activeGroups = window.OnetrustActiveGroups;
3486        callback(activeGroups);
3487      });
3488    };
3489
3490    window.dispatchEvent(new Event("CookieConsentAdapterLoaded"));
3491  })();
3492</script>

3492
3493
3494<!-- Optimizely consent lifecycle intentionally lives in the head bootstrap.
3495     OneTrust's OneTrustGroupsUpdated state is the only consent decision used to start or stop
3496     Optimizely. Do not add a second cookie-only Optimizely consent handler in the footer. -->
3497
3498<!-- Wistia DF 2805 -->

3499<script src="https://fast.wistia.com/assets/external/E-v1.js" defer></script>

vendor: 1 bytes, line 3499

3500<script>
3501window._wq = window._wq || [];
3502
3503// Keep track of all video instances
3504window.wistiaVideoInstances = window.wistiaVideoInstances || new Map();
3505window.wistiaLoadedVideos = window.wistiaLoadedVideos || new Set();
3506
3507// Track last user interaction time (click/tap/key)
3508window._wistiaLastUserInteraction = 0;
3509['pointerdown', 'keydown', 'touchstart'].forEach(evt => {
3510  document.addEventListener(
3511    evt,
3512    function () {
3513      window._wistiaLastUserInteraction = Date.now();
3514    },
3515    { capture: true, passive: true }
3516  );
3517});
3518
3519function shouldPauseForThisPlay() {
3520  const THRESHOLD = 1000; // 1 second
3521  const last = window._wistiaLastUserInteraction || 0;
3522  return Date.now() - last < THRESHOLD;
3523}
3524
3525// Intersection Observer for lazy loading
3526let wistiaObserver;
3527
3528// Initialize the intersection observer
3529function initWistiaLazyLoading() {
3530  if ('IntersectionObserver' in window) {
3531    wistiaObserver = new IntersectionObserver((entries) => {
3532      entries.forEach(entry => {
3533        if (entry.isIntersecting) {
3534          const element = entry.target;
3535          const wistiaId = element.getAttribute('data-wistia-id');
3536          
3537          if (wistiaId && !window.wistiaLoadedVideos.has(wistiaId)) {
3538            loadWistiaVideo(element, wistiaId);
3539            wistiaObserver.unobserve(element);
3540          }
3541        }
3542      });
3543    }, {
3544      rootMargin: '50px 0px',
3545      threshold: 0.1
3546    });
3547  }
3548}
3549
3550// Load individual Wistia video
3551function loadWistiaVideo(element, wistiaId) {
3552  if (window.wistiaLoadedVideos.has(wistiaId)) {
3553    return;
3554  }
3555  
3556  window.wistiaLoadedVideos.add(wistiaId);
3557  
3558  const embedDiv = element.querySelector('.wistia_embed_placeholder');
3559  if (embedDiv) {
3560    // Activate the embed by changing the class to what Wistia expects
3561    embedDiv.className = `wistia_embed_placeholder wistia_embed wistia_async_${wistiaId}`;
3562    
3563    // Force Wistia to notice the new embed
3564    if (window.Wistia && window.Wistia.embeds && window.Wistia.embeds.setup) {
3565      window.Wistia.embeds.setup();
3566    }
3567    
3568    // Set up the video instance when it's ready
3569    window._wq.push(function(W) {
3570      W.api(wistiaId, function(video) {
3571        if (video) {
3572          // Store the video instance
3573          window.wistiaVideoInstances.set(wistiaId, video);
3574          
3575          // Add play event listener: only pause others if this play followed a user action
3576          video.bind('play', function() {
3577            if (shouldPauseForThisPlay()) {
3578              pauseOtherVideos(wistiaId);
3579            }
3580          });
3581          
3582          video.bind('end', function() {
3583            // Cleanup logic if needed
3584          });
3585        }
3586      });
3587    });
3588  }
3589}
3590
3591// Original wistiaInit function (now sets up lazy loading)
3592window.wistiaInit = function(element) {
3593  if (!element || !(element instanceof Element)) {
3594    return;
3595  }
3596  
3597  const wistiaId = element.getAttribute('data-wistia-id');
3598  if (!wistiaId) {
3599    return;
3600  }
3601  
3602  // Instead of activating the embed, we rename the class to hide it from Wistia
3603  const embedDiv = element.querySelector('.wistia_embed');
3604  if (embedDiv) {
3605    embedDiv.className = 'wistia_embed_placeholder';
3606  }
3607  
3608  // Set up lazy loading for this element
3609  if (wistiaObserver) {
3610    wistiaObserver.observe(element);
3611  } else {
3612    // Fallback: load immediately if IntersectionObserver not supported
3613    loadWistiaVideo(element, wistiaId);
3614  }
3615};
3616
3617// Initialize lazy loading when DOM is ready
3618if (document.readyState === 'loading') {
3619  document.addEventListener('DOMContentLoaded', initWistiaLazyLoading);
3620} else {
3621  initWistiaLazyLoading();
3622}
3623
3624// Queue the initialization to run when Wistia is ready
3625window._wq.push(function(W) {
3626  // Find all existing wistia players and set up lazy loading
3627  const wistiaPlayers = document.querySelectorAll('.wistia-player');
3628  
3629  wistiaPlayers.forEach(player => {
3630    const wistiaId = player.getAttribute('data-wistia-id');
3631    if (!wistiaId) return;
3632    
3633    // Hide the embed from Wistia's automatic scanning
3634    const embedDiv = player.querySelector('.wistia_embed');
3635    if (embedDiv) {
3636      embedDiv.className = 'wistia_embed_placeholder';
3637    }
3638    
3639    // Set up lazy loading for existing players
3640    if (wistiaObserver) {
3641      wistiaObserver.observe(player);
3642    } else {
3643      // Fallback: load immediately if IntersectionObserver not supported
3644      loadWistiaVideo(player, wistiaId);
3645    }
3646  });
3647});
3648
3649// Function to manually trigger video loading (useful for dynamic content)
3650window.loadWistiaVideoById = function(wistiaId) {
3651  const element = document.querySelector(`[data-wistia-id="${wistiaId}"]`);
3652  if (element && !window.wistiaLoadedVideos.has(wistiaId)) {
3653    loadWistiaVideo(element, wistiaId);
3654    if (wistiaObserver) {
3655      wistiaObserver.unobserve(element);
3656    }
3657  }
3658};
3659

3660// Optional: Function to pause all videos (useful for external control)
3661window.pauseAllWistiaVideos = function() {
3662  window.wistiaVideoInstances.forEach((video) => {
3663    if (video.state && video.state() === 'playing') {
3664      video.pause();
3665    }
3666  });
3667};
3668
3669// Pause all other videos when one starts playing (used only when shouldPauseForThisPlay() is true)
3670window.pauseOtherVideos = function(currentId) {
3671  window.wistiaVideoInstances.forEach((video, id) => {
3672    if (id !== currentId && video && video.state && video.state() === 'playing') {
3673      video.pause();
3674    }
3675  });
3676};
3677
3678// Optional: Function to get currently playing video
3679window.getCurrentlyPlayingVideo = function() {
3680  for (let [videoId, video] of window.wistiaVideoInstances) {
3681    if (video.state && video.state() === 'playing') {
3682      return { id: videoId, video: video };
3683    }
3684  }
3685  return null;
3686};
3687
3688// Clean up observer when page unloads
3689window.addEventListener('beforeunload', function() {
3690  if (wistiaObserver) {
3691    wistiaObserver.disconnect();
3692  }
3693});
3694</script>

3694
3695<!-- End of Wistia DF 2805 -->
3696
3697<!-- Mods by MakeBuild: Rich Text Tables -->

3698<script type="cc-ext-hosted-script" src="https://cdn.jsdelivr.net/gh/makebuild-code/[email protected]/src/rich-text-tables/rich-text-tables.min.js" defer></script>

3698
3699
3700<!-- Partnerstack -->

3701<script type='text/javascript'>(function() {var gs = document.createElement('script');gs.src = 'https://js.partnerstack.com/v1/';gs.type = 'text/javascript';gs.async = 'true';gs.onload = gs.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;try {growsumo._initialize('pk_RyQ0LNZ6oqvMhDPi94wJKTNChCL4oYcm'); if (typeof(growsumoInit) === 'function') {growsumoInit();}} catch (e) {}};var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gs, s);})();</script>

3701
3702<!-- Function for sticky mobile category nav START -->
3703

3704<script>
3705
3706const buttonOpen = document.querySelector('.template-sidebar_mobile-button');
3707const buttonClose = document.querySelector('.template-sidebar_mobile-close-button');
3708const menuWrapper = document.querySelector('.template-sidebar_wrap');
3709const body = document.querySelector('body');
3710
3711buttonOpen.addEventListener('click', () => {
3712 menuWrapper.classList.add('open');
3713 buttonOpen.setAttribute('aria-expanded', 'true');
3714 body.style.overflow = 'hidden';
3715});
3716
3717buttonClose.addEventListener('click', () => {
3718 menuWrapper.classList.remove('open');
3719 buttonOpen.setAttribute('aria-expanded', 'false');
3720 body.style.overflow = 'auto';
3721});
3722
3723</script>

3723
3724
3725<!-- Function for sticky mobile category nav END --></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.