{"id":42,"date":"2025-07-02T20:51:35","date_gmt":"2025-07-02T20:51:35","guid":{"rendered":"https:\/\/haipestudio.com\/?page_id=42"},"modified":"2025-10-22T10:56:25","modified_gmt":"2025-10-22T10:56:25","slug":"about","status":"publish","type":"page","link":"https:\/\/haipestudio.com\/en\/about\/","title":{"rendered":"About"},"content":{"rendered":"  <section class=\"main-cta main-cta--h1 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h1            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h1\"\n            >\n            Transforming Businesses One Automation at a Time          <\/h1>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description \"><p>We&#8217;re not just another tech company. We&#8217;re your partners in building a more efficient, profitable, and scalable business through intelligent automation.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n<section class=\"big-numbers big-numbers--default\" aria-label=\"Estat\u00edsticas e n\u00fameros importantes\">\n  \n  <div class=\"big-numbers__container\">\n          <div class=\"big-numbers__grid\">\n                  <article class=\"big-numbers__item\">\n            <div class=\"big-numbers__number-wrapper\">\n                              <!-- For default variant, use regex processing for animation -->\n                                <span class=\"big-numbers__number\"\n                  data-value=\"2,500\"\n                  data-prefix=\"\"\n                  data-suffix=\"+\"\n                  data-variant=\"default\">\n                <\/span>\n                          <\/div>\n            <div class=\"big-numbers__description\" role=\"text\" aria-label=\"Descri\u00e7\u00e3o: Businesses Automations\">\n              Businesses Automations            <\/div>\n                      <\/article>\n                  <article class=\"big-numbers__item\">\n            <div class=\"big-numbers__number-wrapper\">\n                              <!-- For default variant, use regex processing for animation -->\n                                <span class=\"big-numbers__number\"\n                  data-value=\"89\"\n                  data-prefix=\"\"\n                  data-suffix=\"%\"\n                  data-variant=\"default\">\n                <\/span>\n                          <\/div>\n            <div class=\"big-numbers__description\" role=\"text\" aria-label=\"Descri\u00e7\u00e3o: Average Time Savings\">\n              Average Time Savings            <\/div>\n                      <\/article>\n                  <article class=\"big-numbers__item\">\n            <div class=\"big-numbers__number-wrapper\">\n                              <!-- For default variant, use regex processing for animation -->\n                                <span class=\"big-numbers__number\"\n                  data-value=\"2.8\"\n                  data-prefix=\"$\"\n                  data-suffix=\"M+\"\n                  data-variant=\"default\">\n                <\/span>\n                          <\/div>\n            <div class=\"big-numbers__description\" role=\"text\" aria-label=\"Descri\u00e7\u00e3o: Cost Savings Generated\">\n              Cost Savings Generated            <\/div>\n                      <\/article>\n                  <article class=\"big-numbers__item\">\n            <div class=\"big-numbers__number-wrapper\">\n                              <!-- For default variant, use regex processing for animation -->\n                                <span class=\"big-numbers__number\"\n                  data-value=\"15\"\n                  data-prefix=\"\"\n                  data-suffix=\"+\"\n                  data-variant=\"default\">\n                <\/span>\n                          <\/div>\n            <div class=\"big-numbers__description\" role=\"text\" aria-label=\"Descri\u00e7\u00e3o: Countries Served\">\n              Countries Served            <\/div>\n                      <\/article>\n              <\/div>\n      <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Support multiple big-numbers blocks on the same page\n    const bigNumbersSections = document.querySelectorAll('.big-numbers');\n    \n    bigNumbersSections.forEach((section, sectionIndex) => {\n        const bigNumbers = section.querySelectorAll('.big-numbers__number');\n        let animationExecuted = false; \/\/ Flag per section to prevent repetition\n\n        \/\/ Easing function for smooth deceleration at the end\n        function easeOutQuart(t) {\n            return 1 - Math.pow(1 - t, 4);\n        }\n\n        function addDigit(element, digit, fresh) {\n            const spanList = Array(10)\n                .join(0)\n                .split(0)\n                .map((x, j) => `<span>${j}<\/span>`)\n                .join('');\n\n            element.insertAdjacentHTML(\n                \"beforeend\",\n                `<span style=\"transform: translateY(-1000%)\" data-value=\"${digit}\">\n                    ${spanList}\n                <\/span>`);\n\n            const firstDigit = element.lastElementChild;\n\n            setTimeout(() => {\n                firstDigit.className = \"visible\";\n            }, fresh ? 0 : 20);\n        }\n\n        function setupNumber(element, startNum) {\n        \/\/ If animation already executed, don't run again\n        if (animationExecuted) return;\n        \n        const variant = element.dataset.variant;\n        \n        \/\/ Only process default variant, skip with-bg variant\n        if (variant === 'with-bg') return;\n        \n        const wrapper = element.closest('.big-numbers__number-wrapper');\n        const prefix = element.dataset.prefix;\n        const suffix = element.dataset.suffix;\n        \n        \/\/ Clear wrapper\n        wrapper.innerHTML = '';\n        \n        \/\/ Add prefix if exists (including spaces)\n        if (prefix) {\n            if (prefix.trim() !== '') {\n                wrapper.insertAdjacentHTML('beforeend', \n                    `<span class=\"big-numbers__number-prefix\" style=\"opacity: 1\">${prefix}<\/span>`);\n            }\n        }\n        \n        \/\/ Extract digits and separators from the number\n        const numberStr = startNum.toString();\n        const digits = [];\n        const separators = [];\n        let currentDigit = '';\n        \n        for (let i = 0; i < numberStr.length; i++) {\n            const char = numberStr[i];\n            if (\/\\d\/.test(char)) {\n                if (currentDigit !== '') {\n                    digits.push(currentDigit);\n                    currentDigit = '';\n                }\n                digits.push(char);\n            } else if (\/[.,]\/.test(char)) {\n                if (currentDigit !== '') {\n                    digits.push(currentDigit);\n                    currentDigit = '';\n                }\n                separators.push(char);\n            } else {\n                currentDigit += char;\n            }\n        }\n        if (currentDigit !== '') {\n            digits.push(currentDigit);\n        }\n        \n        \/\/ Add number container with data\n        const numberElement = document.createElement('span');\n        numberElement.className = 'big-numbers__number';\n        numberElement.dataset.value = startNum;\n        numberElement.dataset.prefix = prefix || '';\n        numberElement.dataset.suffix = suffix || '';\n        numberElement.style.opacity = '0'; \n        \n        \/\/ Set stable width based on total characters (digits + separators)\n        const totalWidth = `${numberStr.length * 0.68}em`;\n        numberElement.style.width = totalWidth;\n        \n        wrapper.appendChild(numberElement);\n        \n        \/\/ Add suffix if exists (including spaces)\n        if (suffix) {\n            if (suffix.trim() !== '') {\n                wrapper.insertAdjacentHTML('beforeend', \n                    `<span class=\"big-numbers__number-suffix\" style=\"opacity: 1\">${suffix}<\/span>`);\n            }\n        }\n        \n        \/\/ Create the animated number structure\n        let digitIndex = 0;\n        let separatorIndex = 0;\n        \n        for (let i = 0; i < numberStr.length; i++) {\n            const char = numberStr[i];\n            if (\/\\d\/.test(char)) {\n                \/\/ Add digit with animation\n                addDigit(numberElement, char, true);\n                digitIndex++;\n            } else if (\/[.,]\/.test(char)) {\n                \/\/ Add separator as static element\n                const separatorSpan = document.createElement('span');\n                separatorSpan.textContent = char;\n                separatorSpan.style.opacity = '0';\n                separatorSpan.style.transition = 'opacity 0.3s';\n                separatorSpan.style.marginLeft = '0.05em';\n                separatorSpan.style.marginRight = '0.05em';\n                numberElement.appendChild(separatorSpan);\n                \n                \/\/ Show separator after animation\n                setTimeout(() => {\n                    separatorSpan.style.opacity = '1';\n                }, 2000 + (i * 100));\n                \n                separatorIndex++;\n            }\n        }\n\n        void numberElement.offsetWidth;\n\n        setTimeout(() => {\n            \/\/ Animate digits with easing for smooth deceleration\n            digits.forEach((digit, index) => {\n                const digitElement = numberElement.querySelectorAll('span[data-value]')[index];\n                if (digitElement) {\n                    \/\/ Apply easing function to create smooth deceleration\n                    digitElement.style.transition = 'transform 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                    digitElement.style.transform = `translateY(-${100 * parseInt(digit)}%)`;\n                }\n            });\n            \n            numberElement.style.transition = 'opacity 0.3s';\n            numberElement.style.opacity = '1';\n        }, 100); \n        }\n\n        \/\/ Intersection Observer to trigger animation when element is visible\n        const observerOptions = {\n            threshold: 0.3,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                const numbers = entry.target.querySelectorAll('.big-numbers__number');\n                if (entry.isIntersecting && !animationExecuted) {\n                    numbers.forEach(number => {\n                        \/\/ Only process numbers that have data-value (default variant)\n                        if (number.dataset.value) {\n                            setupNumber(number, number.dataset.value);\n                        }\n                    });\n                    \/\/ Mark animation as executed after first run\n                    animationExecuted = true;\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe this specific big-numbers section\n        observer.observe(section);\n    });\n});\n<\/script>\n\n<div id=\"\" class=\"container-block-repeater-block\" style=\"background-color:#663bb7;\">\n    <div class=\"acf-innerblocks-container\">\n  <section class=\"main-cta main-cta--h2 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h2            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h2\"\n            >\n            Our Mission          <\/h2>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description main-cta__description--h2\"><p class=\"p1\">We believe every business deserves to operate at peak efficiency. Our mission is to democratize automation, making enterprise-level AI and automation accessible to businesses of all sizes.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n  <section id=\"\" class=\"mission-cards-block\" aria-label=\"Cart\u00f5es de miss\u00e3o e valores\">\n    <div class=\"mission-cards-block__container\">\n      <div class=\"mission-cards-block__grid\">\n        <div class=\"mission-cards-block__cards\">\n                                    <article class=\"mission-cards-block__card\" aria-labelledby=\"mission-card-title-0\">\n\n                <!-- Icon -->\n                                  <div class=\"mission-cards-block__icon\">\n                    <figure class=\"mission-cards-block__icon-figure\">\n                      <div class=\"mission-cards-block__icon-container\">\n                        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.666992\" width=\"64\" height=\"64\" rx=\"32\" fill=\"#85EABD\"\/>\n<path d=\"M32.6673 45.3334C40.0311 45.3334 46.0007 39.3638 46.0007 32C46.0007 24.6362 40.0311 18.6667 32.6673 18.6667C25.3035 18.6667 19.334 24.6362 19.334 32C19.334 39.3638 25.3035 45.3334 32.6673 45.3334Z\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M32.667 40C37.0853 40 40.667 36.4183 40.667 32C40.667 27.5817 37.0853 24 32.667 24C28.2487 24 24.667 27.5817 24.667 32C24.667 36.4183 28.2487 40 32.667 40Z\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M32.6667 34.6666C34.1394 34.6666 35.3333 33.4727 35.3333 32C35.3333 30.5272 34.1394 29.3333 32.6667 29.3333C31.1939 29.3333 30 30.5272 30 32C30 33.4727 31.1939 34.6666 32.6667 34.6666Z\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                      <\/div>\n                    <\/figure>\n                  <\/div>\n                \n                <!-- Title -->\n                                  <header class=\"mission-cards-block__header\">\n                    <h3 id=\"mission-card-title-0\" class=\"mission-cards-block__title\">\n                      Results-Driven                    <\/h3>\n                  <\/header>\n                \n                <!-- Description -->\n                                  <div class=\"mission-cards-block__content\">\n                    <div class=\"mission-cards-block__description\">\n                      We don&#039;t just build automation &#8211; we deliver measurable business outcomes that impact your bottom line.                    <\/div>\n                  <\/div>\n                \n              <\/article>\n                                                <article class=\"mission-cards-block__card\" aria-labelledby=\"mission-card-title-1\">\n\n                <!-- Icon -->\n                                  <div class=\"mission-cards-block__icon\">\n                    <figure class=\"mission-cards-block__icon-figure\">\n                      <div class=\"mission-cards-block__icon-container\">\n                        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#85EABD\"\/>\n<path d=\"M41.3239 34.1667C43.3106 32.22 45.3239 29.8867 45.3239 26.8333C45.3239 24.8884 44.5513 23.0232 43.176 21.6479C41.8007 20.2726 39.9355 19.5 37.9906 19.5C35.6439 19.5 33.9906 20.1667 31.9906 22.1667C29.9906 20.1667 28.3372 19.5 25.9906 19.5C24.0456 19.5 22.1804 20.2726 20.8051 21.6479C19.4298 23.0232 18.6572 24.8884 18.6572 26.8333C18.6572 29.9 20.6572 32.2333 22.6572 34.1667L31.9906 43.5L41.3239 34.1667Z\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                      <\/div>\n                    <\/figure>\n                  <\/div>\n                \n                <!-- Title -->\n                                  <header class=\"mission-cards-block__header\">\n                    <h3 id=\"mission-card-title-1\" class=\"mission-cards-block__title\">\n                      Human-Centered                    <\/h3>\n                  <\/header>\n                \n                <!-- Description -->\n                                  <div class=\"mission-cards-block__content\">\n                    <div class=\"mission-cards-block__description\">\n                      Technology should empower people, not replace them. We design automation that enhances human capabilities.                    <\/div>\n                  <\/div>\n                \n              <\/article>\n                                                <article class=\"mission-cards-block__card\" aria-labelledby=\"mission-card-title-2\">\n\n                <!-- Icon -->\n                                  <div class=\"mission-cards-block__icon\">\n                    <figure class=\"mission-cards-block__icon-figure\">\n                      <div class=\"mission-cards-block__icon-container\">\n                        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.333984\" width=\"64\" height=\"64\" rx=\"32\" fill=\"#85EABD\"\/>\n<path d=\"M37.2968 32.6866L39.3168 44.0546C39.3394 44.1885 39.3206 44.3261 39.263 44.449C39.2053 44.5719 39.1115 44.6742 38.994 44.7424C38.8766 44.8105 38.7412 44.8412 38.6059 44.8303C38.4706 44.8193 38.3418 44.7674 38.2368 44.6813L33.4635 41.0986C33.233 40.9265 32.9531 40.8335 32.6655 40.8335C32.3778 40.8335 32.0979 40.9265 31.8675 41.0986L27.0861 44.68C26.9812 44.7659 26.8526 44.8178 26.7175 44.8287C26.5823 44.8396 26.447 44.8091 26.3297 44.7411C26.2123 44.6732 26.1185 44.5711 26.0607 44.4484C26.0029 44.3258 25.9839 44.1884 26.0061 44.0546L28.0248 32.6866\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M32.6611 34.1667C37.0794 34.1667 40.6611 30.585 40.6611 26.1667C40.6611 21.7484 37.0794 18.1667 32.6611 18.1667C28.2429 18.1667 24.6611 21.7484 24.6611 26.1667C24.6611 30.585 28.2429 34.1667 32.6611 34.1667Z\" stroke=\"#010A10\" stroke-width=\"2.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                      <\/div>\n                    <\/figure>\n                  <\/div>\n                \n                <!-- Title -->\n                                  <header class=\"mission-cards-block__header\">\n                    <h3 id=\"mission-card-title-2\" class=\"mission-cards-block__title\">\n                      Excellence                    <\/h3>\n                  <\/header>\n                \n                <!-- Description -->\n                                  <div class=\"mission-cards-block__content\">\n                    <div class=\"mission-cards-block__description\">\n                      We maintain the highest standards in everything we do, from code quality to customer service.                    <\/div>\n                  <\/div>\n                \n              <\/article>\n                              <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const missionCardsBlock = document.querySelector('.mission-cards-block');\n  \n  if (!missionCardsBlock) return;\n  \n  \/\/ Check if device is mobile\n  const isMobile = window.innerWidth <= 768;\n  \n  \/\/ Intersection Observer for viewport-based animations\n  const missionCardsObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('mission-cards-block-entrance');\n        \n        \/\/ Unobserve after animation is triggered\n        missionCardsObserver.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n    rootMargin: isMobile ? '0px 0px 10px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n  });\n  \n  missionCardsObserver.observe(missionCardsBlock);\n  \n  \/\/ Set animation indices for staggered animations\n  const missionCards = missionCardsBlock.querySelectorAll('.mission-cards-block__card');\n  \n  missionCards.forEach((card, index) => {\n    card.setAttribute('data-animation-index', index);\n  });\n  \n  \/\/ Handle window resize to update mobile detection\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    clearTimeout(resizeTimeout);\n    resizeTimeout = setTimeout(function() {\n      \/\/ Re-initialize animations with updated mobile detection\n      const missionCardsBlock = document.querySelector('.mission-cards-block');\n      if (missionCardsBlock) {\n        const isMobile = window.innerWidth <= 768;\n        const missionCardsObserver = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('mission-cards-block-entrance');\n              missionCardsObserver.unobserve(entry.target);\n            }\n          });\n        }, {\n          threshold: 0.1,\n          rootMargin: isMobile ? '0px 0px -5px 0px' : '0px 0px -50px 0px'\n        });\n        missionCardsObserver.observe(missionCardsBlock);\n      }\n    }, 250);\n  });\n  \n  \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n  if (typeof wp !== 'undefined' && wp.data) {\n    wp.data.subscribe(function() {\n      \/\/ Small delay to ensure content is rendered\n      setTimeout(function() {\n        const missionCardsBlock = document.querySelector('.mission-cards-block');\n        if (missionCardsBlock) {\n          const missionCards = missionCardsBlock.querySelectorAll('.mission-cards-block__card');\n          missionCards.forEach((card, index) => {\n            card.setAttribute('data-animation-index', index);\n          });\n        }\n      }, 100);\n    });\n  }\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n  <section class=\"main-cta main-cta--h2 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h2            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h2\"\n            style=\"color: #663bb7 !important;\" >\n            Why Choose Haipe Studio?          <\/h2>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description main-cta__description--h2\"><p>From discovery to deployment, we follow a battle-tested methodology that ensures your automation project succeeds.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n<section id=\"\" class=\"improvements-cards\" aria-label=\"Melhorias e benef\u00edcios\">\n  <div class=\"improvements-cards__container\">\n          <div class=\"improvements-cards__grid improvements-cards__grid--4-cards\">\n                              <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-0-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M32.0007 58.6667C46.7282 58.6667 58.6673 46.7276 58.6673 32C58.6673 17.2724 46.7282 5.33337 32.0007 5.33337C17.2731 5.33337 5.33398 17.2724 5.33398 32C5.33398 46.7276 17.2731 58.6667 32.0007 58.6667Z\" fill=\"#85EABD\"\/>\n<path d=\"M40.069 37.856C42.477 35.66 44 32.508 44 29C44 22.383 38.617 17 32 17C25.383 17 20 22.383 20 29C20 32.508 21.523 35.66 23.931 37.856L21.645 42.753C21.409 43.253 21.467 43.838 21.796 44.281C22.127 44.726 22.675 44.95 23.23 44.868L25.212 44.568L26.248 46.266C26.516 46.722 27.003 46.998 27.531 46.998C27.553 46.998 27.576 46.998 27.599 46.996C28.159 46.971 28.655 46.642 28.896 46.132L31.305 40.965C31.536 40.978 31.765 41 31.999 41C32.233 41 32.462 40.978 32.693 40.965L35.105 46.138C35.344 46.642 35.84 46.971 36.4 46.996C36.422 46.996 36.445 46.998 36.468 46.998C36.996 46.998 37.483 46.722 37.743 46.28L38.786 44.568L40.77 44.868C41.319 44.954 41.871 44.726 42.202 44.281C42.531 43.838 42.589 43.253 42.355 42.757L40.067 37.856H40.069ZM27.478 44.442L26.574 42.959C26.364 42.615 25.969 42.432 25.57 42.491L23.853 42.751L25.555 39.105C26.671 39.82 27.912 40.352 29.238 40.666L27.478 44.442ZM22 29C22 23.486 26.486 19 32 19C37.514 19 42 23.486 42 29C42 34.514 37.514 39 32 39C26.486 39 22 34.514 22 29ZM38.43 42.491C38.034 42.432 37.636 42.615 37.426 42.959L36.522 44.442L34.761 40.666C36.087 40.352 37.328 39.82 38.444 39.105L40.146 42.751L38.43 42.491Z\" fill=\"black\"\/>\n<path d=\"M36.6663 25.861L34.7693 25.301L33.6503 23.669C33.2773 23.125 32.6603 22.799 32.0003 22.799C31.3403 22.799 30.7233 23.124 30.3513 23.668L29.2323 25.3L27.3353 25.86C26.7023 26.047 26.2023 26.533 25.9983 27.16C25.7943 27.788 25.9133 28.475 26.3153 28.997L27.5223 30.5649L27.4673 32.5429C27.4493 33.2029 27.7573 33.8279 28.2913 34.216C28.8243 34.604 29.5143 34.702 30.1363 34.483L32.0003 33.82L33.8643 34.483C34.0823 34.561 34.3093 34.599 34.5343 34.5979C34.9513 34.5979 35.3633 34.4679 35.7093 34.216C36.2433 33.8279 36.5513 33.2029 36.5333 32.5429L36.4783 30.5649L37.6853 28.997C38.0873 28.474 38.2063 27.787 38.0023 27.159C37.7983 26.532 37.2983 26.045 36.6653 25.859L36.6663 25.861ZM34.6773 29.629C34.5373 29.812 34.4643 30.037 34.4703 30.267L34.5343 32.6L32.3353 31.818C32.1183 31.741 31.8823 31.741 31.6653 31.818L29.4653 32.601L29.5293 30.268C29.5353 30.038 29.4623 29.813 29.3223 29.63L27.8993 27.78L30.1383 27.12C30.3593 27.055 30.5503 26.916 30.6803 26.726L32.0003 24.801L33.3203 26.726C33.4503 26.915 33.6413 27.055 33.8623 27.12L36.1013 27.78L34.6783 29.63L34.6773 29.629Z\" fill=\"black\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-0-title\" class=\"improvements-cards__title\">\n                    Proven Track Record                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>2,500+ successful implementations with measurable ROI<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-1-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M32.0007 58.6667C46.7282 58.6667 58.6673 46.7276 58.6673 32C58.6673 17.2724 46.7282 5.33337 32.0007 5.33337C17.2731 5.33337 5.33398 17.2724 5.33398 32C5.33398 46.7276 17.2731 58.6667 32.0007 58.6667Z\" fill=\"#85EABD\"\/>\n<g clip-path=\"url(#clip0_4041_12301)\">\n<path d=\"M47.9542 37.5735C47.8439 37.2341 47.5506 36.9867 47.1974 36.9354L44.4461 36.5356L43.2157 34.0426C43.0578 33.7226 42.7319 33.52 42.3751 33.52C42.0182 33.52 41.6923 33.7226 41.5344 34.0426L40.304 36.5356L37.5527 36.9354C37.1996 36.9867 36.9062 37.2341 36.7959 37.5735C36.6856 37.9128 36.7776 38.2854 37.0331 38.5345L39.0239 40.475L38.5539 43.2151C38.4936 43.5668 38.6382 43.9223 38.9269 44.1321C39.2156 44.3418 39.5983 44.3695 39.9142 44.2035L42.3751 42.9098L44.8359 44.2035C44.973 44.2756 45.1228 44.3111 45.2721 44.3111C45.4664 44.3111 45.6599 44.2508 45.8232 44.1321C46.1119 43.9223 46.2565 43.5669 46.1961 43.2151L45.7261 40.475L47.7169 38.5345C47.9725 38.2854 48.0645 37.9128 47.9542 37.5735ZM44.0644 39.4765C43.8435 39.6918 43.7427 40.0021 43.7948 40.3063L44.027 41.6599L42.8113 41.0208C42.6747 40.949 42.5249 40.9131 42.3751 40.9131C42.2252 40.9131 42.0754 40.949 41.9388 41.0208L40.7231 41.6599L40.9553 40.3063C41.0074 40.0021 40.9066 39.6918 40.6857 39.4765L39.7022 38.5178L41.0613 38.3203C41.3667 38.2759 41.6306 38.0841 41.7672 37.8074L42.3751 36.5758L42.9829 37.8075C43.1194 38.0841 43.3834 38.276 43.6887 38.3203L45.0479 38.5178L44.0644 39.4765Z\" fill=\"black\"\/>\n<path d=\"M24.9762 40.475L26.967 38.5345C27.2225 38.2854 27.3145 37.9128 27.2042 37.5735C27.0939 37.2341 26.8006 36.9867 26.4474 36.9354L23.6961 36.5356L22.4657 34.0426C22.3078 33.7226 21.9819 33.52 21.6251 33.52C21.2682 33.52 20.9423 33.7226 20.7844 34.0426L19.554 36.5356L16.8027 36.9354C16.4496 36.9867 16.1562 37.2341 16.0459 37.5735C15.9356 37.9128 16.0276 38.2854 16.2831 38.5345L18.2739 40.475L17.8039 43.2151C17.7436 43.5668 17.8882 43.9223 18.1769 44.1321C18.4656 44.3418 18.8483 44.3695 19.1642 44.2035L21.6251 42.9097L24.0859 44.2034C24.223 44.2755 24.3728 44.3111 24.5221 44.3111C24.7164 44.3111 24.9099 44.2507 25.0732 44.132C25.3619 43.9223 25.5065 43.5668 25.4461 43.2151L24.9762 40.475ZM23.3144 39.4764C23.0935 39.6918 22.9927 40.0021 23.0448 40.3062L23.277 41.6598L22.0613 41.0207C21.9247 40.9489 21.7749 40.913 21.6251 40.913C21.4752 40.913 21.3254 40.9489 21.1888 41.0207L19.9732 41.6598L20.2054 40.3062C20.2575 40.0021 20.1567 39.6918 19.9357 39.4764L18.9522 38.5177L20.3114 38.3202C20.6167 38.2758 20.8807 38.084 21.0172 37.8073L21.6251 36.5758L22.2329 37.8074C22.3694 38.0841 22.6334 38.2759 22.9387 38.3203L24.2979 38.5178L23.3144 39.4764Z\" fill=\"black\"\/>\n<path d=\"M25.75 34.125H38.25C38.7677 34.125 39.1875 33.7052 39.1875 33.1875V31.3125C39.1875 28.4866 37.548 26.0369 35.1704 24.8632C36.2867 23.9455 37 22.5546 37 21C37 18.243 34.757 16 32 16C29.243 16 27 18.243 27 21C27 22.5546 27.7132 23.9455 28.8296 24.8632C26.4521 26.0368 24.8125 28.4866 24.8125 31.3125V33.1875C24.8125 33.7053 25.2322 34.125 25.75 34.125ZM32.0001 17.875C33.7232 17.875 35.1251 19.2769 35.1251 21C35.1251 22.7231 33.7232 24.125 32.0001 24.125C30.2769 24.125 28.8751 22.7231 28.8751 21C28.8751 19.2769 30.2769 17.875 32.0001 17.875ZM26.6875 31.3125C26.6875 28.3832 29.0707 26 32 26C34.9293 26 37.3125 28.3832 37.3125 31.3125V32.25H26.6875V31.3125Z\" fill=\"black\"\/>\n<path d=\"M36.8224 40.6241L34.0711 40.2244L32.8407 37.7313C32.6828 37.4113 32.3569 37.2087 32.0001 37.2087C31.6432 37.2087 31.3173 37.4114 31.1594 37.7313L29.929 40.2244L27.1777 40.6241C26.8246 40.6754 26.5312 40.9228 26.4209 41.2622C26.3106 41.6016 26.4026 41.9741 26.6581 42.2232L28.6489 44.1637L28.1789 46.9039C28.1186 47.2556 28.2632 47.6111 28.5519 47.8208C28.8406 48.0306 29.2234 48.0582 29.5392 47.8922L32.0001 46.5985L34.4609 47.8922C34.598 47.9643 34.7478 47.9999 34.8971 47.9999C35.0914 47.9999 35.2849 47.9395 35.4482 47.8208C35.7369 47.6111 35.8815 47.2556 35.8211 46.9039L35.3511 44.1637L37.3419 42.2232C37.5974 41.9741 37.6894 41.6016 37.5791 41.2622C37.4689 40.9228 37.1755 40.6754 36.8224 40.6241ZM33.6894 43.1652C33.4685 43.3806 33.3677 43.6909 33.4198 43.995L33.652 45.3486L32.4363 44.7095C32.2997 44.6377 32.1499 44.6018 32.0001 44.6018C31.8502 44.6018 31.7004 44.6377 31.5638 44.7095L30.3482 45.3486L30.5804 43.995C30.6325 43.6909 30.5317 43.3806 30.3107 43.1652L29.3272 42.2065L30.6864 42.009C30.9917 41.9646 31.2557 41.7728 31.3922 41.4961L32.0001 40.2646L32.6079 41.4962C32.7444 41.7729 33.0084 41.9647 33.3137 42.0091L34.6729 42.2066L33.6894 43.1652Z\" fill=\"black\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_4041_12301\">\n<rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(16 16)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-1-title\" class=\"improvements-cards__title\">\n                    Industry Expertise                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>Deep knowledge across 50+ industries and use cases<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-2-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M32.0007 58.6667C46.7282 58.6667 58.6673 46.7276 58.6673 32C58.6673 17.2724 46.7282 5.33337 32.0007 5.33337C17.2731 5.33337 5.33398 17.2724 5.33398 32C5.33398 46.7276 17.2731 58.6667 32.0007 58.6667Z\" fill=\"#85EABD\"\/>\n<path d=\"M34.6699 34.8517C34.2792 35.0254 33.8563 35.1142 33.429 35.1124C32.9643 35.1121 32.5056 35.0071 32.0867 34.805C31.6679 34.603 31.2997 34.3092 31.0092 33.9452H33.429V32.389H30.3539C30.3177 32.1309 30.3177 31.869 30.3539 31.6109H33.429V30.0546H31.0092C31.2997 29.6907 31.6679 29.3968 32.0867 29.1948C32.5056 28.9928 32.9643 28.8877 33.429 28.8874C33.8563 28.8856 34.2792 28.9745 34.6699 29.1481L35.3795 29.4594L36 28.0315L35.2904 27.7203C34.1734 27.2332 32.9107 27.2048 31.7732 27.6412C30.6357 28.0777 29.714 28.9441 29.206 30.0546H28V31.6109H28.795C28.795 31.7392 28.7756 31.8676 28.7756 31.9999C28.7756 32.1322 28.7756 32.2606 28.795 32.389H28V33.9452H29.206C29.714 35.0557 30.6357 35.9222 31.7732 36.3586C32.9107 36.795 34.1734 36.7667 35.2904 36.2796L36 35.9683L35.3679 34.5405L34.6699 34.8517Z\" fill=\"black\"\/>\n<path d=\"M40.4904 22.15L40.3504 22.03C40.2204 21.92 40.1004 21.82 40.0004 21.75C39.4904 21.35 38.9304 20.98 38.3004 20.63C37.7604 20.34 37.2604 20.1 36.7804 19.91C31.6504 17.87 25.7804 19.31 22.1604 23.51L22.0404 23.65C21.9304 23.78 21.8204 23.91 21.7604 24C21.6804 24.1 21.6104 24.21 21.5304 24.32L21.1104 22.87C20.9604 22.34 20.4004 22.03 19.8704 22.18C19.3404 22.33 19.0304 22.89 19.1804 23.42L20.2804 27.26C20.3504 27.51 20.5204 27.73 20.7604 27.86C20.9104 27.94 21.0804 27.98 21.2404 27.98C21.3304 27.98 21.4304 27.97 21.5204 27.94L25.3704 26.84C25.9004 26.69 26.2104 26.13 26.0604 25.6C25.9104 25.07 25.3604 24.76 24.8204 24.91L23.2204 25.37C23.2704 25.31 23.3104 25.24 23.3604 25.18C23.4204 25.09 23.5004 25.01 23.5704 24.93L23.6904 24.78C26.7404 21.25 31.7104 20.03 36.0404 21.76C36.4504 21.92 36.8704 22.12 37.3304 22.37C37.8604 22.67 38.3304 22.97 38.8004 23.34C38.8904 23.4 38.9704 23.47 39.0504 23.54L39.2004 23.66C41.6104 25.75 42.9904 28.78 42.9904 31.97C42.9904 32.52 43.4404 32.97 43.9904 32.97C44.5404 32.97 44.9904 32.52 44.9904 31.97C44.9904 28.19 43.3604 24.61 40.4804 22.12L40.4904 22.15Z\" fill=\"black\"\/>\n<path d=\"M23.5098 41.85L23.6498 41.97C23.7798 42.08 23.9098 42.19 23.9998 42.25C24.5098 42.66 25.0698 43.02 25.6998 43.37C26.2398 43.66 26.7398 43.9 27.2198 44.09C28.7698 44.71 30.3898 45 31.9998 45C35.6998 45 39.3198 43.41 41.8498 40.49L41.9698 40.35C42.0798 40.22 42.1798 40.1 42.2498 40C42.3298 39.9 42.3998 39.79 42.4798 39.68L42.8898 41.13C43.0098 41.57 43.4198 41.85 43.8498 41.85C43.9398 41.85 44.0298 41.84 44.1298 41.81C44.6598 41.66 44.9698 41.1 44.8198 40.57L43.7198 36.72C43.6498 36.47 43.4798 36.25 43.2398 36.12C43.0098 35.99 42.7298 35.96 42.4798 36.03L38.6298 37.13C38.0998 37.28 37.7898 37.84 37.9398 38.37C38.0898 38.9 38.6498 39.21 39.1798 39.06L40.7798 38.6C40.7298 38.66 40.6898 38.73 40.6398 38.79C40.5798 38.88 40.5098 38.96 40.4398 39.04L40.3098 39.19C37.2598 42.72 32.2898 43.94 27.9598 42.21C27.5598 42.05 27.1298 41.85 26.6698 41.59C26.1398 41.3 25.6698 40.99 25.1998 40.62C25.1098 40.56 25.0298 40.49 24.9498 40.41L24.7998 40.29C22.3898 38.21 21.0098 35.17 21.0098 31.98C21.0098 31.43 20.5598 30.98 20.0098 30.98C19.4598 30.98 19.0098 31.43 19.0098 31.98C19.0098 35.76 20.6498 39.34 23.5198 41.83L23.5098 41.85Z\" fill=\"black\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-2-title\" class=\"improvements-cards__title\">\n                    ROI Guarantee                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>We guarantee 3x ROI within 12 months or your money back<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-3-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M32.0007 58.6667C46.7282 58.6667 58.6673 46.7276 58.6673 32C58.6673 17.2724 46.7282 5.33337 32.0007 5.33337C17.2731 5.33337 5.33398 17.2724 5.33398 32C5.33398 46.7276 17.2731 58.6667 32.0007 58.6667Z\" fill=\"#85EABD\"\/>\n<path d=\"M31.999 39.0622C36.3355 39.0622 39.8636 35.5349 39.8636 31.1992C39.8612 29.1141 39.0319 27.1151 37.5575 25.6407C36.0831 24.1663 34.0841 23.337 31.999 23.3346C27.6633 23.3346 24.1361 26.8627 24.1361 31.1992C24.1395 33.183 24.8897 35.0928 26.2373 36.5485L25.424 39.5827C25.376 39.7618 25.3822 39.9512 25.4418 40.1268C25.5014 40.3024 25.6118 40.4564 25.7589 40.5693C25.9061 40.6822 26.0834 40.7489 26.2685 40.7609C26.4535 40.773 26.638 40.73 26.7986 40.6372L29.9795 38.7992C30.6384 38.9742 31.3173 39.0626 31.999 39.0622ZM29.3898 36.9747L27.8216 37.8809L28.1883 36.5128C28.2324 36.3483 28.2309 36.175 28.1839 36.0113C28.1369 35.8476 28.0462 35.6999 27.9216 35.5839C27.3162 35.0257 26.8337 34.3477 26.5048 33.5928C26.1759 32.838 26.0077 32.0229 26.0111 31.1995C26.0115 29.9356 26.4121 28.7042 27.1553 27.6819C27.8985 26.6595 28.9463 25.8986 30.1485 25.5083C31.3506 25.118 32.6455 25.1182 33.8475 25.5089C35.0496 25.8997 36.0971 26.6609 36.84 27.6835C37.5828 28.7061 37.983 29.9376 37.983 31.2016C37.983 32.4655 37.5829 33.6971 36.8401 34.7197C36.0972 35.7423 35.0497 36.5035 33.8477 36.8943C32.6457 37.2851 31.3508 37.2854 30.1486 36.895C30.0236 36.8544 29.8915 36.8404 29.7607 36.8541C29.63 36.8678 29.5036 36.9088 29.3898 36.9745V36.9747ZM47.4873 31.8688C47.4975 31.4852 47.5081 31.0885 47.4898 30.6755C47.4403 29.5216 46.945 28.432 46.1082 27.636C45.2714 26.84 44.1583 26.3998 43.0034 26.408C41.1498 22.1674 36.9152 19.196 31.999 19.196C27.0828 19.196 22.8498 22.1673 20.9962 26.408C19.8416 26.3998 18.7288 26.8398 17.8921 27.6355C17.0553 28.4312 16.5599 29.5205 16.51 30.674C16.4917 31.0885 16.5022 31.4853 16.5124 31.869C16.5232 32.2744 16.5343 32.6935 16.5135 33.1646C16.4639 34.3456 16.8846 35.498 17.6834 36.3692C18.4823 37.2405 19.594 37.7593 20.7748 37.8121C20.8447 37.8154 20.9145 37.817 20.9841 37.817C21.5727 37.8173 22.1553 37.6996 22.6975 37.4707C22.9241 37.3758 23.1042 37.1956 23.1991 36.9691C23.294 36.7425 23.296 36.4877 23.2047 36.2597C23.1933 36.2154 23.176 36.1729 23.1532 36.1334C22.3132 34.6245 21.8724 32.9261 21.8725 31.1992C21.8725 25.6145 26.4152 21.071 31.999 21.071C37.5827 21.071 42.1272 25.6148 42.1272 31.1992C42.1338 33.5631 41.3106 35.8544 39.8012 37.6736C38.2918 39.4929 36.1919 40.7248 33.8674 41.1547C33.6225 40.6005 33.1918 40.1492 32.6495 39.879C32.1072 39.6087 31.4876 39.5363 30.8976 39.6745C30.3077 39.8126 29.7846 40.1525 29.4186 40.6354C29.0527 41.1183 28.867 41.7139 28.8936 42.3192C28.9202 42.9245 29.1575 43.5015 29.5644 43.9504C29.9713 44.3993 30.5222 44.692 31.122 44.7778C31.7218 44.8636 32.3327 44.7372 32.8491 44.4204C33.3656 44.1036 33.7551 43.6163 33.9504 43.0427C35.6016 42.7696 37.1776 42.1547 38.5776 41.2374C39.9775 40.3201 41.1704 39.1207 42.0801 37.7158C42.3871 37.7829 42.7003 37.8168 43.0145 37.817C43.0834 37.817 43.1525 37.8155 43.2217 37.8123C43.807 37.7871 44.3816 37.6469 44.9126 37.3996C45.4437 37.1523 45.9209 36.8028 46.3169 36.3711C46.7129 35.9394 47.0199 35.4339 47.2206 34.8835C47.4212 34.3331 47.5114 33.7486 47.4861 33.1634C47.4653 32.6938 47.4765 32.2742 47.4873 31.8688ZM20.8582 35.939C20.1736 35.9088 19.5291 35.6083 19.0658 35.1035C18.6025 34.5987 18.3583 33.9308 18.3867 33.2462C18.4104 32.71 18.3978 32.2367 18.3867 31.8191C18.377 31.4519 18.368 31.1052 18.3833 30.7557C18.4075 30.199 18.6108 29.6649 18.963 29.2331C19.3152 28.8012 19.7974 28.4946 20.3379 28.3589C19.747 30.7885 19.9283 33.3419 20.8567 35.6637L20.8555 35.6641C20.892 35.7571 20.9297 35.8497 20.9686 35.9418C20.9321 35.9416 20.8952 35.9407 20.8582 35.939ZM31.4905 42.929C31.3473 42.9291 31.2073 42.8866 31.0881 42.807C30.969 42.7275 30.8762 42.6144 30.8213 42.482C30.7665 42.3497 30.7521 42.2041 30.7801 42.0636C30.808 41.9231 30.8769 41.794 30.9782 41.6927C31.0795 41.5914 31.2085 41.5224 31.349 41.4944C31.4895 41.4664 31.6351 41.4807 31.7675 41.5355C31.8998 41.5903 32.013 41.6831 32.0926 41.8021C32.1722 41.9212 32.2147 42.0612 32.2148 42.2045V42.2059C32.2143 42.3977 32.1378 42.5815 32.0021 42.7171C31.8663 42.8526 31.6824 42.9288 31.4905 42.929ZM45.6129 33.2449C45.6275 33.5843 45.5751 33.9233 45.4586 34.2424C45.3421 34.5615 45.1639 34.8546 44.9341 35.1048C44.7043 35.355 44.4274 35.5575 44.1193 35.7007C43.8112 35.8438 43.4779 35.9248 43.1385 35.9391C43.1025 35.9408 43.0666 35.9417 43.0307 35.9419C43.0323 35.9384 43.0325 35.9344 43.0314 35.9308C44.0549 33.5414 44.2761 30.8846 43.6618 28.3589C44.2025 28.4947 44.6849 28.8015 45.0371 29.2336C45.3894 29.6657 45.5926 30.2001 45.6165 30.7571C45.6319 31.1051 45.6227 31.4519 45.613 31.819C45.6018 32.2366 45.5892 32.7099 45.6129 33.2449ZM29.8086 31.1074C29.8116 31.1379 29.8131 31.1686 29.813 31.1992C29.8131 31.2301 29.8116 31.261 29.8086 31.2917C29.8055 31.3217 29.8005 31.3524 29.7948 31.3824C29.7892 31.4124 29.7811 31.4424 29.7723 31.4717C29.7636 31.5011 29.753 31.5299 29.7411 31.558C29.7292 31.5861 29.7161 31.6142 29.7017 31.6411C29.6873 31.668 29.6717 31.6942 29.6548 31.7199C29.6381 31.7455 29.62 31.7701 29.6005 31.7936C29.5811 31.818 29.5598 31.8405 29.5386 31.8624C29.5167 31.8841 29.4938 31.9048 29.4698 31.9242C29.4461 31.9436 29.4211 31.9617 29.3961 31.9792C29.3705 31.9955 29.3442 32.0117 29.3167 32.0261C29.29 32.0405 29.2624 32.0535 29.2342 32.0649C29.206 32.0767 29.1772 32.0872 29.148 32.0961C29.1186 32.1049 29.0886 32.1124 29.0586 32.1186C29.0286 32.1247 28.9984 32.1293 28.968 32.1324C28.9064 32.1382 28.8445 32.1382 28.783 32.1324C28.7526 32.1293 28.7223 32.1247 28.6923 32.1186C28.6623 32.1124 28.6323 32.1049 28.603 32.0961C28.5737 32.0872 28.5449 32.0767 28.5167 32.0649C28.4885 32.0535 28.461 32.0405 28.4342 32.0261C28.4067 32.0117 28.3805 31.9955 28.3548 31.9792C28.3298 31.9617 28.3048 31.9436 28.2811 31.9242C28.2572 31.9048 28.2342 31.8841 28.2123 31.8624C28.1911 31.8405 28.1698 31.818 28.1505 31.7936C28.131 31.7701 28.1128 31.7455 28.0961 31.7199C28.0794 31.6942 28.0638 31.668 28.0492 31.6411C28.0348 31.6142 28.0217 31.5861 28.0098 31.558C27.998 31.5299 27.988 31.5011 27.9786 31.4717C27.9692 31.4424 27.9623 31.4124 27.9561 31.3824C27.9498 31.3524 27.9455 31.3224 27.9423 31.2917C27.9392 31.2611 27.938 31.2299 27.938 31.1992C27.938 31.1686 27.9398 31.138 27.9423 31.1074C27.9448 31.0767 27.9505 31.0461 27.9561 31.0161C27.9617 30.9861 27.9698 30.9567 27.9786 30.9274C27.9873 30.898 27.998 30.8692 28.0098 30.8411C28.0217 30.813 28.0348 30.7849 28.0492 30.758C28.0781 30.7039 28.112 30.6526 28.1505 30.6049C28.1698 30.5811 28.1911 30.558 28.2123 30.5367C28.2342 30.515 28.2572 30.4943 28.2811 30.4749C28.3048 30.4555 28.3298 30.4367 28.3548 30.4199C28.3805 30.4029 28.407 30.3873 28.4342 30.373C28.4611 30.3586 28.4886 30.3455 28.5167 30.3336C28.5448 30.3224 28.5742 30.3117 28.603 30.303C28.6324 30.2939 28.6622 30.2864 28.6923 30.2805C28.8132 30.2559 28.9377 30.2559 29.0586 30.2805C29.0888 30.2864 29.1186 30.2939 29.148 30.303C29.1767 30.3117 29.2061 30.3224 29.2342 30.3336C29.2623 30.3449 29.2898 30.3586 29.3167 30.373C29.344 30.3873 29.3704 30.4029 29.3961 30.4199C29.4211 30.4367 29.4461 30.4555 29.4698 30.4749C29.4938 30.4943 29.5167 30.515 29.5386 30.5367C29.5598 30.558 29.5811 30.5811 29.6005 30.6049C29.639 30.6526 29.6729 30.7039 29.7017 30.758C29.7161 30.7849 29.7292 30.813 29.7411 30.8411C29.753 30.8692 29.763 30.898 29.7723 30.9274C29.7817 30.9567 29.7886 30.9867 29.7948 31.0161C29.8011 31.0455 29.8055 31.0765 29.8086 31.1071V31.1074ZM31.0623 31.1992C31.0623 31.0762 31.0864 30.9543 31.1334 30.8406C31.1805 30.7268 31.2494 30.6235 31.3364 30.5364C31.4234 30.4493 31.5267 30.3803 31.6404 30.3331C31.754 30.286 31.8759 30.2617 31.999 30.2617H32.0007C32.1861 30.2619 32.3673 30.317 32.5213 30.4202C32.6754 30.5233 32.7954 30.6698 32.8662 30.8411C32.9371 31.0124 32.9555 31.2009 32.9192 31.3827C32.883 31.5645 32.7936 31.7314 32.6625 31.8625C32.5313 31.9935 32.3643 32.0827 32.1824 32.1188C32.0006 32.1549 31.8121 32.1363 31.6409 32.0653C31.4696 31.9943 31.3233 31.8741 31.2203 31.72C31.1173 31.5658 31.0623 31.3846 31.0623 31.1992ZM34.1911 31.2915C34.1881 31.2607 34.1866 31.2299 34.1867 31.199C34.1866 31.1683 34.1881 31.1376 34.1911 31.1071C34.1942 31.0765 34.1992 31.0459 34.2048 31.0159C34.2105 30.9859 34.2186 30.9565 34.2274 30.9271C34.2362 30.8978 34.2466 30.869 34.2586 30.8409C34.2698 30.8127 34.2836 30.7846 34.2973 30.7577C34.3267 30.7038 34.3608 30.6525 34.3992 30.6046C34.4186 30.5809 34.4398 30.5577 34.4611 30.5365C34.483 30.5147 34.5059 30.4941 34.5299 30.4746C34.5534 30.4549 34.578 30.4365 34.6036 30.4196C34.6292 30.4029 34.6555 30.3873 34.6824 30.3727C34.7092 30.3584 34.7373 30.3452 34.7655 30.3334C34.7936 30.3215 34.823 30.3115 34.8517 30.3027C34.8811 30.2937 34.9109 30.2862 34.9411 30.2802C35.0316 30.2618 35.1243 30.2572 35.2161 30.2665C35.2467 30.2695 35.2772 30.2741 35.3074 30.2802C35.3373 30.2861 35.3669 30.2936 35.3961 30.3027C35.4255 30.3115 35.4548 30.3221 35.483 30.3334C35.5111 30.3446 35.5386 30.3584 35.5655 30.3727C35.5927 30.387 35.6192 30.4027 35.6448 30.4196C35.6698 30.4365 35.6948 30.4552 35.7186 30.4746C35.7425 30.4939 35.7652 30.5146 35.7867 30.5365C35.8086 30.5577 35.8292 30.5809 35.8492 30.6046C35.868 30.6284 35.8867 30.6534 35.9036 30.679C35.9205 30.7044 35.9362 30.7307 35.9505 30.7577C35.9648 30.7846 35.978 30.8127 35.9898 30.8409C36.0016 30.869 36.0119 30.8978 36.0205 30.9271C36.0298 30.9562 36.0373 30.9858 36.043 31.0159C36.0494 31.046 36.054 31.0764 36.0567 31.1071C36.0599 31.1376 36.0616 31.1683 36.0617 31.199C36.0616 31.2299 36.0599 31.2608 36.0567 31.2915C36.054 31.3219 36.0494 31.3522 36.043 31.3821C36.0373 31.4123 36.0298 31.4422 36.0205 31.4715C36.0118 31.5007 36.0015 31.5295 35.9898 31.5577C35.978 31.5859 35.9648 31.614 35.9505 31.6409C35.9361 31.6677 35.9205 31.694 35.9036 31.7196C35.8867 31.7452 35.868 31.7702 35.8492 31.7934C35.8292 31.8177 35.8086 31.8402 35.7867 31.8621C35.7652 31.884 35.7425 31.9047 35.7186 31.924C35.6948 31.9434 35.6698 31.9615 35.6448 31.9784C35.6192 31.9955 35.5927 32.0114 35.5655 32.0259C35.5387 32.0403 35.5112 32.0532 35.483 32.0646C35.4546 32.0766 35.4256 32.087 35.3961 32.0959C35.3673 32.1046 35.3374 32.1121 35.3074 32.1184C35.2471 32.1306 35.1857 32.1367 35.1242 32.1365C35.0933 32.1366 35.0625 32.1351 35.0317 32.1321C35.0013 32.1291 34.9711 32.1245 34.9411 32.1184C34.9111 32.1121 34.8811 32.1046 34.8517 32.0959C34.8225 32.0869 34.7937 32.0765 34.7655 32.0646C34.7371 32.0532 34.7093 32.0403 34.6824 32.0259C34.6555 32.0115 34.6292 31.9952 34.6036 31.9784C34.578 31.9617 34.5534 31.9435 34.5299 31.924C34.5059 31.9045 34.483 31.8839 34.4611 31.8621C34.4398 31.8402 34.4186 31.8177 34.3992 31.7934C34.3797 31.7698 34.3616 31.7452 34.3448 31.7196C34.328 31.694 34.3117 31.6677 34.2973 31.6409C34.283 31.614 34.2698 31.5859 34.2586 31.5577C34.2467 31.5295 34.2363 31.5007 34.2274 31.4715C34.2186 31.4421 34.2111 31.4121 34.2048 31.3821C34.1986 31.3521 34.1942 31.3215 34.1911 31.2915Z\" fill=\"black\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-3-title\" class=\"improvements-cards__title\">\n                    White-Glove Service                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>End-to-end support from strategy to implementation and beyond<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                        <\/div>\n      <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Intersection Observer for viewport-based animations\n    function initImprovementsCardsAnimations() {\n        const improvementsBlock = document.querySelector('.improvements-cards');\n        \n        if (!improvementsBlock) return;\n        \n        \/\/ Check if device is mobile\n        const isMobile = window.innerWidth <= 768;\n        \n        const improvementsObserver = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('improvements-cards-entrance');\n                    \n                    \/\/ Unobserve after animation is triggered\n                    improvementsObserver.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n            rootMargin: isMobile ? '0px 0px 10px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n        });\n        \n        improvementsObserver.observe(improvementsBlock);\n    }\n    \n    \/\/ Run the function when DOM is loaded\n    initImprovementsCardsAnimations();\n    \n    \/\/ Handle window resize to update mobile detection\n    let resizeTimeout;\n    window.addEventListener('resize', function() {\n        clearTimeout(resizeTimeout);\n        resizeTimeout = setTimeout(function() {\n            \/\/ Re-initialize animations with updated mobile detection\n            initImprovementsCardsAnimations();\n        }, 250);\n    });\n    \n    \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n    if (typeof wp !== 'undefined' && wp.data) {\n        wp.data.subscribe(function() {\n            \/\/ Small delay to ensure content is rendered\n            setTimeout(function() {\n                initImprovementsCardsAnimations();\n            }, 100);\n        });\n    }\n});\n<\/script>\n\n\n<section id=\"\" class=\"animated-video\" data-video-section=\"animated-video-6a5f785d719de\">\n    <div class=\"animated-video__cursor\">\n        <div class=\"animated-video__cursor-content\">\n            <svg class=\"animated-video__cursor-icon\" width=\"26\" height=\"32\" viewBox=\"0 0 26 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M0 29.4089V2.59109C0 1.85695 0.25679 1.24157 0.77037 0.744939C1.28395 0.248313 1.88313 0 2.5679 0C2.78189 0 3.00658 0.0323887 3.24198 0.097166C3.47737 0.161943 3.70206 0.259109 3.91605 0.388664L24.8444 13.7976C25.2296 14.0567 25.5185 14.3806 25.7111 14.7692C25.9037 15.1579 26 15.5682 26 16C26 16.4318 25.9037 16.8421 25.7111 17.2308C25.5185 17.6194 25.2296 17.9433 24.8444 18.2024L3.91605 31.6113C3.70206 31.7409 3.47737 31.8381 3.24198 31.9028C3.00658 31.9676 2.78189 32 2.5679 32C1.88313 32 1.28395 31.7517 0.77037 31.2551C0.25679 30.7584 0 30.1431 0 29.4089ZM5.1358 24.6802L18.6173 16L5.1358 7.31984V24.6802Z\" fill=\"white\"\/>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n            <!-- Self-hosted video trigger -->\n        <div class=\"animated-video__trigger\" data-video-type=\"self-hosted\" data-video-url=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2025\/10\/Haipe_Launch_complet.webm\">\n            <div class=\"animated-video__container\">\n                <div class=\"animated-video__wrapper\">\n                    <video\n                        width=\"100%\"\n                        height=\"100%\"\n                        autoplay\n                        loop\n                        muted\n                        playsinline\n                        preload=\"metadata\"\n                        webkit-playsinline=\"true\"\n                        class=\"animated-video__video\"\n                        poster=\"\">\n                        <source src=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2025\/10\/Haipe_Launch_complet.webm\" type=\"video\/mp4\">\n                        <source src=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2025\/10\/Haipe_Launch_complet.webm\" type=\"video\/webm\">\n                        Your browser does not support the video tag.\n                    <\/video>\n                    <div class=\"animated-video__overlay\"><\/div>\n                <\/div>\n                <div class=\"animated-video__content\">\n                    <h2 class=\"animated-video__title\">\n                                                <span class=\"animated-video__separator\"><\/span>\n                                            <\/h2>\n                <\/div>\n                <!-- Play button overlay - mobile only -->\n                <div class=\"animated-video__play-button\">\n                    <div class=\"animated-video__play-button-content\">\n                        <svg class=\"animated-video__play-button-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path d=\"M8 5v14l11-7z\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<!-- Video Modal -->\n<div id=\"video-modal-animated-video-6a5f785d719de\" class=\"animated-video__modal\">\n    <div class=\"animated-video__modal-container\">\n        <!-- Close button -->\n        <button class=\"animated-video__modal-close\">\n            <svg class=\"animated-video__modal-close-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n            <\/svg>\n        <\/button>\n\n        <!-- Video container -->\n        <div id=\"modal-video-container-animated-video-6a5f785d719de\" class=\"animated-video__modal-content\">\n            <!-- Video will be inserted here by JavaScript -->\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  function initAnimatedVideo() {\n    \/\/ Check if mobile first - skip GSAP entirely on mobile\n    const isMobile = window.matchMedia('(max-width: 1023px)').matches;\n    \n    \/\/ Always get section and modal elements first\n    const section = document.querySelector('[data-video-section=\"animated-video-6a5f785d719de\"]');\n    if (!section) return;\n    \n    \/\/ Handle initial video autoplay issues for ARC browser\n    const initialVideo = section.querySelector('video');\n    const initialIframe = section.querySelector('iframe');\n    \n    if (initialVideo) {\n      \/\/ Ensure video autoplay works in ARC browser\n      const playInitialVideo = () => {\n        if (initialVideo.paused) {\n          const playPromise = initialVideo.play();\n          if (playPromise !== undefined) {\n            playPromise.catch((error) => {\n              console.warn('Initial video autoplay failed:', error);\n              \/\/ Fallback: Show controls for user interaction\n              initialVideo.controls = true;\n            });\n          }\n        }\n      };\n      \n      \/\/ Try to play immediately and on user interaction\n      playInitialVideo();\n      \n      \/\/ If autoplay fails, enable on first user interaction\n      const enableVideoOnInteraction = () => {\n        playInitialVideo();\n        document.removeEventListener('click', enableVideoOnInteraction);\n        document.removeEventListener('touchstart', enableVideoOnInteraction);\n      };\n      \n      document.addEventListener('click', enableVideoOnInteraction);\n      document.addEventListener('touchstart', enableVideoOnInteraction);\n    }\n    \n    if (initialIframe) {\n      \/\/ Ensure iframe loads properly in ARC browser\n      initialIframe.addEventListener('load', () => {\n        console.log('Initial YouTube iframe loaded successfully');\n      });\n      initialIframe.addEventListener('error', () => {\n        console.warn('Initial YouTube iframe failed to load');\n      });\n    }\n\n    const videoTrigger = section.querySelector('.animated-video__trigger') || section.querySelector('[data-video-type]');\n    const modal = document.getElementById('video-modal-animated-video-6a5f785d719de');\n    const modalContainer = document.getElementById('modal-video-container-animated-video-6a5f785d719de');\n    const closeButton = modal ? modal.querySelector('.animated-video__modal-close') : null;\n    \n    \/\/ Handle modal functionality (works on both mobile and desktop)\n    if (videoTrigger && modal && modalContainer) {\n      \/\/ Open modal\n      videoTrigger.addEventListener('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        \n        const videoType = this.dataset.videoType;\n        const videoId = this.dataset.videoId;\n        const videoUrl = this.dataset.videoUrl;\n\n        let videoHTML = '';\n\n        if (videoType === 'youtube') {\n          videoHTML = `\n            <iframe\n              width=\"100%\"\n              height=\"100%\"\n              src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&#038;controls=1&#038;showinfo=1&#038;enablejsapi=1&#038;origin=${window.location.origin}\"\n              frameborder=\"0\"\n              allowfullscreen\n              allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture; web-share\"\n              title=\"Video content\">\n            <\/iframe>\n          `;\n        } else if (videoType === 'self-hosted') {\n          videoHTML = `\n            <video\n              class=\"w-full h-full\"\n              width=\"100%\"\n              height=\"100%\"\n              controls\n              autoplay\n              muted\n              playsinline\n              preload=\"metadata\">\n              <source src=\"${videoUrl}\" type=\"video\/mp4\">\n              <source src=\"${videoUrl}\" type=\"video\/webm\">\n              Your browser does not support the video tag.\n            <\/video>\n          `;\n        }\n\n        modalContainer.innerHTML = videoHTML;\n        modal.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n        \n        \/\/ Handle autoplay issues in ARC browser and other strict browsers\n        setTimeout(() => {\n          const iframe = modalContainer.querySelector('iframe');\n          const video = modalContainer.querySelector('video');\n          \n          if (iframe) {\n            \/\/ Ensure iframe loads properly\n            iframe.addEventListener('load', () => {\n              console.log('YouTube iframe loaded successfully');\n            });\n            iframe.addEventListener('error', () => {\n              console.warn('YouTube iframe failed to load');\n            });\n          }\n          \n          if (video) {\n            \/\/ Handle video autoplay issues\n            const playPromise = video.play();\n            if (playPromise !== undefined) {\n              playPromise\n                .then(() => {\n                  console.log('Video autoplay started');\n                })\n                .catch((error) => {\n                  console.warn('Autoplay prevented, user interaction required:', error);\n                  \/\/ Show a play button overlay for user interaction\n                  video.controls = true;\n                });\n            }\n          }\n        }, 100);\n      });\n\n      \/\/ Close modal function\n      function closeModal() {\n        modal.style.display = 'none';\n        modalContainer.innerHTML = '';\n        document.body.style.overflow = '';\n      }\n\n      \/\/ Close button\n      if (closeButton) {\n        closeButton.addEventListener('click', closeModal);\n      }\n\n      \/\/ Close on backdrop click\n      modal.addEventListener('click', function(e) {\n        if (e.target === modal) {\n          closeModal();\n        }\n      });\n\n      \/\/ Close on escape key\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modal && modal.style.display === 'flex') {\n          closeModal();\n        }\n      });\n    }\n    \n    \/\/ If mobile, skip GSAP animations\n    if (isMobile) {\n      return;\n    }\n    \n    \/\/ Wait for GSAP to be loaded only on desktop\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n      setTimeout(initAnimatedVideo, 100);\n      return;\n    }\n\n    \/\/ Get elements for desktop animations\n    const videoWrapper = section.querySelector('.animated-video__wrapper');\n    const textSeparator = section.querySelector('.animated-video__separator');\n    const playCursor = section.querySelector('.animated-video__cursor');\n    const overlay = section.querySelector('.animated-video__overlay');\n    const iframe = section.querySelector('.animated-video__iframe');\n    const video = section.querySelector('.animated-video__video');\n\n    \/\/ Custom cursor animation (only on devices with mouse)\n    if (window.matchMedia('(pointer: fine)').matches && playCursor) {\n      section.addEventListener('mouseenter', () => {\n        gsap.to(playCursor, {\n          scale: 1,\n          duration: 0.3\n        });\n      });\n\n      section.addEventListener('mouseleave', () => {\n        gsap.to(playCursor, {\n          scale: 0,\n          duration: 0.3\n        });\n      });\n\n      gsap.set(playCursor, { xPercent: -80, yPercent: -80 });\n\n      let xTo = gsap.quickTo(playCursor, 'x', {\n        duration: 0.1,\n        ease: 'power1.out',\n      });\n\n      let yTo = gsap.quickTo(playCursor, 'y', {\n        duration: 0.1,\n        ease: 'power1.out',\n      });\n\n      window.addEventListener('mousemove', (e) => {\n        xTo(e.clientX);\n        yTo(e.clientY);\n      });\n    }\n\n    \/\/ Video wrapper scale animation\n    if (videoWrapper) {\n      gsap.to(videoWrapper, {\n        scrollTrigger: {\n          trigger: section,\n          start: 'top bottom',\n          end: 'bottom bottom',\n          scrub: 1,\n          invalidateOnRefresh: true,\n        },\n        scale: 1,\n        borderRadius: '0px',\n        ease: 'none'\n      });\n    }\n\n    \/\/ Overlay border radius and opacity animation\n    if (overlay) {\n      gsap.to(overlay, {\n        scrollTrigger: {\n          trigger: section,\n          start: 'top bottom',\n          end: 'bottom bottom',\n          scrub: 1,\n          invalidateOnRefresh: true,\n        },\n        borderRadius: '0px',\n        opacity: 0,\n        ease: 'none'\n      });\n    }\n\n    \/\/ Iframe and video border radius animation\n    const mediaElements = [iframe, video].filter(Boolean);\n    mediaElements.forEach(element => {\n      if (element) {\n        gsap.to(element, {\n          scrollTrigger: {\n            trigger: section,\n            start: 'top top',\n            end: 'bottom bottom',\n            scrub: 1,\n            invalidateOnRefresh: true,\n          },\n          borderRadius: '0px',\n          ease: 'none'\n        });\n      }\n    });\n\n    \/\/ Text separator animation\n    if (textSeparator) {\n      gsap.fromTo(\n        textSeparator,\n        {\n          width: '35vw',\n          height: '35vh',\n        },\n        {\n          width: '2.5vw',\n          height: '2.5vh',\n          scrollTrigger: {\n            trigger: section,\n            start: 'top center',\n            end: 'bottom bottom',\n            scrub: 1,\n            invalidateOnRefresh: true,\n          },\n        }\n      );\n    }\n\n\n    \/\/ Refresh ScrollTrigger on window resize\n    window.addEventListener('resize', () => {\n      if (typeof ScrollTrigger !== 'undefined') {\n        ScrollTrigger.refresh();\n      }\n    });\n  }\n\n  \/\/ Initialize when DOM is ready\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAnimatedVideo);\n  } else {\n    initAnimatedVideo();\n  }\n})();\n<\/script>\n\n\n<section class=\"full-width-cta\" aria-labelledby=\"full-width-cta-heading\" >\n\n  <div class=\"full-width-cta__container\">\n    <!-- Background SVG for mobile and desktop -->\n    <div class=\"full-width-cta__background\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--left\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--right\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__content-wrapper\">\n              <header class=\"full-width-cta__header\">\n          <h2 id=\"full-width-cta-heading\" class=\"full-width-cta__title\">\n            Ready to see how automation can transform your operations?          <\/h2>\n        <\/header>\n      \n              <div class=\"full-width-cta__content\">\n          <div class=\"full-width-cta__description\">\n            <p><strong>Book a free automation audit with Haipe<\/strong> \u2014 and discover the invisible systems that deliver visible results<\/p>\n          <\/div>\n        <\/div>\n      \n              <footer class=\"full-width-cta__footer\">\n          <div class=\"full-width-cta__links\">\n                          <a href=\"https:\/\/haipestudio.com\/free-audit\/\"\n                class=\"full-width-cta__button btn-secondary\"\n                                >\n                Free Audit                <span class=\"btn-shine\"><\/span>\n              <\/a>\n            \n                      <\/div>\n        <\/footer>\n          <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[],"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":2,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/1624"}],"wp:attachment":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/folder?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}