<!-- 10 03 2025 -->
<!doctype html>
<!--  This site was created in Webflow. https://webflow.com  --><!--  Last Published: Mon Mar 10 2025 09:41:31 GMT+0000 (Coordinated Universal Time)  -->
<html
    data-wf-page="670e6a49322c0db9195d8127"
    data-wf-site="670e6a49322c0db9195d80d6"
>
    <head>
        <!-- Iubenda CMP -->
        <script
            type="text/javascript"
            src="https://embeds.iubenda.com/widgets/f3288d7b-fa16-4b02-8e18-3ccd7391e476.js"
        ></script>
        <!-- Google Tag Manager -->
        <script>
            (function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    "gtm.start": new Date().getTime(),
                    event: "gtm.js",
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != "dataLayer" ? "&l=" + l : "";
                j.async = true;
                j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, "script", "dataLayer", "GTM-M4G5RCNJ");
        </script>
        <!-- End Google Tag Manager -->
        <meta charset="utf-8" />
        <title>Cognitive AI</title>
        <meta
            content="Cognitive leverages proprietary user data and media tech to support brands/agencies with full funnel media strategies"
            name="description"
        />
        <meta
            content="https://cdn.prod.website-files.com/670e6a49322c0db9195d80d6/6710d0ba04ea91ed67eeb7c1_Opengraph%20Img.png"
            property="og:image"
        />
        <meta
            content="https://cdn.prod.website-files.com/670e6a49322c0db9195d80d6/6710d0ba04ea91ed67eeb7c1_Opengraph%20Img.png"
            property="twitter:image"
        />
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="Webflow" name="generator" />
        <link href="css/normalize.css" rel="stylesheet" type="text/css" />
        <link href="css/webflow.css" rel="stylesheet" type="text/css" />
        <link
            href="css/gummy-cognitive.webflow.css"
            rel="stylesheet"
            type="text/css"
        />
        <style>
            @media (min-width: 992px) {
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="1e43d861-d5a8-a1a8-6bc0-55a49747ed91"] {
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                    display: block;
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="629d31c9-4095-c8f1-688b-246be34ef450"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="af68383f-1043-1474-317c-1b9acbf61d4d"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 35%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
            }
            @media (max-width: 991px) and (min-width: 768px) {
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="817d2a28-1cc4-714d-28ae-608576eb4106"] {
                    display: flex;
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="1be16b38-bf98-f279-d4a4-ac9f19b9bf46"] {
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="629d31c9-4095-c8f1-688b-246be34ef450"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="af68383f-1043-1474-317c-1b9acbf61d4d"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
            }
            @media (max-width: 767px) and (min-width: 480px) {
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="817d2a28-1cc4-714d-28ae-608576eb4106"] {
                    display: flex;
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="1be16b38-bf98-f279-d4a4-ac9f19b9bf46"] {
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="629d31c9-4095-c8f1-688b-246be34ef450"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="af68383f-1043-1474-317c-1b9acbf61d4d"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
            }
            @media (max-width: 479px) {
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="817d2a28-1cc4-714d-28ae-608576eb4106"] {
                    display: flex;
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="1be16b38-bf98-f279-d4a4-ac9f19b9bf46"] {
                    -webkit-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 0%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0)
                        rotateY(0) rotateZ(0) skew(0, 0);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="629d31c9-4095-c8f1-688b-246be34ef450"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
                html.w-mod-js:not(.w-mod-ix)
                    [data-w-id="af68383f-1043-1474-317c-1b9acbf61d4d"] {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -moz-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    -ms-transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    transform: translate3d(0, 30%, 0) scale3d(1, 1, 1)
                        rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                    filter: blur(6px);
                }
            }
        </style>
        <link href="https://fonts.googleapis.com" rel="preconnect" />
        <link
            href="https://fonts.gstatic.com"
            rel="preconnect"
            crossorigin="anonymous"
        />
        <script
            src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"
            type="text/javascript"
        ></script>
        <script type="text/javascript">
            WebFont.load({ google: { families: ["DM Sans:regular,700"] } });
        </script>
        <script type="text/javascript">
            !(function (o, c) {
                var n = c.documentElement,
                    t = " w-mod-";
                ((n.className += t + "js"),
                    ("ontouchstart" in o ||
                        (o.DocumentTouch && c instanceof DocumentTouch)) &&
                        (n.className += t + "touch"));
            })(window, document);
        </script>
        <link
            href="images/favicon.png"
            rel="shortcut icon"
            type="image/x-icon"
        />
        <link href="images/webclip.png" rel="apple-touch-icon" />
        <style>
            /* Lenis css animation */
            html.lenis {
                height: auto;
            }
            .lenis.lenis-smooth {
                scroll-behavior: auto;
            }
            .lenis.lenis-smooth [data-lenis-prevent] {
                overscroll-behavior: contain;
            }
            .lenis.lenis-stopped {
                overflow: hidden;
            }
        </style>
        <style>
            /* JS line animation */
            [js-line-animation] {
                visibility: hidden;
            }
            .w--editor [js-line-animation] {
                visibility: visible;
            }
            [js-line-animation] .line {
                overflow: hidden;
                padding-bottom: 0.2em;
            }
        </style>
    </head>
    <body>
        <!-- Google Tag Manager (noscript) -->
        <noscript
            ><iframe
                src="https://www.googletagmanager.com/ns.html?id=GTM-M4G5RCNJ"
                height="0"
                width="0"
                style="display: none; visibility: hidden"
            ></iframe
        ></noscript>
        <!-- End Google Tag Manager (noscript) -->
        <div class="page-wrapper">
            <div class="global_symbol">
                <div class="global_embed w-embed">
                    <style>
                        /* Wizardry Fluid Settings */
                        body {
                            min-height: 0vw;
                            font-size: calc(
                                0.4934210526315789vw + 0.506578947368421em
                            );
                        }
                        /* Min Font Size */
                        @media screen and (max-width: 991px) {
                            body {
                                font-size: 1em;
                            }
                        }
                        .container {
                            max-width: 100em;
                        }
                        /* Desktop Only CSS (i.e. hover states) */
                        @media only screen and (min-width: 992px) {
                        }
                        /* Main Variables */
                        :root {
                            --main-dark: black;
                            --main-light: white;
                        }
                        /* Global Styles */
                        ::selection {
                            background: var(--main-dark);
                            color: var(--main-light);
                            text-shadow: none;
                        }
                        img::selection,
                        svg::selection {
                            background: transparent;
                        }
                        /* Link color inherits from parent font color  */
                        a {
                            color: inherit;
                        }
                        /* Disable / enable clicking on an element and its children  */
                        .no-click {
                            pointer-events: none;
                        }
                        .can-click {
                            pointer-events: auto;
                        }
                        /* Target any element with a certain "word" in the class name  */
                        [class*="spacer"] {
                        }
                        video::-webkit-media-controls-enclosure {
                            display: none !important;
                        }
                        @media screen and (max-width: 360px) {
                            .navigator-link {
                                padding: 10px;
                            }
                        }
                        @media screen and (max-width: 300px) {
                            .navigator-tablet {
                                display: none;
                            }
                        }
                    </style>
                </div>
            </div>
            <main class="page-main">
                <div
                    data-w-id="817d2a28-1cc4-714d-28ae-608576eb4106"
                    class="page-load sticky1_section"
                >
                    <div class="page-load-content">
                        <img
                            src="images/logo-intro.svg"
                            loading="lazy"
                            data-w-id="1be16b38-bf98-f279-d4a4-ac9f19b9bf46"
                            alt="Logo Cognitive"
                            class="logo-intro"
                        />
                    </div>
                </div>
                <section
                    data-w-id="1e43d861-d5a8-a1a8-6bc0-55a49747ed91"
                    class="video"
                >
                    <div
                        data-poster-url="videos/Video-Hero-Cognitive-poster-00001.jpg"
                        data-video-urls="videos/Video-Hero-Cognitive-transcode.mp4,videos/Video-Hero-Cognitive-transcode.webm"
                        data-autoplay="true"
                        data-loop="true"
                        data-wf-ignore="true"
                        class="opener-video w-background-video w-background-video-atom"
                    >
                        <video
                            id="15ea7198-6c30-3f5e-19fe-4d2b34066744-video"
                            autoplay=""
                            loop=""
                            style="
                                background-image: url(&quot;videos/Video-Hero-Cognitive-poster-00001.jpg&quot;);
                            "
                            muted=""
                            playsinline=""
                            data-wf-ignore="true"
                            data-object-fit="cover"
                        >
                            <source
                                src="videos/Video-Hero-Cognitive-transcode.mp4"
                                data-wf-ignore="true"
                            />
                            <source
                                src="videos/Video-Hero-Cognitive-transcode.webm"
                                data-wf-ignore="true"
                            />
                        </video>
                    </div>
                </section>
                <div
                    data-w-id="a5a14869-176c-f105-c019-cb3dcbab1f0c"
                    data-animation="default"
                    data-collapse="medium"
                    data-duration="400"
                    data-easing="ease"
                    data-easing2="ease"
                    role="banner"
                    class="navbar w-nav"
                >
                    <div class="navbar_container">
                        <a href="#" class="w-nav-brand"
                            ><img
                                width="139"
                                height="36.260868072509766"
                                alt=""
                                src="images/Vectors-Wrapper.svg"
                                loading="lazy"
                                id="Hero"
                                class="navbar_logo"
                        /></a>
                        <nav role="navigation" class="nav-menu w-nav-menu">
                            <div class="nav-flex">
                                <a href="#user" class="nav-link w-nav-link"
                                    >Customer</a
                                >
                                <a
                                    href="#technology"
                                    class="nav-link w-nav-link"
                                    >Technology</a
                                >
                                <a href="#funnel" class="nav-link w-nav-link"
                                    >Funnel</a
                                >
                                <a href="#client" class="nav-link w-nav-link"
                                    >Our Clients</a
                                >
                            </div>
                        </nav>
                        <div class="buttons-container">
                            <a
                                href="mailto:info@cognitiveadv.com?subject=Cognitive%20Website"
                                class="navbar_button w-button"
                                >Get in touch</a
                            >
                        </div>
                    </div>
                </div>
                <div
                    data-w-id="370e95d9-f632-c4c9-4115-2dc142d3e76d"
                    data-animation="default"
                    data-collapse="medium"
                    data-duration="400"
                    data-easing="ease"
                    data-easing2="ease"
                    role="banner"
                    class="navigator-tablet w-nav"
                >
                    <a href="#user" class="navigator-link w-nav-link"
                        >Customer</a
                    >
                    <a href="#technology" class="navigator-link w-nav-link"
                        >Technology</a
                    >
                    <a href="#funnel" class="navigator-link w-nav-link"
                        >Funnel</a
                    >
                    <a href="#client" class="navigator-link w-nav-link"
                        >Clients</a
                    >
                    <nav
                        role="navigation"
                        class="navmenu-tabley w-nav-menu"
                    ></nav>
                </div>
                <section class="home-hero_section">
                    <div class="container">
                        <div class="page-padding is-home-hero">
                            <div class="home-hero_layout">
                                <div
                                    data-w-id="629d31c9-4095-c8f1-688b-246be34ef450"
                                    class="hero_left"
                                >
                                    <div class="heading-hero">
                                        <h1
                                            js-line-animation=""
                                            class="h-large is-hero"
                                        >
                                            Deep User Understanding, Full-Funnel
                                        </h1>
                                        <p js-line-animation="" class="p-large">
                                            <strong
                                                >Cognitive leverages proprietary
                                                user data and media tech to
                                                support brands/agencies with
                                                full funnel media
                                                strategies</strong
                                            >
                                        </p>
                                    </div>
                                    <a
                                        href="#user"
                                        class="button-hero w-inline-block"
                                    >
                                        <div>Discover our method</div>
                                        <img
                                            src="images/hero-button.svg"
                                            loading="lazy"
                                            alt=""
                                        />
                                    </a>
                                </div>
                                <div
                                    data-w-id="af68383f-1043-1474-317c-1b9acbf61d4d"
                                    class="hero_right"
                                >
                                    <img
                                        src="images/img-hero_1.avif"
                                        loading="lazy"
                                        alt="Woman with a phone in her hand"
                                        class="full-img is-hero"
                                    />
                                    <div
                                        data-poster-url="videos/Cognitive-Visual-Data-2-copia-poster-00001.jpg"
                                        data-video-urls="videos/Cognitive-Visual-Data-2-copia-transcode.mp4,videos/Cognitive-Visual-Data-2-copia-transcode.webm"
                                        data-autoplay="true"
                                        data-loop="true"
                                        data-wf-ignore="true"
                                        class="video-hero w-background-video w-background-video-atom"
                                    >
                                        <video
                                            id="84979483-16ab-68da-d22d-e664842ee2f0-video"
                                            autoplay=""
                                            loop=""
                                            style="
                                                background-image: url(&quot;videos/Cognitive-Visual-Data-2-copia-poster-00001.jpg&quot;);
                                            "
                                            muted=""
                                            playsinline=""
                                            data-wf-ignore="true"
                                            data-object-fit="cover"
                                        >
                                            <source
                                                src="videos/Cognitive-Visual-Data-2-copia-transcode.mp4"
                                                data-wf-ignore="true"
                                            />
                                            <source
                                                src="videos/Cognitive-Visual-Data-2-copia-transcode.webm"
                                                data-wf-ignore="true"
                                            />
                                        </video>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="user" class="sticky1_section">
                    <div
                        data-w-id="44a2c114-4b95-e4a6-c8a4-4431c58c471a"
                        style="
                            opacity: 0;
                            -webkit-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -moz-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -ms-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            transform: translate3d(0, 32px, 0) scale3d(1, 1, 1)
                                rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                            filter: blur(4px);
                        "
                        class="container"
                    >
                        <div class="page-padding is-sticky1">
                            <div class="heading-sticky1">
                                <div class="max-width-small">
                                    <h2 js-line-animation="" class="h-larger">
                                        Understand your customer
                                    </h2>
                                    <p
                                        js-line-animation=""
                                        class="p-larger is-sticky1"
                                    >
                                        <strong
                                            >We know who you should be
                                            targeting. Our advanced technologies
                                            are designed to understand customer
                                            habits and deliver your message with
                                            maximum impact</strong
                                        >
                                    </p>
                                </div>
                            </div>
                            <div class="sticky_flex">
                                <div class="sticky_item is-1">
                                    <div class="page-padding is-sticky is-1">
                                        <div class="sticky_layout is-1">
                                            <div class="sticky_top">
                                                <div class="p-large">
                                                    Cognitive ID
                                                </div>
                                            </div>
                                            <div
                                                data-w-id="5a9d9cc4-5a17-d2d6-9c2b-1486650a9c43"
                                                style="
                                                    opacity: 0;
                                                    -webkit-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    filter: blur(4px);
                                                "
                                                class="sticky_grid is-1"
                                            >
                                                <div
                                                    id="w-node-_5a9d9cc4-5a17-d2d6-9c2b-1486650a9c44-195d8127"
                                                    class="sticky_left"
                                                >
                                                    <p class="p-larger is-card">
                                                        <strong
                                                            >Cognitive ID is a
                                                            cookieless solution
                                                            that creates
                                                            in-depth views of
                                                            user habits by
                                                            tracking them for
                                                            12+ months, enabling
                                                            us to achieve 92%
                                                            user knowledge while
                                                            monitoring the
                                                            entire conversion
                                                            funnel
                                                            journey.</strong
                                                        >
                                                    </p>
                                                </div>
                                                <div class="sticky_right">
                                                    <img
                                                        src="images/sticky_1.webp"
                                                        loading="lazy"
                                                        sizes="(max-width: 708px) 100vw, 708px"
                                                        srcset="
                                                            images/sticky_1sticky.webp 500w,
                                                            images/sticky_1.webp       708w
                                                        "
                                                        alt=""
                                                        class="full-img"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="sticky_item is-2">
                                    <div class="page-padding is-sticky is-1">
                                        <div class="sticky_layout is-1">
                                            <div class="sticky_top">
                                                <div class="p-large">
                                                    Cognitive Footprint
                                                </div>
                                            </div>
                                            <div
                                                data-w-id="ab829dfa-f902-2f4d-ec30-7a68f5764186"
                                                style="
                                                    opacity: 0;
                                                    -webkit-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    filter: blur(4px);
                                                "
                                                class="sticky_grid is-1"
                                            >
                                                <div class="sticky_left">
                                                    <p class="p-larger is-card">
                                                        <strong
                                                            >Unlock Hyper
                                                            Profiling through
                                                            Cognitive Footprint.
                                                            Target campaigns for
                                                            users interests,
                                                            attention spans,
                                                            life attitudes,
                                                            mental habits,
                                                            content preferences
                                                            and purchasing
                                                            patterns.</strong
                                                        >
                                                    </p>
                                                </div>
                                                <div
                                                    id="w-node-_81565eff-aeb3-d015-b208-619d28dc165a-195d8127"
                                                    class="sticky_right"
                                                >
                                                    <img
                                                        src="images/sticky_Img2.webp"
                                                        loading="lazy"
                                                        sizes="100vw"
                                                        srcset="
                                                            images/sticky_Img2-p-500.webp   500w,
                                                            images/sticky_Img2-p-800.webp   800w,
                                                            images/sticky_Img2-p-1080.webp 1080w,
                                                            images/sticky_Img2-p-1600.webp 1600w,
                                                            images/sticky_Img2-p-2000.webp 2000w,
                                                            images/sticky_Img2.webp        2124w
                                                        "
                                                        alt=""
                                                        class="full-img is-target"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="sticky_item is-3">
                                    <div class="page-padding is-sticky">
                                        <div class="sticky_layout">
                                            <div class="sticky_top">
                                                <div class="p-large">
                                                    Advanced Targeting
                                                </div>
                                            </div>
                                            <div
                                                data-w-id="29f3c500-b5d6-7be8-a530-b7215412e2fe"
                                                style="
                                                    opacity: 0;
                                                    -webkit-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    filter: blur(4px);
                                                "
                                                class="sticky_grid is-3"
                                            >
                                                <div class="sticky_left">
                                                    <p class="p-larger is-card">
                                                        <strong
                                                            >Create unique
                                                            segments of users
                                                            demonstrating
                                                            compatibility and
                                                            purchasing intent.
                                                            Manage advertising
                                                            pressure with
                                                            Frequency Capping.
                                                            Employ Advanced
                                                            Contextual features
                                                            to engage users in
                                                            impactful editorial
                                                            environments.</strong
                                                        >
                                                    </p>
                                                </div>
                                                <div class="sticky_right">
                                                    <img
                                                        src="images/sticky_Img3.webp"
                                                        loading="lazy"
                                                        sizes="100vw"
                                                        srcset="
                                                            images/sticky_Img3-p-500.webp   500w,
                                                            images/sticky_Img3-p-800.webp   800w,
                                                            images/sticky_Img3-p-1080.webp 1080w,
                                                            images/sticky_Img3-p-1600.webp 1600w,
                                                            images/sticky_Img3-p-2000.webp 2000w,
                                                            images/sticky_Img3.webp        2124w
                                                        "
                                                        alt=""
                                                        class="full-img is-3"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="sticky_item is-4">
                                    <div class="page-padding is-sticky">
                                        <div class="sticky_layout">
                                            <div class="sticky_top">
                                                <div class="p-large">
                                                    Traditional Targeting
                                                </div>
                                            </div>
                                            <div
                                                data-w-id="9684d422-0677-c965-481d-a94b304ae574"
                                                style="
                                                    opacity: 0;
                                                    -webkit-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    transform: translate3d(
                                                            0,
                                                            32px,
                                                            0
                                                        )
                                                        scale3d(1, 1, 1)
                                                        rotateX(0) rotateY(0)
                                                        rotateZ(0) skew(0, 0);
                                                    filter: blur(4px);
                                                "
                                                class="sticky_grid"
                                            >
                                                <div class="sticky_left">
                                                    <p class="p-larger is-card">
                                                        <strong
                                                            >Set the parameters
                                                            of your campaigns
                                                            using traditional
                                                            targeting options
                                                            like geolocation,
                                                            socio-demographics
                                                            and user
                                                            interests.</strong
                                                        >
                                                    </p>
                                                </div>
                                                <div class="sticky_right">
                                                    <img
                                                        src="images/sticky_Img4.webp"
                                                        loading="lazy"
                                                        sizes="100vw"
                                                        srcset="
                                                            images/sticky_Img4-p-500.webp   500w,
                                                            images/sticky_Img4-p-800.webp   800w,
                                                            images/sticky_Img4-p-1080.webp 1080w,
                                                            images/sticky_Img4-p-1600.webp 1600w,
                                                            images/sticky_Img4-p-2000.webp 2000w,
                                                            images/sticky_Img4.webp        2124w
                                                        "
                                                        alt=""
                                                        class="full-img"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="technology" class="sticky2_section">
                    <div
                        data-w-id="75511d03-c6e8-71ea-94fc-e58d5c5eeab0"
                        style="
                            opacity: 0;
                            -webkit-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -moz-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -ms-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            transform: translate3d(0, 32px, 0) scale3d(1, 1, 1)
                                rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                            filter: blur(4px);
                        "
                        class="container is-sticky2"
                    >
                        <div class="page-padding is-sticky2">
                            <div class="heading-sticky2">
                                <div class="max-width-small">
                                    <h2 js-line-animation="" class="h-larger">
                                        Master the technology
                                    </h2>
                                    <p
                                        js-line-animation=""
                                        class="p-larger is-sticky1"
                                    >
                                        <strong
                                            >We know how to best achieve your
                                            goals. We combine internal and
                                            external tools to craft Customized
                                            Tech Stacks for specific campaign
                                            objectives.</strong
                                        >
                                    </p>
                                </div>
                            </div>
                            <div class="stick2_item">
                                <div class="sticky2_layout">
                                    <div
                                        id="w-node-a4733266-bd65-edbe-2ec2-27d3e63057d3-195d8127"
                                        class="sticky2_left"
                                    >
                                        <img
                                            src="images/2sticky_1.webp"
                                            loading="lazy"
                                            sizes="100vw"
                                            srcset="
                                                images/2sticky_1-p-500.webp   500w,
                                                images/2sticky_1-p-800.webp   800w,
                                                images/2sticky_1-p-1080.webp 1080w,
                                                images/2sticky_1-p-1600.webp 1600w,
                                                images/2sticky_1-p-2000.webp 2000w,
                                                images/2sticky_1.webp        2001w
                                            "
                                            alt=""
                                            class="full-img is-card"
                                        />
                                    </div>
                                    <div class="sticky2_right">
                                        <div class="eyebrow">
                                            AI OPTIMIZATION
                                        </div>
                                        <p class="p-larger is-sticky">
                                            <strong
                                                >We leverage proprietary AI
                                                algorithms that optimize
                                                campaign results in real-time.
                                                Cognitive AI and Machine
                                                Learning technology continually
                                                evolve predictive behaviour
                                                models to compete in an
                                                evolutionary framework by
                                                selecting the best-performing
                                                model to optimize the ongoing
                                                campaign.<br
                                            /></strong>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="stick2_item">
                                <div class="sticky2_layout">
                                    <div
                                        id="w-node-b903c812-fdd5-1e4f-90ff-c7b864a7a866-195d8127"
                                        class="sticky2_left"
                                    >
                                        <img
                                            src="images/2sticky_2.webp"
                                            loading="lazy"
                                            sizes="100vw"
                                            srcset="
                                                images/2sticky_2-p-500.webp   500w,
                                                images/2sticky_2-p-800.webp   800w,
                                                images/2sticky_2-p-1080.webp 1080w,
                                                images/2sticky_2-p-1600.webp 1600w,
                                                images/2sticky_2-p-2000.webp 2000w,
                                                images/2sticky_2.webp        2001w
                                            "
                                            alt=""
                                            class="full-img is-3"
                                        />
                                    </div>
                                    <div class="sticky2_right">
                                        <div class="eyebrow">
                                            Technology NEUTRAL
                                        </div>
                                        <p class="p-larger is-sticky">
                                            <strong
                                                >Cognitive is continuously
                                                researching new advertising
                                                platforms, currently  providing
                                                seamless integration with over
                                                10 DSPs and SSPs, all activated
                                                to meet specific campaign
                                                objectives.<br
                                            /></strong>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="stick2_item">
                                <div class="sticky2_layout">
                                    <div
                                        id="w-node-_3a9ad54f-0e6c-b176-4429-76006a12fe2c-195d8127"
                                        class="sticky2_left"
                                    >
                                        <img
                                            src="images/2sticky_3.webp"
                                            loading="lazy"
                                            sizes="100vw"
                                            srcset="
                                                images/2sticky_3-p-500.webp   500w,
                                                images/2sticky_3-p-800.webp   800w,
                                                images/2sticky_3-p-1080.webp 1080w,
                                                images/2sticky_3-p-1600.webp 1600w,
                                                images/2sticky_3-p-2000.webp 2000w,
                                                images/2sticky_3.webp        2001w
                                            "
                                            alt=""
                                            class="full-img is-3"
                                        />
                                    </div>
                                    <div class="sticky2_right">
                                        <div class="eyebrow">
                                            Full Reach/Omnichannel
                                        </div>
                                        <p class="p-larger is-sticky">
                                            <strong
                                                >Reach every publisher across
                                                all digital channels at scale.
                                                Our Custom Tech Stacks are
                                                created to deliver any kind of
                                                ad format that meet IAB
                                                standards in every Publisher
                                                inventory on Mobile, Desktop,
                                                CTV and DOOH.</strong
                                            >
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="funnel" class="funnel_section">
                    <img
                        src="images/Bg_1.avif"
                        loading="lazy"
                        sizes="(max-width: 3840px) 100vw, 3840px"
                        srcset="
                            images/Bg_1Bg.avif  500w,
                            images/Bg_1Bg.avif  800w,
                            images/Bg_1Bg.avif 1080w,
                            images/Bg_1.avif   3840w
                        "
                        alt=""
                        class="funnel_img"
                    /><img
                        src="images/Funnel-Mobile-1.webp"
                        loading="lazy"
                        sizes="(max-width: 1290px) 100vw, 1290px"
                        srcset="
                            images/Funnel-Mobile-1-p-500.webp   500w,
                            images/Funnel-Mobile-1-p-800.webp   800w,
                            images/Funnel-Mobile-1-p-1080.webp 1080w,
                            images/Funnel-Mobile-1.webp        1290w
                        "
                        alt=""
                        class="funnel_img is-mobile"
                    />
                    <div
                        data-w-id="3df9e62a-6801-1d52-3dc7-fa50a6bac2b1"
                        style="
                            opacity: 0;
                            -webkit-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -moz-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -ms-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            transform: translate3d(0, 32px, 0) scale3d(1, 1, 1)
                                rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                            filter: blur(4px);
                        "
                        class="container is-funnel"
                    >
                        <div class="page-padding is-funnel">
                            <div class="funnel_layout">
                                <div class="funnel_grid">
                                    <div
                                        id="w-node-_47ba81ec-8172-061b-f12e-6acd05d8850a-195d8127"
                                        class="funnel-grid_left"
                                    >
                                        <h3
                                            js-line-animation=""
                                            class="h-larger is-funnel"
                                        >
                                            Unveil the fuse funnel approach
                                        </h3>
                                    </div>
                                    <div
                                        id="w-node-_9b0f5064-8542-cd66-2c1d-ac4f21d35171-195d8127"
                                        class="funnel-grid_lright"
                                    >
                                        <p
                                            js-line-animation=""
                                            class="p-large is-funnel"
                                        >
                                            <strong
                                                >We view the funnel not as a
                                                linear sequence of steps, but as
                                                a dynamic journey where users
                                                can move forward or pause at any
                                                point. Cognitive technologies
                                                monitor progress (or
                                                regressions) and adjust delivery
                                                based on each user’s
                                                passage.</strong
                                            >
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="client" class="logo_section">
                    <div
                        data-w-id="93570f7f-2468-3ae2-3569-d0c11f31f71d"
                        style="
                            opacity: 0;
                            -webkit-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -moz-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -ms-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            transform: translate3d(0, 32px, 0) scale3d(1, 1, 1)
                                rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                            filter: blur(4px);
                        "
                        class="container"
                    >
                        <div class="page-padding is-logo">
                            <div class="text-logo">
                                <div class="text-size-h3">Our Customers</div>
                            </div>
                            <div class="clients-wrapper-three">
                                <img
                                    loading="lazy"
                                    src="images/Entain_Logo_2020-1.svg"
                                    alt="AriseHealth logo"
                                    class="clients-image-three"
                                /><img
                                    width="94"
                                    height="Auto"
                                    alt="OE logo"
                                    src="images/Levis_logo-1.svg"
                                    loading="lazy"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/william-hill-seeklogo-1.svg"
                                    alt="2020INC logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/EBay_logo-1.svg"
                                    alt="The Paak logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Safilo_logo-1.svg"
                                    alt="Ephicient logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/ITA_Airways_Logo-1.svg"
                                    alt="AriseHealth logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Trenitalia_logo.svg"
                                    alt="The Paak logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/TIM-Telecom-Italia-Mobile-2016.svg"
                                    alt="Ephicient logo"
                                    class="clients-image-three"
                                /><img
                                    width="98"
                                    loading="lazy"
                                    alt="OE logo"
                                    src="images/ford_oval_blue_logo-1.svg"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/OVS-2014.svg"
                                    alt="AriseHealth logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Ferrero-Group.svg"
                                    alt="2020INC logo"
                                    class="clients-image-three"
                                /><img
                                    width="50"
                                    loading="lazy"
                                    alt="The Paak logo"
                                    src="images/Warner_Bros._2019_logo.svg"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Group.svg"
                                    alt="OE logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Poste-italiane-New.svg"
                                    alt="OE logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Enel-Energy.svg"
                                    alt="2020INC logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Sorgenia.svg"
                                    alt="The Paak logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/mcdonalds.svg"
                                    alt="Ephicient logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Ikea-New.svg"
                                    alt="Ephicient logo"
                                    class="clients-image-three"
                                /><img
                                    width="151"
                                    loading="lazy"
                                    alt="OE logo"
                                    src="images/Unieuro.svg"
                                    class="clients-image-three"
                                /><img
                                    width="87"
                                    loading="lazy"
                                    alt="Ephicient logo"
                                    src="images/coop.svg"
                                    class="clients-image-three"
                                /><img
                                    width="128"
                                    loading="lazy"
                                    alt="Ephicient logo"
                                    src="images/logo-plenitude-horiz.svg"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Banca_Sella_Group_logo.svg"
                                    alt="The Paak logo"
                                    class="clients-image-three"
                                /><img
                                    width="63"
                                    loading="lazy"
                                    alt="2020INC logo"
                                    src="images/PlayStation-Blue.svg"
                                    class="clients-image-three"
                                /><img
                                    width="134"
                                    loading="lazy"
                                    alt="2020INC logo"
                                    src="images/Lavazza-New-Navy-Blue.svg"
                                    class="clients-image-three"
                                /><img
                                    width="133"
                                    loading="lazy"
                                    alt="AriseHealth logo"
                                    src="images/allianz-logo.svg"
                                    class="clients-image-three"
                                /><img
                                    width="102"
                                    loading="lazy"
                                    alt="AriseHealth logo"
                                    src="images/Lactalis.svg"
                                    class="clients-image-three"
                                /><img
                                    width="165"
                                    loading="lazy"
                                    alt="AriseHealth logo"
                                    src="images/Stellantis.svg"
                                    class="clients-image-three"
                                /><img
                                    width="110"
                                    loading="lazy"
                                    alt="The Paak logo"
                                    src="images/Versace.svg"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/Vodafone-Logo.wine.svg"
                                    alt="2020INC logo"
                                    class="clients-image-three"
                                /><img
                                    loading="lazy"
                                    src="images/BPER_Banca_logo-1.svg"
                                    alt="OE logo"
                                    class="clients-image-three"
                                />
                            </div>
                        </div>
                    </div>
                </section>
            </main>
            <section class="footer_stick">
                <footer class="footer_section">
                    <div
                        data-w-id="d1afb005-5fd6-c98d-ba24-7daac833ec7b"
                        style="
                            opacity: 0;
                            -webkit-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -moz-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            -ms-transform: translate3d(0, 32px, 0)
                                scale3d(1, 1, 1) rotateX(0) rotateY(0)
                                rotateZ(0) skew(0, 0);
                            transform: translate3d(0, 32px, 0) scale3d(1, 1, 1)
                                rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
                            filter: blur(4px);
                        "
                        class="container is-footer"
                    >
                        <div class="page-padding is-footer">
                            <div class="footer_layout">
                                <div class="footer_header">
                                    <img
                                        src="images/logo-cognitive.svg"
                                        loading="lazy"
                                        alt="logo cognitive purple"
                                    />
                                    <a href="#" class="button w-button"
                                        >Get in touch</a
                                    >
                                </div>
                                <div class="footer_logo">
                                    <img
                                        src="images/Logotype.svg"
                                        loading="lazy"
                                        alt="Logo cognitive
"
                                        class="logo"
                                    />
                                </div>
                                <div class="footer_back">
                                    <div class="back_left">
                                        <div class="footer_link is-info">
                                            <strong
                                                >Cognitive AI SRL
                                                <br />‍</strong
                                            >Via Lanzone 6, 20123 Milano<br /><strong
                                                >P.IVA 13679630965</strong
                                            >
                                            <br />REA MI-2592300
                                        </div>
                                        <div class="divider"></div>
                                        <a
                                            href="https://cognitiveadv.com/privacy-policy.html"
                                            target="_blank"
                                            class="footer_link"
                                            >Privacy</a
                                        >
                                        <a
                                            href="https://cognitiveadv.com/cookie-policy.html"
                                            target="_blank"
                                            class="footer_link"
                                            >Transparency</a
                                        >
                                        <div class="social">
                                            <a
                                                href="https://it.linkedin.com/company/cognitiveadv"
                                                target="_blank"
                                                class="w-inline-block"
                                            >
                                                <div class="w-embed">
                                                    <svg
                                                        width="26"
                                                        height="26"
                                                        viewbox="0 0 26 26"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                    >
                                                        <rect
                                                            x="0.640625"
                                                            y="0.910156"
                                                            width="24.8205"
                                                            height="24.8205"
                                                            rx="2.39341"
                                                            fill="#BBC7D3"
                                                        ></rect>
                                                        <path
                                                            d="M17.1896 9.18364C18.8353 9.18364 20.4136 9.8374 21.5773 11.0011C22.7409 12.1648 23.3947 13.7431 23.3947 15.3888V22.6281H19.2579V15.3888C19.2579 14.8402 19.04 14.3141 18.6521 13.9262C18.2642 13.5383 17.7381 13.3204 17.1896 13.3204C16.641 13.3204 16.1149 13.5383 15.727 13.9262C15.3391 14.3141 15.1212 14.8402 15.1212 15.3888V22.6281H10.9844V15.3888C10.9844 13.7431 11.6382 12.1648 12.8019 11.0011C13.9656 9.8374 15.5439 9.18364 17.1896 9.18364Z"
                                                            fill="black"
                                                        ></path>
                                                        <path
                                                            d="M6.84769 10.2178H2.71094V22.6281H6.84769V10.2178Z"
                                                            fill="black"
                                                        ></path>
                                                        <path
                                                            d="M4.77931 7.11527C5.92165 7.11527 6.84769 6.18922 6.84769 5.04689C6.84769 3.90456 5.92165 2.97852 4.77931 2.97852C3.63698 2.97852 2.71094 3.90456 2.71094 5.04689C2.71094 6.18922 3.63698 7.11527 4.77931 7.11527Z"
                                                            fill="black"
                                                        ></path>
                                                    </svg>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="back_right">
                                        <div class="footer_text">
                                            <div class="p-larger">
                                                A new era of<br />media awaits
                                            </div>
                                            <div class="footer_link">
                                                Ready to supercharge<br />your
                                                campaign results
                                            </div>
                                        </div>
                                        <div class="footer_flex">
                                            <a
                                                href="mailto:info@cognitiveadv.com?subject=Cognitive%20Website"
                                                class="button text-white w-button"
                                                >Get in touch</a
                                            >
                                            <div class="copyright">
                                                © 2024 Cognitive. All Rights
                                                Reserved.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </section>
        </div>
        <script
            src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=670e6a49322c0db9195d80d6"
            type="text/javascript"
            integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
            crossorigin="anonymous"
        ></script>
        <script src="js/webflow.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.23/bundled/lenis.min.js"></script>
        <script>
            // 1.0 Lenis Scroll animation
            // LENIS SMOOTH SCROLL
            let lenis;
            if (Webflow.env("editor") === undefined) {
                lenis = new Lenis({
                    lerp: 0.1,
                    wheelMultiplier: 0.7,
                    gestureOrientation: "vertical",
                    normalizeWheel: false,
                    smoothTouch: false,
                });
                function raf(time) {
                    lenis.raf(time);
                    requestAnimationFrame(raf);
                }
                requestAnimationFrame(raf);
            }
            $("[data-lenis-start]").on("click", function () {
                lenis.start();
            });
            $("[data-lenis-stop]").on("click", function () {
                lenis.stop();
            });
            $("[data-lenis-toggle]").on("click", function () {
                $(this).toggleClass("stop-scroll");
                if ($(this).hasClass("stop-scroll")) {
                    lenis.stop();
                } else {
                    lenis.start();
                }
            });
        </script>
        <script src="https://unpkg.com/split-type"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
        <script>
            window.addEventListener("load", () => {
                $("[js-line-animation]").each(function (index) {
                    gsap.set($(this), { autoAlpha: 1 });
                    let textEl = $(this);
                    let textContent = $(this).text();
                    let tl;
                    function splitText() {
                        new SplitType(textEl, {
                            types: "lines",
                            tagName: "span",
                        });
                        textEl.find(".line").each(function (index) {
                            let lineContent = $(this).html();
                            $(this).html("");
                            $(this).append(
                                `<span class="line-inner" style="display: block;">${lineContent}</span>`,
                            );
                        });
                        tl = gsap.timeline({
                            scrollTrigger: {
                                trigger: textEl,
                                start: "top bottom",
                                end: "bottom bottom",
                                toggleActions: "none play none reset",
                            },
                        });
                        tl.fromTo(
                            textEl.find(".line-inner"),
                            { yPercent: 140 },
                            {
                                yPercent: 0,
                                duration: 0.6,
                                stagger: { amount: 0.5, ease: "power1.out" },
                            },
                        );
                    }
                    splitText();
                    let windowWidth = window.innerWidth;
                    window.addEventListener("resize", function () {
                        if (windowWidth !== window.innerWidth) {
                            windowWidth = window.innerWidth;
                            tl.kill();
                            textEl.text(textContent);
                            splitText();
                        }
                    });
                });
            });
        </script>
        <script>
            $(document).ready(function () {
                // Funzione per attivare l'animazione di Lottie
                function toggleLottieAnimation() {
                    // Aggiungi qui il codice per attivare il Lottie o un'animazione sull'icona hamburger
                    $(".menu-button").trigger("click"); // Trigger per il pulsante menu
                }
                // Quando clicchi su un link nel menu, avvia l'animazione Lottie
                $(".Nav-Link").on("click", function (event) {
                    event.preventDefault(); // Previene il comportamento di default del link (se necessario)
                    toggleLottieAnimation();
                    // Aspetta un momento e poi segui l'ancora
                    var target = $(this).attr("href");
                    setTimeout(function () {
                        window.location.href = target; // Reindirizza alla sezione dell'anchor
                    }, 500); // 500ms: modifica il ritardo a seconda della durata dell'animazione
                });
            });
        </script>
    </body>
</html>
