{"id":1263,"date":"2025-05-19T08:44:39","date_gmt":"2025-05-19T08:44:39","guid":{"rendered":"https:\/\/seolab.digital\/home\/"},"modified":"2026-03-27T17:39:10","modified_gmt":"2026-03-27T17:39:10","slug":"home","status":"publish","type":"page","link":"https:\/\/seolab.digital\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<?xml version=\"1.0\" encoding=\"utf-8\"?>\n\n\n<section class=\"h-[600px] md:h-[500px] lg:h-[800px] \n        mb-8 md:mb-12 lg:mb-10 relative isolate overflow-hidden pt-0\" \n        >\n        <div class=\" relative mx-auto\">\n            <div class=\"relative overflow-hidden flex justify-center h-full \">\n                <!-- Overlay using Tailwind -->\n                <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\n                <video class=\"w-full w-full object-cover h-[600px] md:h-[500px] lg:h-[800px] rounded-lg\" playsinline loop muted autoplay poster=\"\">\n                    <source src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/hero.mp4\" type=\"video\/mp4\" \/>\n                <\/video>\n            <\/div>\n            <div class=\"absolute inset-0 mx-auto max-w-8xl px-14 lg:px-10 flex flex-col justify-center h-full z-20\">\n                <div class=\"max-w-5xl mx-auto\">\n                    <div class=\"text-center\">\n                            \n\n                                                    <h1 class=\"text-balance text-5xl font-semibold   text-white sm:text-7xl\">\n                                SEO Lab <br \/>\r\nBe visible in the era of generative engines.                              <\/h1>\n                                                \n                                                    <p class=\"mt-8 text-pretty text-lg font-small text-white sm:text-xl\/8\">\n                                SEO Lab ensures that you are found by people, <br \/>\r\nbots and artificial intelligence on all search platforms.                            <\/p>\n                                                <div class=\"mt-10 flex flex-col gap-5 md:flex-row lg:flex-row items-center justify-center gap-x-6\">\n                                                        <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                   target=\"_self\" \n                                   class=\"btn-white btn btn-lg\">\n                                    Start now                                <\/a>\n                            \n                                                            <a href=\"https:\/\/seolab.digital\/en\/#servicios\" \n                                   target=\"_self\" \n                                   class=\"inline-button btn-lg text-white\">\n                                    Get to know our services!                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n\n<section class=\"relative mt-30 mb-30 px-6 lg:px-8\" >\n\n    <div class=\"relative mx-auto max-w-7xl\">\n        <!-- Top Left -->\n        <span class=\"absolute top-0 left-0\">\n            <svg width=\"68\" height=\"68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <linearGradient id=\"gradient2-baseline-block_06f2a6af9167db0a0fbe33ab9d90e5d4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                        <stop offset=\"0%\" style=\"stop-color:#FB00E5;stop-opacity:0.2\" \/>\n                        <stop offset=\"100%\" style=\"stop-color:hsl(311, 100%, 52%);stop-opacity:1\" \/>\n                    <\/linearGradient>\n                <\/defs>\n                <path d=\"M8 40V16C8 11.5817 11.5817 8 16 8H32\" stroke=\"url(#gradient2-baseline-block_06f2a6af9167db0a0fbe33ab9d90e5d4)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n        <\/span>\n\n        <!-- Bottom Right -->\n        <span class=\"absolute bottom-0 right-0 -rotate-180\">\n            <svg width=\"68\" height=\"68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <linearGradient id=\"gradient4-baseline-block_06f2a6af9167db0a0fbe33ab9d90e5d4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                        <stop offset=\"0%\" style=\"stop-color:hsl(0, 100%, 50%);stop-opacity:1\" \/>\n                        <stop offset=\"100%\" style=\"stop-color:hsl(240, 100%, 50%);stop-opacity:1\" \/>\n                    <\/linearGradient>\n                <\/defs>\n                <path d=\"M8 40V16C8 11.5817 11.5817 8 16 8H32\" stroke=\"url(#gradient4-baseline-block_06f2a6af9167db0a0fbe33ab9d90e5d4)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n        <\/span>\n\n        <div class=\"max-w-4xl mx-auto text-center py-24 md:py-28 lg:py-32\">\n                            <h2>GEO<br \/>\r\nthe SEO that doesn&#8217;t wait for searches, it creates them.<\/h2>\n            \n            \n                    <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n<section class=\"overflow-hidden relative\" data-theme=\"dark\" id=\"servicios\">\n    <div class=\"w-full py-24 md:py-28 lg:py-32\" style=\"background-color: #000000;\">\n        <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n            <!-- Header Section -->\n            \n                                    <div class=\"flex relative z-10 justify-center\">\n                    <div class=\"max-w-4xl mb-20\">\n\n                    \n                        \n                                                    <h2 class=\"text-center text-white\">\n                                Pioneering the future of search through AI innovation <br \/>\r\n                            <\/h2>\n                        \n                                                    <p class=\"mt-4 text-lg leading-8 text-center text-custom-gray\">\n                                SEO Lab, by Prismatic: A comprehensive hub on the evolution of SEO in the age of AI, <br \/>\r\nwhere GEO (Generative Engine Optimization) is just one piece of the ecosystem.                            <\/p>\n                        \n                                                                            \n                <\/div>\n            <\/div>\n                                                 \n\n                    <ul role=\"list\" class=\"grid grid-cols-1 gap-x-8 gap-y-14 sm:grid-cols-2 lg:grid-cols-2\">\n                                                                                    <li>\n                                                    <div class=\"py-6 card-item flex flex-col rounded-2xl  overflow-hidden h-full w-full border border-white\/20 hover:border-pink-color gradient-black\" >\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 flex flex-col justify-between flex-grow text-left\">\n                        \n                        <div class=\"content flex flex-col justify-between flex-grow \">\n                            <!-- Subtitle -->\n                            \n                            <!-- Title -->\n                                                            <h3 class=\"force-text-2xl font-semibold mb-3 text-white\">\n                                    Visibility audit on generative engines                                  <\/h3>\n                            \n                            <!-- Description -->\n                                                            <div class=\"mb-5 text-custom-gray\">\n                                <p>Evaluate your brand&#8217;s visibility in AI-driven search engines such as ChatGPT, Panda and Perplexity with a focused technical and strategic audit.<\/p>\n                                <\/div>\n                            \n                            <!-- Link -->\n                        \n                                <div class=\"mt-auto pt-4\">\n                                                                    <div class=\"mt-auto\">\n                                                                                    <a href=\"https:\/\/seolab.digital\/en\/services\/visibility-audit-on-generative-engines\/\"\n                                            target=\"\"\n                                            class=\"btn btn-primary btn-lg\"\n                                            data-theme=\"dark\">\n                                                Be visible                                     \n                                            <\/a>\n                                                                            <\/div>\n                                                                <\/div>\n                    \n                        <\/div>\n\n                    <\/div>\n                    <!-- Image section -->\n                                            <div class=\"px-6 mb-6 mt-4\"> <!-- Adds horizontal and bottom spacing -->\n                            <a href=\"https:\/\/seolab.digital\/en\/services\/visibility-audit-on-generative-engines\/\" target=\"\">\n                                <div class=\"relative h-[100px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"Visibility audit on generative engines  \" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/audit-2.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>                                <\/div>\n                            <\/a>\n                        <\/div>\n                                    <\/div>\n\n                                            <\/li>\n                                                            <li>\n                                                    <div class=\"py-6 card-item flex flex-col rounded-2xl  overflow-hidden h-full w-full border border-white\/20 hover:border-pink-color gradient-black\" >\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 flex flex-col justify-between flex-grow text-left\">\n                        \n                        <div class=\"content flex flex-col justify-between flex-grow \">\n                            <!-- Subtitle -->\n                            \n                            <!-- Title -->\n                                                            <h3 class=\"force-text-2xl font-semibold mb-3 text-white\">\n                                    Customized GEO consulting                                <\/h3>\n                            \n                            <!-- Description -->\n                                                            <div class=\"mb-5 text-custom-gray\">\n                                <p>Does your team need AI-driven support?\r\nOur expert consultants work with your team to develop customized GEO approaches, either through one-off consulting or fully managed services.<\/p>\n                                <\/div>\n                            \n                            <!-- Link -->\n                        \n                                <div class=\"mt-auto pt-4\">\n                                                                    <div class=\"mt-auto\">\n                                                                                    <a href=\"https:\/\/seolab.digital\/en\/services\/customized-geo-consulting\/\"\n                                            target=\"\"\n                                            class=\"btn btn-primary btn-lg\"\n                                            data-theme=\"dark\">\n                                                Conquer your map                                     \n                                            <\/a>\n                                                                            <\/div>\n                                                                <\/div>\n                    \n                        <\/div>\n\n                    <\/div>\n                    <!-- Image section -->\n                                            <div class=\"px-6 mb-6 mt-4\"> <!-- Adds horizontal and bottom spacing -->\n                            <a href=\"https:\/\/seolab.digital\/en\/services\/customized-geo-consulting\/\" target=\"\">\n                                <div class=\"relative h-[100px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"Customized GEO consulting\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/consulting-img.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>                                <\/div>\n                            <\/a>\n                        <\/div>\n                                    <\/div>\n\n                                            <\/li>\n                                                            <li>\n                                                    <div class=\"py-6 card-item flex flex-col rounded-2xl  overflow-hidden h-full w-full border border-white\/20 hover:border-pink-color gradient-black\" >\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 flex flex-col justify-between flex-grow text-left\">\n                        \n                        <div class=\"content flex flex-col justify-between flex-grow \">\n                            <!-- Subtitle -->\n                            \n                            <!-- Title -->\n                                                            <h3 class=\"force-text-2xl font-semibold mb-3 text-white\">\n                                    SEO automation with AI                                <\/h3>\n                            \n                            <!-- Description -->\n                                                            <div class=\"mb-5 text-custom-gray\">\n                                <p>Create, test and launch improvements quickly, ensuring that your highest value pages are indexed and prioritized by search engines and AI platforms.<\/p>\n                                <\/div>\n                            \n                            <!-- Link -->\n                        \n                                <div class=\"mt-auto pt-4\">\n                                                                    <div class=\"mt-auto\">\n                                                                                    <a href=\"https:\/\/seolab.digital\/en\/services\/seo-automation-with-ai\/\"\n                                            target=\"\"\n                                            class=\"btn btn-primary btn-lg\"\n                                            data-theme=\"dark\">\n                                                Activate your SEO                                     \n                                            <\/a>\n                                                                            <\/div>\n                                                                <\/div>\n                    \n                        <\/div>\n\n                    <\/div>\n                    <!-- Image section -->\n                                            <div class=\"px-6 mb-6 mt-4\"> <!-- Adds horizontal and bottom spacing -->\n                            <a href=\"https:\/\/seolab.digital\/en\/services\/seo-automation-with-ai\/\" target=\"\">\n                                <div class=\"relative h-[100px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"SEO automation with AI\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatizacion.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>                                <\/div>\n                            <\/a>\n                        <\/div>\n                                    <\/div>\n\n                                            <\/li>\n                                                            <li>\n                                                    <div class=\"py-6 card-item flex flex-col rounded-2xl  overflow-hidden h-full w-full border border-white\/20 hover:border-pink-color gradient-black\" >\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 flex flex-col justify-between flex-grow text-left\">\n                        \n                        <div class=\"content flex flex-col justify-between flex-grow \">\n                            <!-- Subtitle -->\n                            \n                            <!-- Title -->\n                                                            <h3 class=\"force-text-2xl font-semibold mb-3 text-white\">\n                                    In-house workshops and training                                <\/h3>\n                            \n                            <!-- Description -->\n                                                            <div class=\"mb-5 text-custom-gray\">\n                                <p>A customized GEO coaching program that combines AI training and practical application to help your team master the new era of SEO.<\/p>\n                                <\/div>\n                            \n                            <!-- Link -->\n                        \n                                <div class=\"mt-auto pt-4\">\n                                                                    <div class=\"mt-auto\">\n                                                                                    <a href=\"https:\/\/seolab.digital\/en\/services\/in-house-workshops-and-training-sessions\/\"\n                                            target=\"\"\n                                            class=\"btn btn-primary btn-lg\"\n                                            data-theme=\"dark\">\n                                                Power your equipment                                     \n                                            <\/a>\n                                                                            <\/div>\n                                                                <\/div>\n                    \n                        <\/div>\n\n                    <\/div>\n                    <!-- Image section -->\n                                            <div class=\"px-6 mb-6 mt-4\"> <!-- Adds horizontal and bottom spacing -->\n                            <a href=\"https:\/\/seolab.digital\/en\/services\/in-house-workshops-and-training-sessions\/\" target=\"\">\n                                <div class=\"relative h-[100px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-1024x682.webp\" class=\"w-full h-full object-cover\" alt=\"In-house workshops and training\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-1024x682.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3-700x466.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/training-3.webp 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>                                <\/div>\n                            <\/a>\n                        <\/div>\n                                    <\/div>\n\n                                            <\/li>\n                                                                        <\/ul>\n                        <\/div>\n\n            <\/div>\n<\/section>\n\n \n\n\n<div class=\"scroll-pin-wrapper  mt-8 md:mt-12 lg:mt-10 pt-10 md:pt-10 lg:pt-12 mb-6 lg:mb-0 bg-white\" id=\"block_dd266e6a181482bec73e218b49e71ac7\" data-wpr-lazyrender=\"0\" data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n<div class=\"max-w-8xl mx-auto  px-6 lg:px-8\">\n<div class=\"max-w-4xl mx-auto text-center mb-10\" >\n\n            <!-- Title Section -->\n                            <h2>Why integrate AI into your SEO strategy?  <\/h2>\n            \n            <!-- Description Section -->\n                            <p class=\"mt-3 text-lg leading-8 text-body\">At SEO Lab we understand that the real change happens when AI tools are integrated into the entire SEO workflow: From keyword research, architecture, content creation, competitive analysis, to technical optimization and conversion.<\/p>\n            \n        <\/div>\n\n    <div class=\"scroll-pin-spacer\" style=\"height: 400vh;\">\n        <div class=\"scroll-pin-section sticky top-0 z-10 h-screen min-h-screen max-h-screen\" style=\"position: sticky !important; top: 0 !important; z-index: 10 !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important;\">\n            <div class=\"scroll-pin-container  mt-0 lg:!mt-12\">\n                  <div class=\"scroll-pin-content lg:px-0\">\n                     <!-- Navigation Anchors - Outside columns -->\n                     <div class=\"scroll-pin-anchors pt-10 pb-4\" role=\"tablist\" aria-label=\"Navigation des sections\">\n                                                      <button\n                                 class=\"scroll-pin-anchor active\"\n                                 data-slide=\"0\"\n                                 type=\"button\"\n                                 role=\"tab\"\n                                 aria-selected=\"true\"\n                                 aria-controls=\"slide-0\"\n                                 id=\"tab-0\"\n                                 tabindex=\"0\"\n                                 aria-label=\"Aller \u00e0 la section Automate\"\n                             >\n                                 Automate                             <\/button>\n                                                      <button\n                                 class=\"scroll-pin-anchor\"\n                                 data-slide=\"1\"\n                                 type=\"button\"\n                                 role=\"tab\"\n                                 aria-selected=\"false\"\n                                 aria-controls=\"slide-1\"\n                                 id=\"tab-1\"\n                                 tabindex=\"-1\"\n                                 aria-label=\"Aller \u00e0 la section Scale\"\n                             >\n                                 Scale                             <\/button>\n                                                      <button\n                                 class=\"scroll-pin-anchor\"\n                                 data-slide=\"2\"\n                                 type=\"button\"\n                                 role=\"tab\"\n                                 aria-selected=\"false\"\n                                 aria-controls=\"slide-2\"\n                                 id=\"tab-2\"\n                                 tabindex=\"-1\"\n                                 aria-label=\"Aller \u00e0 la section Detect\"\n                             >\n                                 Detect                             <\/button>\n                                                      <button\n                                 class=\"scroll-pin-anchor\"\n                                 data-slide=\"3\"\n                                 type=\"button\"\n                                 role=\"tab\"\n                                 aria-selected=\"false\"\n                                 aria-controls=\"slide-3\"\n                                 id=\"tab-3\"\n                                 tabindex=\"-1\"\n                                 aria-label=\"Aller \u00e0 la section Position\"\n                             >\n                                 Position                             <\/button>\n                                              <\/div>\n                     \n                     <div class=\"scroll-pin-row grid grid-cols-1 lg:grid-cols-2 gap-4 items-stretch\">\n                         <!-- Left Column: Content Only -->\n                         <div class=\"scroll-pin-col scroll-pin-left gradient-black rounded-2xl p-10 !min-h-[30vh] lg:!min-h-[70vh] flex flex-col justify-center order-1\">\n\n                            <!-- Content Container -->\n                            <div class=\"scroll-pin-content-wrapper !min-h-[30vh] lg:!min-h-[60vh] relative\">\n                         \n                                                                 \n                                    \n\n                                         <div class=\"scroll-pin-slide active flex  align-middle\" \n                                            data-slide=\"0\"\n                                            role=\"tabpanel\"\n                                            aria-labelledby=\"tab-0\"\n                                            id=\"slide-0\"\n                                            tabindex=\"0\">\n\n\n                                        <div class=\"scroll-pin-slide-content  flex flex-col justify-center\">\n                                                                                            <h2 class=\"scroll-pin-title\">Automate<\/h2>\n                                            \n                                                                                            <div class=\"scroll-pin-description\">\n                                                      Generate briefs, keyword groupings and meta descriptions in minutes, not days.                                                <\/div>\n                                            \n                                                                                            <div class=\"scroll-pin-cta\">\n                                                                                                                                            <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-white\">\n                                        <span>Be visible<\/span>\n                                    <\/a>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                 \n                                    \n\n                                         <div class=\"scroll-pin-slide flex  align-middle\" \n                                            data-slide=\"1\"\n                                            role=\"tabpanel\"\n                                            aria-labelledby=\"tab-1\"\n                                            id=\"slide-1\"\n                                            tabindex=\"0\">\n\n\n                                        <div class=\"scroll-pin-slide-content  flex flex-col justify-center\">\n                                                                                            <h2 class=\"scroll-pin-title\">Scale<\/h2>\n                                            \n                                                                                            <div class=\"scroll-pin-description\">\n                                                    Create customized content for online stores and local businesses effortlessly.                                                <\/div>\n                                            \n                                                                                            <div class=\"scroll-pin-cta\">\n                                                                                                                                            <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-white\">\n                                        <span>Conquer your map<\/span>\n                                    <\/a>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                 \n                                    \n\n                                         <div class=\"scroll-pin-slide flex  align-middle\" \n                                            data-slide=\"2\"\n                                            role=\"tabpanel\"\n                                            aria-labelledby=\"tab-2\"\n                                            id=\"slide-2\"\n                                            tabindex=\"0\">\n\n\n                                        <div class=\"scroll-pin-slide-content  flex flex-col justify-center\">\n                                                                                            <h2 class=\"scroll-pin-title\">Detect<\/h2>\n                                            \n                                                                                            <div class=\"scroll-pin-description\">\n                                                    Find positioning opportunities faster with the help of AI &#8211; Create: Web architecture and internal links based on NLP (Natural Language Processing).                                                <\/div>\n                                            \n                                                                                            <div class=\"scroll-pin-cta\">\n                                                                                                                                            <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-white\">\n                                        <span>Activate your SEO<\/span>\n                                    <\/a>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                 \n                                    \n\n                                         <div class=\"scroll-pin-slide flex  align-middle\" \n                                            data-slide=\"3\"\n                                            role=\"tabpanel\"\n                                            aria-labelledby=\"tab-3\"\n                                            id=\"slide-3\"\n                                            tabindex=\"0\">\n\n\n                                        <div class=\"scroll-pin-slide-content  flex flex-col justify-center\">\n                                                                                            <h2 class=\"scroll-pin-title\">Position<\/h2>\n                                            \n                                                                                            <div class=\"scroll-pin-description\">\n                                                    Both in Google&#8217;s AI, Gemini, and in results from generative engines such as ChatGPT, Gemini or Perplexity.                                                <\/div>\n                                            \n                                                                                            <div class=\"scroll-pin-cta\">\n                                                                                                                                            <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-white\">\n                                        <span>Power your equipment<\/span>\n                                    <\/a>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Right Column: Images -->\n                        <div class=\"scroll-pin-col scroll-pin-right rounded-2xl bg-gray-100 !min-h-[30vh] lg:!min-h-[70vh]  order-2 flex flex-col justify-center\">\n                            <div class=\"scroll-pin-images-wrapper relative flex lg:flex  items-start lg:!items-center justify-center\">\n                                                                                                            <div class=\"scroll-pin-image active h-[250px] lg:!h-[350px] w-[355px] lg:w-[550px] mx-auto rounded-2xl overflow-hidden\"\n                                             data-slide=\"0\">\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-1024x683.webp\" class=\"scroll-pin-img w-full object-cover h-full\" alt=\"automatization\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/automatization-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                        <\/div>\n                                                                                                                                                <div class=\"scroll-pin-image h-[250px] lg:!h-[350px] w-[355px] lg:w-[550px] mx-auto rounded-2xl overflow-hidden\"\n                                             data-slide=\"1\">\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-1024x683.webp\" class=\"scroll-pin-img w-full object-cover h-full\" alt=\"escala\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/escala-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                        <\/div>\n                                                                                                                                                <div class=\"scroll-pin-image h-[250px] lg:!h-[350px] w-[355px] lg:w-[550px] mx-auto rounded-2xl overflow-hidden\"\n                                             data-slide=\"2\">\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-1024x683.webp\" class=\"scroll-pin-img w-full object-cover h-full\" alt=\"detecta\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/detecta-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                        <\/div>\n                                                                                                                                                <div class=\"scroll-pin-image h-[250px] lg:!h-[350px] w-[355px] lg:w-[550px] mx-auto rounded-2xl overflow-hidden\"\n                                             data-slide=\"3\">\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-1024x683.webp\" class=\"scroll-pin-img w-full object-cover h-full\" alt=\"positiona\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/positiona.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                        <\/div>\n                                                                                                <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\nfunction loadGSAP() {\n    return new Promise((resolve) => {\n        if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\n            gsap.registerPlugin(ScrollTrigger);\n            resolve();\n            return;\n        }\n        const script1 = document.createElement('script');\n        script1.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js';\n        script1.onload = () => {\n            const script2 = document.createElement('script');\n            script2.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js';\n            script2.onload = () => {\n                gsap.registerPlugin(ScrollTrigger);\n                resolve();\n            };\n            document.head.appendChild(script2);\n        };\n        document.head.appendChild(script1);\n    });\n}\n\n\/\/ Multiple initialization strategies to handle WP Rocket optimizations\nfunction initScrollPin() {\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n        \/\/ If GSAP isn't loaded yet, try again in 100ms\n        setTimeout(initScrollPin, 100);\n        return;\n    }\n    gsap.registerPlugin(ScrollTrigger);\n\n    const section = document.querySelector('.scroll-pin-section');\n    const slides = document.querySelectorAll('.scroll-pin-slide');\n    const images = document.querySelectorAll('.scroll-pin-image');\n    const spacer = document.querySelector('.scroll-pin-spacer');\n    const anchors = document.querySelectorAll('.scroll-pin-anchor');\n    const numSlides = slides.length;\n\n    if (!section || !slides.length || !spacer) return;\n    \n    \/\/ Ensure proper initial positioning and prevent ScrollTrigger transforms\n    section.style.position = 'sticky';\n    section.style.top = '0px';\n    section.style.zIndex = '10';\n    section.style.transform = 'none';\n    section.style.translate = 'none';\n    section.style.left = 'auto';\n    section.style.width = '100%';\n    section.style.maxWidth = 'none';\n    \n    \/\/ Force spacer positioning\n    spacer.style.position = 'relative';\n    spacer.style.transform = 'none';\n    spacer.style.translate = 'none';\n\n    \/\/ Force initialization of first slide - ensure clean state\n    slides.forEach((slide, i) => {\n        slide.classList.remove('active');\n        slide.setAttribute('tabindex', '-1');\n    });\n    images.forEach(image => image.classList.remove('active'));\n    anchors.forEach((anchor, i) => {\n        anchor.classList.remove('active');\n        anchor.setAttribute('aria-selected', 'false');\n        anchor.setAttribute('tabindex', '-1');\n    });\n    \n    \/\/ Initialize first slide properly\n    if (slides[0]) {\n        slides[0].classList.add('active');\n        slides[0].setAttribute('tabindex', '0');\n    }\n    if (images[0]) images[0].classList.add('active');\n    if (anchors[0]) {\n        anchors[0].classList.add('active');\n        anchors[0].setAttribute('aria-selected', 'true');\n        anchors[0].setAttribute('tabindex', '0');\n    }\n\n    let currentSlide = 0;\n\n    \/\/ Professional slide transition function\n    function transitionToSlide(newIndex) {\n        if (newIndex === currentSlide || newIndex < 0 || newIndex >= numSlides) return;\n\n        \/\/ Remove active from current\n        slides[currentSlide]?.classList.remove('active');\n        images[currentSlide]?.classList.remove('active');\n        anchors[currentSlide]?.classList.remove('active');\n\n        \/\/ Add active to new\n        slides[newIndex]?.classList.add('active');\n        images[newIndex]?.classList.add('active');\n        anchors[newIndex]?.classList.add('active');\n\n        currentSlide = newIndex;\n    }\n\n    \/\/ Set spacer height based on viewport, not section height to avoid positioning issues\n    spacer.style.height = (numSlides * 100) + 'vh';\n    spacer.style.margin = '0';\n    spacer.style.padding = '0';\n    spacer.style.border = 'none';\n    \n    \/\/ Create ScrollTrigger WITHOUT pinning - use only CSS sticky\n    ScrollTrigger.create({\n        trigger: spacer,\n        start: \"top top\",\n        end: \"bottom bottom\",\n        \/\/ NO PIN - let CSS sticky handle positioning\n        scrub: 0.5,\n        invalidateOnRefresh: true,\n        markers: false,\n        onUpdate: (self) => {\n            const progress = self.progress;\n            const slideIndex = Math.min(Math.floor(progress * numSlides), numSlides - 1);\n            \n            if (slideIndex !== currentSlide) {\n                transitionToSlide(slideIndex);\n            }\n        },\n        onRefresh: () => {\n            \/\/ Keep spacer height consistent\n            spacer.style.height = (numSlides * 100) + 'vh';\n            spacer.style.margin = '0';\n            spacer.style.padding = '0';\n            \n            \/\/ Force reset positioning after refresh\n            resetSectionPositioning();\n        }\n    });\n    \n    \/\/ Function to reset section positioning\n    function resetSectionPositioning() {\n        section.style.position = 'sticky';\n        section.style.top = '0px';\n        section.style.zIndex = '10';\n        section.style.transform = 'none';\n        section.style.translate = 'none';\n        section.style.left = 'auto';\n        section.style.width = '100%';\n        section.style.maxWidth = 'none';\n        \n        \/\/ Also check for pin-spacer and reset it\n        const pinSpacer = section.parentElement;\n        if (pinSpacer && pinSpacer.classList.contains('pin-spacer')) {\n            pinSpacer.style.position = 'relative';\n            pinSpacer.style.transform = 'none';\n            pinSpacer.style.translate = 'none';\n            pinSpacer.style.left = 'auto';\n            pinSpacer.style.width = '100%';\n            pinSpacer.style.maxWidth = 'none';\n        }\n    }\n    \n    \/\/ Monitor and correct positioning every frame\n    function monitorPositioning() {\n        resetSectionPositioning();\n        requestAnimationFrame(monitorPositioning);\n    }\n    monitorPositioning();\n\n    \/\/ Simple direct navigation - works immediately\n    function switchToSlide(index) {\n        console.log('Switching to slide:', index);\n        \n        \/\/ Remove active from all and update ARIA attributes\n        slides.forEach((slide, i) => {\n            slide.classList.remove('active');\n            slide.setAttribute('tabindex', '-1');\n        });\n        images.forEach(image => image.classList.remove('active'));\n        anchors.forEach((anchor, i) => {\n            anchor.classList.remove('active');\n            anchor.setAttribute('aria-selected', 'false');\n            anchor.setAttribute('tabindex', '-1');\n        });\n        \n        \/\/ Add active to target and update ARIA attributes\n        if (slides[index]) {\n            slides[index].classList.add('active');\n            slides[index].setAttribute('tabindex', '0');\n            \/\/ Focus the active slide for screen readers\n            slides[index].focus();\n        }\n        if (images[index]) images[index].classList.add('active');\n        if (anchors[index]) {\n            anchors[index].classList.add('active');\n            anchors[index].setAttribute('aria-selected', 'true');\n            anchors[index].setAttribute('tabindex', '0');\n        }\n        \n        currentSlide = index;\n    }\n\n    \/\/ Professional anchor click handling\n    anchors.forEach((btn, idx) => {\n        btn.addEventListener('click', function(e) {\n            e.preventDefault();\n            console.log('Button clicked:', idx); \/\/ Debug log\n            \n            \/\/ Add click feedback\n            btn.style.transform = 'translateY(-1px) scale(0.98)';\n            setTimeout(() => {\n                btn.style.transform = '';\n            }, 150);\n\n            \/\/ Direct slide switch - immediate response\n            switchToSlide(idx);\n        });\n\n        \/\/ Add hover effects\n        btn.addEventListener('mouseenter', function() {\n            gsap.to(btn, {\n                duration: 0.3,\n                scale: 1.02,\n                ease: \"power2.out\"\n            });\n        });\n\n        btn.addEventListener('mouseleave', function() {\n            gsap.to(btn, {\n                duration: 0.3,\n                scale: 1,\n                ease: \"power2.out\"\n            });\n        });\n    });\n\n    \/\/ Responsive handler with debouncing\n    let resizeTimeout;\n    window.addEventListener('resize', () => {\n        clearTimeout(resizeTimeout);\n        resizeTimeout = setTimeout(() => {\n            \/\/ Keep spacer height consistent with viewport\n            spacer.style.height = (numSlides * 100) + 'vh';\n            spacer.style.margin = '0';\n            spacer.style.padding = '0';\n            spacer.style.border = 'none';\n            \n            \/\/ Refresh ScrollTrigger to recalculate positions\n            ScrollTrigger.refresh();\n        }, 100);\n    });\n\n        \/\/ Add keyboard navigation - only when actively focused on navigation buttons\n    document.addEventListener('keydown', function(e) {\n        \/\/ Only handle keyboard navigation when focused on navigation buttons specifically\n        const focusedElement = document.activeElement;\n        const isNavigationButton = anchors.some(anchor => anchor === focusedElement);\n        \n        if (isNavigationButton) {\n            if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n                const nextSlide = currentSlide + 1;\n                if (nextSlide < numSlides) {\n                    \/\/ Stay within component - navigate to next slide\n                    e.preventDefault();\n                    switchToSlide(nextSlide);\n                    console.log('Keyboard navigation: Next slide', nextSlide);\n                } else {\n                    \/\/ At last slide - allow natural navigation to next section\n                    \/\/ Don't prevent default - let browser handle normal navigation\n                    console.log('Keyboard navigation: At last slide, allowing navigation to next section');\n                }\n            } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n                const prevSlide = currentSlide - 1;\n                if (prevSlide >= 0) {\n                    \/\/ Stay within component - navigate to previous slide\n                    e.preventDefault();\n                    switchToSlide(prevSlide);\n                    console.log('Keyboard navigation: Previous slide', prevSlide);\n                } else {\n                    \/\/ At first slide - allow natural navigation to previous section\n                    \/\/ Don't prevent default - let browser handle normal navigation\n                    console.log('Keyboard navigation: At first slide, allowing navigation to previous section');\n                }\n            } else if (e.key >= '1' && e.key <= '9') {\n                \/\/ Direct slide navigation with number keys\n                e.preventDefault();\n                const slideIndex = parseInt(e.key) - 1;\n                if (slideIndex >= 0 && slideIndex < numSlides) {\n                    switchToSlide(slideIndex);\n                    console.log('Keyboard navigation: Direct slide', slideIndex);\n                }\n            } else if (e.key === 'Escape') {\n                \/\/ Escape - remove focus from component\n                e.preventDefault();\n                document.activeElement.blur();\n                console.log('Keyboard navigation: Escape pressed - focus removed');\n            } else if (e.key === 'Home') {\n                \/\/ Home - go to first slide\n                e.preventDefault();\n                switchToSlide(0);\n                console.log('Keyboard navigation: Home - first slide');\n            } else if (e.key === 'End') {\n                \/\/ End - go to last slide\n                e.preventDefault();\n                switchToSlide(numSlides - 1);\n                console.log('Keyboard navigation: End - last slide');\n            }\n            \/\/ Tab navigation is handled naturally by browser - don't interfere\n        }\n    });\n}\n\n\/\/ Try multiple initialization methods for WP Rocket compatibility\ndocument.addEventListener('DOMContentLoaded', initScrollPin);\n\/\/ Fallback for delayed script execution\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initScrollPin);\n} else {\n    \/\/ DOM is already loaded\n    initScrollPin();\n}\n\/\/ Additional fallback\nwindow.addEventListener('load', function() {\n    setTimeout(initScrollPin, 100);\n});\n<\/script>\n \n\n\n<style>\n\/* Container \u00e9l\u00e9gant et minimaliste *\/\n.elegant-container {\n    position: relative;\n    padding: 2rem;\n    border-radius: 8px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    transition: all 0.3s ease;\n}\n\n.elegant-container:hover {\n    background-color: rgba(255, 255, 255, 0.05);\n    border-color: rgba(255, 255, 255, 0.12);\n}\n\n\/* Vert pour fond noir - avec shadow *\/\n.ice-number.dark-bg {\n    font-weight: 600;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    animation: greenVariationDark 2s ease-in-out infinite;\n}\n\n\/* Vert accentu\u00e9 pour fond clair - sans shadow *\/\n.ice-number.light-bg {\n    font-weight: 600;\n    animation: greenVariationLight 2s ease-in-out infinite;\n}\n\n@keyframes greenVariationDark {\n    0%, 100% {\n        color: #CCFFCC;\n    }\n    50% {\n        color: #5CE65C;\n    }\n}\n\n@keyframes greenVariationLight {\n    0%, 100% {\n        color: #A8F5A8;\n    }\n    50% {\n        color: #5CE65C;\n    }\n}\n\n\/* Alternative Rouge pour les m\u00e9triques n\u00e9gatives *\/\n.ice-number-red {\n    font-weight: 600;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    animation: colorChangeRed 3s ease-in-out infinite;\n}\n\n@keyframes colorChangeRed {\n    0%, 100% {\n        color: #ffffff;\n    }\n    50% {\n        color: #ef4444;\n    }\n}\n\n<\/style>\n\n<section\n    class=\"overflow-hidden py-24 md:py-28 lg:py-32 same-theme-next\"\n    style=\"background-color: #000000;\"\n    data-theme=\"dark\"\n    >\n\n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n                        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\n                    <div class=\"lg:col-span-4 pt-8\">\n                    \n                        \n                                                    <h2 class=\"text-left text-white\">\n                                Our results <br \/>\r\nback us up                            <\/h2>\n                        \n                        \n\n                        <!-- Buttons Section -->\n                                                            <div class=\"mt-10 flex flex-row gap-5 md:flex-row lg:flex-row items-center justify-start gap-x-6\">\n                                                                                    <a href=\"https:\/\/seolab.digital\/en\/contact-us\/\" \n                                            target=\"_self\" \n                                            class=\"btn-primary btn btn-lg\"\n                                            data-theme=\"dark\">\n                                                Request a quote                                            <\/a>\n                                        \n                                                                            <\/div>\n                                            <\/div>\n\n                    <div class=\"lg:col-span-8\">\n                        <dl class=\"grid grid-cols-1 sm:grid-cols-2 gap-px rounded-2xl  overflow-hidden text-left\">\n                                                            <div class=\"flex flex-col px-0 lg:px-8 py-8 lg:py-8 elegant-container\">\n                                    <div class=\"flex flex-col border-l border-gray-400 pl-9\">\n                                        <dd class=\"mb-8\">\n                                            <h3 class=\"text-base font-semibold text-white\">\n                                                Organic sessions                                            <\/h3>\n                                        <\/dd>\n                                        <dt class=\"text-6xl font-semibold ice-number dark-bg\">\n                                            <span class=\"text-4xl font-medium\">+<\/span>                                            <span>35<\/span>\n                                            <span>%<\/span>                                        <\/dt>\n                                    <\/div>\n                                    <dd class=\"mt-4\">\n                                                                                    <p class=\"mt-2 text-base text-white\/70\">\n                                                More quality visits without extra investment.                                            <\/p>\n                                                                            <\/dd>\n                                <\/div>\n                                                            <div class=\"flex flex-col px-0 lg:px-8 py-8 lg:py-8 elegant-container\">\n                                    <div class=\"flex flex-col border-l border-gray-400 pl-9\">\n                                        <dd class=\"mb-8\">\n                                            <h3 class=\"text-base font-semibold text-white\">\n                                                Organic engagement                                            <\/h3>\n                                        <\/dd>\n                                        <dt class=\"text-6xl font-semibold ice-number dark-bg\">\n                                            <span class=\"text-4xl font-medium\">+<\/span>                                            <span>15<\/span>\n                                            <span>%<\/span>                                        <\/dt>\n                                    <\/div>\n                                    <dd class=\"mt-4\">\n                                                                                    <p class=\"mt-2 text-base text-white\/70\">\n                                                Users who interact more with your brand.                                            <\/p>\n                                                                            <\/dd>\n                                <\/div>\n                                                            <div class=\"flex flex-col px-0 lg:px-8 py-8 lg:py-8 elegant-container\">\n                                    <div class=\"flex flex-col border-l border-gray-400 pl-9\">\n                                        <dd class=\"mb-8\">\n                                            <h3 class=\"text-base font-semibold text-white\">\n                                                Organic clicks                                            <\/h3>\n                                        <\/dd>\n                                        <dt class=\"text-6xl font-semibold ice-number dark-bg\">\n                                            <span class=\"text-4xl font-medium\">+<\/span>                                            <span>48<\/span>\n                                            <span>%<\/span>                                        <\/dt>\n                                    <\/div>\n                                    <dd class=\"mt-4\">\n                                                                                    <p class=\"mt-2 text-base text-white\/70\">\n                                                Increased direct traffic from search engines.                                            <\/p>\n                                                                            <\/dd>\n                                <\/div>\n                                                            <div class=\"flex flex-col px-0 lg:px-8 py-8 lg:py-8 elegant-container\">\n                                    <div class=\"flex flex-col border-l border-gray-400 pl-9\">\n                                        <dd class=\"mb-8\">\n                                            <h3 class=\"text-base font-semibold text-white\">\n                                                Clicks in strategic terms                                            <\/h3>\n                                        <\/dd>\n                                        <dt class=\"text-6xl font-semibold ice-number dark-bg\">\n                                            <span class=\"text-4xl font-medium\">+<\/span>                                            <span>383<\/span>\n                                            <span>%<\/span>                                        <\/dt>\n                                    <\/div>\n                                    <dd class=\"mt-4\">\n                                                                                    <p class=\"mt-2 text-base text-white\/70\">\n                                                Assured position in key keywords.                                            <\/p>\n                                                                            <\/dd>\n                                <\/div>\n                                                    <\/dl>\n                    <\/div>\n                <\/div>\n                <\/div>\n\n\n<\/section>\n\n\n\n<section  class=\"spacing-block relative overflow-hidden m-8 md:m-8 lg:m-8\">\n\n<\/section> \n\n\n\n<section class=\"relative mb-8 md:mb-12 lg:mb-10 pb-10 md:pb-10 lg:pb-12\" >\n  \n\n    <div class=\"relative mx-auto max-w-8xl px-6 lg:px-8\">\n   \n            <div class=\"max-w-4xl mx-auto text-center\">\n\n                <!-- Title Section -->\n                                    <h2>GEO that generates impact.<\/h2>\n                \n                <!-- Description Section -->\n                                    <p class=\"mt-3 text-lg leading-8 text-body\">Discover how our customized Generative Engine Optimization (GEO) strategies unlock new growth opportunities.<br \/>\r\nEach project highlights our collaborative process and focus on high-value AI use cases.<\/p>\n                \n                <!-- Buttons Section -->\n                                    <div class=\"mt-10 flex items-center justify-center gap-x-6 lg:shrink-0\">\n                                                            <a href=\"https:\/\/seolab.digital\/en\/use-cases\/\" class=\"btn btn-primary\">Learn about our success stories<\/a>\n                            \n                                                <\/div>      \n                            <\/div>\n\n\n                        \n            <div class=\"grid gap-8 mt-20 grid-cols-1 md:grid-cols-2 justify-items-center max-w-4xl mx-auto\">\n                                        <div class=\"card-item group flex flex-col rounded-3xl overflow-hidden h-full w-full border border-gray-200 hover:border-pink-color bg-beige-dark-perso shadow-lg transition-all duration-300 hover:shadow-2xl hover:border-pink-color hover:-translate-y-1\">\n                            <!-- Hero Image Section -->\n                            <div class=\"relative card-item-image overflow-hidden\">\n                              <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/olmeca-tequila\/\">  <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-1024x683.webp\" class=\"w-full h-56 object-cover transition-transform duration-500 group-hover:scale-105 group-hover:brightness-90\" alt=\"olmeca use case\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                <!-- Optional: Add a gradient overlay for text readability -->\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-pink-100\/60 via-transparent to-transparent pointer-events-none\"><\/div>\n                                <\/a>\n                            <\/div>\n\n                            <!-- Company Logo Section -->\n                                                            <div class=\"px-6 pt-6\">\n                                    <div class=\"flex items-center justify-start\">\n                                        <div class=\"bg-black rounded-2xl p-4 shadow-md border border-gray-100\" style=\"background-color: #000000 !important;\">\n                                            <img decoding=\"async\" \n                                                src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp\" \n                                                alt=\"Company Logo\"\n                                                class=\"h-12 w-auto object-contain max-w-full\"\n                                                loading=\"lazy\"\n                                            \/>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Title Section -->\n                            <div class=\"card-item-content flex-1 flex flex-col justify-between p-6 pt-4\">\n                                <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/olmeca-tequila\/\" class=\"card-item-title text-2xl text-black mb-4 hover:text-pink-color transition-colors duration-200\">\n                                    Olmeca Tequila                                <\/a>\n                            <\/div>\n\n                            <!-- KPIs Section \u2014 grid mode only -->\n                                                            <div class=\"px-6 pb-4\">\n                                    <div class=\"grid grid-cols-1 gap-3\">\n                                                                                                                                    <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Organic sessions                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                +35                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                 <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Organic engagement                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                +15                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                 <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Optimized international markets                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                5                                                            <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Years of strategic collaboration                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                4                                                             <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            \n                            <!-- Footer with CTA -->\n                            <div class=\"card-item-footer p-6 pt-4\">\n                                <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/olmeca-tequila\/\"\n                                target=\"_self\"\n                                class=\"flex flex-row items-center inline-button text-gray-800 justify-center text-xl font-bold hover:text-pink-color transition-colors duration-200\" >\n                                                                    More                                                                <\/a>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"card-item group flex flex-col rounded-3xl overflow-hidden h-full w-full border border-gray-200 hover:border-pink-color bg-beige-dark-perso shadow-lg transition-all duration-300 hover:shadow-2xl hover:border-pink-color hover:-translate-y-1\">\n                            <!-- Hero Image Section -->\n                            <div class=\"relative card-item-image overflow-hidden\">\n                              <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/gwm-mexico\/\">  <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-1024x683.webp\" class=\"w-full h-56 object-cover transition-transform duration-500 group-hover:scale-105 group-hover:brightness-90\" alt=\"GWM use case\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                <!-- Optional: Add a gradient overlay for text readability -->\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-pink-100\/60 via-transparent to-transparent pointer-events-none\"><\/div>\n                                <\/a>\n                            <\/div>\n\n                            <!-- Company Logo Section -->\n                                                            <div class=\"px-6 pt-6\">\n                                    <div class=\"flex items-center justify-start\">\n                                        <div class=\"bg-black rounded-2xl p-4 shadow-md border border-gray-100\" style=\"background-color: #000000 !important;\">\n                                            <img decoding=\"async\" \n                                                src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\" \n                                                alt=\"Company Logo\"\n                                                class=\"h-12 w-auto object-contain max-w-full\"\n                                                loading=\"lazy\"\n                                            \/>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Title Section -->\n                            <div class=\"card-item-content flex-1 flex flex-col justify-between p-6 pt-4\">\n                                <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/gwm-mexico\/\" class=\"card-item-title text-2xl text-black mb-4 hover:text-pink-color transition-colors duration-200\">\n                                    GWM M\u00e9xico                                <\/a>\n                            <\/div>\n\n                            <!-- KPIs Section \u2014 grid mode only -->\n                                                            <div class=\"px-6 pb-4\">\n                                    <div class=\"grid grid-cols-1 gap-3\">\n                                                                                                                                    <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Organic clicks                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                +48                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Clicks in strategic terms                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                +383                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                National SEO impressions                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                +7                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                 <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                                                                                <div class=\"bg-white\/80 backdrop-blur-sm rounded-xl p-3 border border-gray-100 shadow-sm\">\n                                                    <div class=\"flex items-center justify-between\">\n                                                        <div class=\"flex-1\">\n                                                            <span class=\"text-sm text-gray-600 font-medium\">\n                                                                Strategy without cannibalization                                                            <\/span>\n                                                        <\/div>\n                                                        <div class=\"flex items-center space-x-1\">\n                                                            <span class=\"text-2xl font-bold text-pink-color\">\n                                                                100                                                            <\/span>\n                                                                                                                            <span class=\"text-lg font-semibold text-gray-700\">\n                                                                    %                                                                 <\/span>\n                                                                                                                    <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            \n                            <!-- Footer with CTA -->\n                            <div class=\"card-item-footer p-6 pt-4\">\n                                <a href=\"https:\/\/seolab.digital\/en\/casos-de-exito\/gwm-mexico\/\"\n                                target=\"_self\"\n                                class=\"flex flex-row items-center inline-button text-gray-800 justify-center text-xl font-bold hover:text-pink-color transition-colors duration-200\" >\n                                                                    More                                                                <\/a>\n                            <\/div>\n                        <\/div>\n                                <\/div>  \n    <\/div>\n\n<\/section>\n\n\n\n<section id=\"ecosystem\" \n         class=\"relative w-full mx-auto px-6 md:!px-6 lg:!px-20 pt-20 md:pt-32 lg:pt-40 pb-10 md:pb-20 lg:pb-24 mb-10 md:!mb-10 lg:!mb-20\"\n         style=\"\">\n    <div class=\"mx-auto max-w-8xl\">\n        \n        <!-- Section Label -->\n        \n        <!-- Main Text with Typewriter Effect -->\n                <div class=\"col-span-4 mb-12 md:mb-20 lg:mb-50 sm:col-span-10 sm:col-start-2 \">\n            <h2 class=\"font-bold leading-[125%] text-gray-900 font-poppins-semibold highlight-light-bg\">\n                <div>\n                    <div class=\"typewriter-wrapper\" data-testid=\"typewriter-wrapper\">\n                        <span class=\"typewriter-text text-2xl sm:text-2xl lg:!text-5xl\" style=\"font-family: var(--font-poppins-semibold)!important;\" id=\"typewriter-text-69fba3a3b2159-text\"><!-- Content will be added by JavaScript --><\/span>\n                                                <span class=\"typewriter-cursor text-2xl sm:text-2xl lg:!text-5xl\" id=\"typewriter-text-69fba3a3b2159-cursor\">\n                            <svg width=\"4\" height=\"1em\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4 68\">\n                                <defs>\n                                    <linearGradient id=\"gradient-cursor-typewriter-text-69fba3a3b2159\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:hsl(273, 100%, 47%);stop-opacity:1\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:hsl(311, 100%, 52%);stop-opacity:1\"><\/stop>\n                                    <\/linearGradient>\n                                <\/defs>\n                                <rect x=\"0\" y=\"0\" width=\"4\" height=\"100%\" fill=\"url(#gradient-cursor-typewriter-text-69fba3a3b2159)\"><\/rect>\n                            <\/svg>\n                        <\/span>\n                                            <\/div>\n                <\/div>\n            <\/h2>\n        <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Typewriter script loaded for: typewriter-text-69fba3a3b2159');\n    \n    \/\/ Check if GSAP is available\n    if (typeof gsap === 'undefined') {\n        console.error('GSAP not found - using fallback typewriter');\n        fallbackTypewriter();\n        return;\n    }\n    \n    \/\/ Fallback typewriter function (define it first)\n    function fallbackTypewriter() {\n        const textElement = document.getElementById('typewriter-text-69fba3a3b2159-text');\n        const cursorElement = document.getElementById('typewriter-text-69fba3a3b2159-cursor');\n        \n        if (!textElement) return;\n        \n        console.log('Starting fallback typewriter animation');\n        \n        \/\/ Process text - handle both [highlight] markers and existing HTML\n        let processedText = \"<span class=\\u0022highlight\\u0022>83%<\\\/span> of large organizations already \\r\\nreport measurable SEO improvements after integrating AI.\";\n        \/\/ Convert [highlight] markers to spans if they exist\n        processedText = processedText.replace(\/\\[highlight\\]\/g, '<span class=\"highlight\">');\n        processedText = processedText.replace(\/\\[\\\/highlight\\]\/g, '<\/span>');\n        \n        \n        \/\/ Parse HTML into tokens (text and tags)\n        const tokens = [];\n        let currentPos = 0;\n        \n        while (currentPos < processedText.length) {\n            const nextTag = processedText.indexOf('<', currentPos);\n            \n            if (nextTag === -1) {\n                \/\/ No more tags, add remaining text\n                if (currentPos < processedText.length) {\n                    const remainingText = processedText.substring(currentPos);\n                    for (let i = 0; i < remainingText.length; i++) {\n                        tokens.push({ type: 'char', content: remainingText[i] });\n                    }\n                }\n                break;\n            }\n            \n            \/\/ Add text before the tag\n            if (nextTag > currentPos) {\n                const textBefore = processedText.substring(currentPos, nextTag);\n                for (let i = 0; i < textBefore.length; i++) {\n                    tokens.push({ type: 'char', content: textBefore[i] });\n                }\n            }\n            \n            \/\/ Find the end of the tag\n            const tagEnd = processedText.indexOf('>', nextTag);\n            if (tagEnd !== -1) {\n                const tag = processedText.substring(nextTag, tagEnd + 1);\n                tokens.push({ type: 'tag', content: tag });\n                currentPos = tagEnd + 1;\n            } else {\n                \/\/ Malformed tag, treat as regular character\n                tokens.push({ type: 'char', content: processedText[nextTag] });\n                currentPos = nextTag + 1;\n            }\n        }\n        \n        \n        \/\/ Clear the element\n        textElement.innerHTML = '';\n        \n        \/\/ Show cursor\n        if (cursorElement) {\n            cursorElement.style.opacity = '1';\n        }\n        \n        let currentTokenIndex = 0;\n        let isTyping = true;\n        let currentElement = textElement; \/\/ Track current element for nested tags\n        let elementStack = [textElement]; \/\/ Stack to handle nested elements\n        \n        function typeNextToken() {\n            if (currentTokenIndex < tokens.length) {\n                const token = tokens[currentTokenIndex];\n                \n                if (token.type === 'tag') {\n                    \n                    if (token.content.startsWith('<\/')) {\n                        \/\/ Closing tag - pop from stack\n                        if (elementStack.length > 1) {\n                            elementStack.pop();\n                            currentElement = elementStack[elementStack.length - 1];\n                        }\n                    } else {\n                        \/\/ Opening tag - create new element and push to stack\n                        const tagMatch = token.content.match(\/<(\\w+)([^>]*)>\/);\n                        if (tagMatch) {\n                            const tagName = tagMatch[1];\n                            const attributes = tagMatch[2];\n                            \n                            const newElement = document.createElement(tagName);\n                            \n                            \/\/ Parse and set attributes\n                            if (attributes.trim()) {\n                                const attrMatch = attributes.match(\/class=\"([^\"]*)\"\/);\n                                if (attrMatch) {\n                                    newElement.className = attrMatch[1];\n                                }\n                            }\n                            \n                            currentElement.appendChild(newElement);\n                            elementStack.push(newElement);\n                            currentElement = newElement;\n                        }\n                    }\n                    \n                    currentTokenIndex++;\n                    setTimeout(typeNextToken, 0); \/\/ No delay for tags\n                } else {\n                    \/\/ Add characters with typing delay\n                    \n                    \/\/ Add character to current element\n                    if (currentElement.lastChild && currentElement.lastChild.nodeType === Node.TEXT_NODE) {\n                        currentElement.lastChild.textContent += token.content;\n                    } else {\n                        currentElement.appendChild(document.createTextNode(token.content));\n                    }\n                    \n                    currentTokenIndex++;\n                    setTimeout(typeNextToken, 50);\n                }\n            } else {\n                isTyping = false;\n                \/\/ Hide cursor after completion\n                if (cursorElement) {\n                    setTimeout(() => {\n                        cursorElement.style.opacity = '0';\n                    }, 2000);\n                }\n            }\n        }\n        \n        \/\/ Cursor blinking\n        if (cursorElement) {\n            setInterval(() => {\n                if (isTyping) {\n                    cursorElement.style.opacity = cursorElement.style.opacity === '0' ? '1' : '0';\n                }\n            }, 500);\n        }\n        \n        \/\/ Start typing with ScrollTrigger or immediately\n        function startTyping() {\n            setTimeout(typeNextToken, 500);\n        }\n        \n        \/\/ Use ScrollTrigger if available, otherwise start immediately\n        if (typeof ScrollTrigger !== 'undefined') {\n            ScrollTrigger.create({\n                trigger: textElement.closest('section'),\n                start: \"top 70%\",\n                onEnter: () => {\n                    \/\/ Only animate when scrolling down (first encounter)\n                    textElement.innerHTML = '';\n                    currentTokenIndex = 0;\n                    isTyping = true;\n                    if (cursorElement) {\n                        cursorElement.style.opacity = '1';\n                    }\n                    startTyping();\n                },\n                once: true \/\/ Only trigger once\n            });\n        } else {\n            \/\/ No ScrollTrigger available, start immediately\n            startTyping();\n        }\n    }\n\n    \/\/ Check if SplitText is available\n    if (typeof SplitText === 'undefined') {\n        fallbackTypewriter();\n        return;\n    }\n    \n\n    const textElement = document.getElementById('typewriter-text-69fba3a3b2159-text');\n    const cursorElement = document.getElementById('typewriter-text-69fba3a3b2159-cursor');\n    \n    if (!textElement) return;\n    \n    \/\/ Process text - handle both [highlight] markers and existing HTML\n    let processedText = \"<span class=\\u0022highlight\\u0022>83%<\\\/span> of large organizations already \\r\\nreport measurable SEO improvements after integrating AI.\";\n    \/\/ Convert [highlight] markers to spans if they exist\n    processedText = processedText.replace(\/\\[highlight\\]\/g, '<span class=\"highlight\">');\n    processedText = processedText.replace(\/\\[\\\/highlight\\]\/g, '<\/span>');\n    \/\/ Text is already processed and ready to use\n    \n    \/\/ Set the final HTML content\n    textElement.innerHTML = processedText;\n    \n    \/\/ Typewriter settings\n    const typeSpeed = 50 \/ 1000; \/\/ Convert to seconds for GSAP\n    const showCursor = true;\n    \n    \/\/ Hide cursor initially if enabled\n    if (cursorElement && showCursor) {\n        gsap.set(cursorElement, { opacity: 0 });\n    }\n    \n    \/\/ GSAP Typewriter Animation\n    const tl = gsap.timeline();\n    \n    \/\/ Split text into characters for animation\n    const splitText = new SplitText(textElement, { type: \"chars\" });\n    \n    \/\/ Hide all characters initially\n    gsap.set(splitText.chars, { opacity: 0 });\n    \n    \/\/ Animate characters appearing one by one\n    tl.to(splitText.chars, {\n        opacity: 1,\n        duration: typeSpeed,\n        stagger: typeSpeed,\n        ease: \"none\"\n    });\n    \n    \/\/ Show and animate cursor if enabled\n    if (cursorElement && showCursor) {\n        \/\/ Show cursor at start\n        tl.set(cursorElement, { opacity: 1 }, 0);\n        \n        \/\/ Blink cursor during typing\n        tl.to(cursorElement, {\n            opacity: 0,\n            duration: 0.5,\n            repeat: -1,\n            yoyo: true,\n            ease: \"power2.inOut\"\n        }, 0);\n        \n        \/\/ Hide cursor after typing is complete\n        tl.to(cursorElement, {\n            opacity: 0,\n            duration: 0.5,\n            delay: 2\n        });\n    }\n    \n    \/\/ Pause timeline initially\n    tl.pause();\n    \n    \/\/ Start animation when element comes into view (only when scrolling down)\n    if (typeof ScrollTrigger !== 'undefined') {\n        ScrollTrigger.create({\n            trigger: textElement.closest('section'),\n            start: \"top 70%\",\n            onEnter: () => {\n                tl.restart();\n            },\n            once: true \/\/ Only trigger once when scrolling down\n        });\n    } else {\n        \/\/ Fallback: start immediately\n        setTimeout(() => {\n            tl.play();\n        }, 500);\n    }\n});\n<\/script>\n\n<style>\n\/* Typewriter cursor styling *\/\n.typewriter-cursor {\n    display: inline-block;\n    font-weight: normal;\n    animation: blink 1s infinite;\n    vertical-align: baseline;\n    margin-left: 2px;\n}\n\n.typewriter-cursor svg {\n    display: inline-block;\n    vertical-align: baseline;\n}\n\n@keyframes blink {\n    0%, 50% { opacity: 1; }\n    51%, 100% { opacity: 0; }\n}\n\n\/* Grid system matching Untold *\/\n.site-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1rem;\n}\n\n@media (min-width: 640px) {\n    .site-grid {\n        grid-template-columns: repeat(12, 1fr);\n        gap: 1.5rem;\n    }\n}\n\n@media (min-width: 1024px) {\n    .site-grid {\n        gap: 2rem;\n    }\n}\n\n\/* Column span utilities *\/\n.col-span-4 {\n    grid-column: span 4 \/ span 4;\n}\n\n@media (min-width: 640px) {\n    .sm\\:col-span-10 {\n        grid-column: span 10 \/ span 10;\n    }\n    \n    .sm\\:col-span-12 {\n        grid-column: span 12 \/ span 12;\n    }\n    \n    .sm\\:col-start-2 {\n        grid-column-start: 2;\n    }\n    \n    .sm\\:justify-center {\n        justify-content: center;\n    }\n}\n\n\/* Responsive text sizing *\/\n@media (min-width: 640px) {\n    .sm\\:text-44 {\n        font-size: 2.75rem;\n        line-height: 1.2;\n    }\n}\n\n@media (min-width: 1280px) {\n    .xl\\:text-64 {\n        font-size: 4rem;\n        line-height: 1.1;\n    }\n}\n\n\/* Height utilities *\/\n.min-h-\\[250px\\] {\n    min-height: 250px;\n}\n\n\/* Spacing utilities *\/\n.mb-50 {\n    margin-bottom: 3.125rem;\n}\n\n@media (min-width: 1024px) {\n    .lg\\:mb-50 {\n        margin-bottom: 3.125rem;\n    }\n}\n\n\/* Word highlighting styles - Adaptive colors *\/\n.highlight-light-bg .highlight,\n.highlight-light-bg .typewriter-text .highlight,\n.highlight-light-bg span.highlight {\n    background-color: #000000 !important;\n    color: #ffffff !important;\n    padding: 2px 8px !important;\n    border-radius: 4px !important;\n    display: inline-block !important;\n    margin: 0 2px !important;\n    font-family: inherit !important;\n}\n\n.highlight-dark-bg .highlight,\n.highlight-dark-bg .typewriter-text .highlight,\n.highlight-dark-bg span.highlight {\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    padding: 2px 8px !important;\n    border-radius: 4px !important;\n    display: inline-block !important;\n    margin: 0 2px !important;\n    font-family: inherit !important;\n}\n\n\/* Fallback for direct .highlight class *\/\n.highlight {\n    background-color: #000000 !important;\n    color: #ffffff !important;\n    padding: 2px 8px !important;\n    border-radius: 4px !important;\n    display: inline-block !important;\n    margin: 0 2px !important;\n    font-family: inherit !important;\n}\n<\/style>\n\n\n\n<!-- Desktop: Sticky Container with GSAP (hidden on mobile) -->\n<section class=\"relative h-[200dvh] mx-auto w-full hidden lg:block mb-20 lg:mb-60\"\n    style=\"background-color: #000000;\"\n    >\n    <div class=\"sticky top-0\">\n        <div class=\"flex h-screen w-full items-center\">\n            <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n                <div class=\"mb-16 lg:mb-24\">\n                <!-- Section Label -->\n                                <div class=\"flex justify-center text-center\">\n                    <div class=\"max-w-3xl\">\n                        <h2 class=\"text-white\">\n                            Other digital solutions <br \/>\r\nat Prismatic                        <\/h2>\n                                            <\/div>\n                <\/div>\n                \n                <!-- Buttons Section -->\n                                <div class=\"mt-10 flex flex-col gap-5 md:flex-row lg:flex-row items-center justify-center gap-x-6\">\n                                            <a href=\"https:\/\/prismatic.digital\/\"\n                        target=\"_blank\"\n                        class=\"btn-primary btn btn-lg\"\n                        data-theme=\"dark\">\n                            Learn more about Prismatic                        <\/a>\n                    \n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"w-full grid grid-cols-4 gap-6 xl:gap-10\">\n                                <div class=\"relative postit-0-js z-4 \" data-index=\"0\">\n                        <a href=\"https:\/\/ai.prismatic.digital\/#services\" target=\"_blank\" class=\"group flex aspect-[1\/1.1] w-full mx-auto flex-col items-start justify-between rounded-3xl p-6 xl:p-8 shadow-md transition-all duration-300 hover:scale-105 hover:rotate-1 overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                            <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                            <span>1<\/span>\n                            <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                        <\/p>\n\n                        <!-- Title and Description -->\n                        <div class=\"flex flex-col gap-3 min-w-0 w-full\">\n                                                        <h4 class=\"text-lg xl:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                AI and Automation                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                We automate processes and apply AI to increase efficiency and accuracy.                            <\/p>\n                                                    <\/div>\n                    <\/a>                <\/div>\n                                <div class=\"relative postit-1-js z-3 lg:mt-10\" data-index=\"1\">\n                        <a href=\"https:\/\/prismatic.digital\/#services\" target=\"_blank\" class=\"group flex aspect-[1\/1.1] w-full mx-auto flex-col items-start justify-between rounded-3xl p-6 xl:p-8 shadow-md transition-all duration-300 hover:scale-105 hover:rotate-1 overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                            <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                            <span>2<\/span>\n                            <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                        <\/p>\n\n                        <!-- Title and Description -->\n                        <div class=\"flex flex-col gap-3 min-w-0 w-full\">\n                                                        <h4 class=\"text-lg xl:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                Web Design and Development                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                We design modern, fast and result-oriented websites.                            <\/p>\n                                                    <\/div>\n                    <\/a>                <\/div>\n                                <div class=\"relative postit-2-js z-2 \" data-index=\"2\">\n                        <a href=\"https:\/\/seolab.digital\/contacto\/\" target=\"_self\" class=\"group flex aspect-[1\/1.1] w-full mx-auto flex-col items-start justify-between rounded-3xl p-6 xl:p-8 shadow-md transition-all duration-300 hover:scale-105 hover:rotate-1 overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                            <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                            <span>3<\/span>\n                            <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                        <\/p>\n\n                        <!-- Title and Description -->\n                        <div class=\"flex flex-col gap-3 min-w-0 w-full\">\n                                                        <h4 class=\"text-lg xl:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                Digital Marketing                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                We boost your brand with effective and measurable digital strategies.                            <\/p>\n                                                    <\/div>\n                    <\/a>                <\/div>\n                                <div class=\"relative postit-3-js z-1 lg:mt-10\" data-index=\"3\">\n                        <a href=\"https:\/\/prismatic.digital\/#services\" target=\"_blank\" class=\"group flex aspect-[1\/1.1] w-full mx-auto flex-col items-start justify-between rounded-3xl p-6 xl:p-8 shadow-md transition-all duration-300 hover:scale-105 hover:rotate-1 overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                            <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                            <span>4<\/span>\n                            <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                        <\/p>\n\n                        <!-- Title and Description -->\n                        <div class=\"flex flex-col gap-3 min-w-0 w-full\">\n                                                        <h4 class=\"text-lg xl:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                Data and Analytics                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                We turn data into insights that guide intelligent decisions.                            <\/p>\n                                                    <\/div>\n                    <\/a>                <\/div>\n                                <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Mobile Carousel (hidden on lg+) -->\n<section class=\"relative overflow-hidden py-24 md:py-28 lg:py-32 lg:hidden\"\n    style=\"background-color: #000000;\">\n    <div class=\"mx-auto max-w-8xl px-6 sm:px-8\">\n\n        <!-- Section Label + Description -->\n                <div class=\"mb-8 sm:mb-12 flex justify-center text-center\">\n            <div class=\"max-w-2xl\">\n                <h2 class=\"text-2xl sm:text-3xl text-white\">\n                    Other digital solutions <br \/>\r\nat Prismatic                <\/h2>\n                            <\/div>\n        <\/div>\n        \n        <!-- Buttons Section -->\n                <div class=\"mb-8 flex flex-col gap-4 sm:flex-row items-center justify-center sm:gap-x-6\">\n                            <a href=\"https:\/\/prismatic.digital\/\"\n                target=\"_blank\"\n                class=\"btn-primary btn btn-lg w-full sm:w-auto\"\n                data-theme=\"dark\">\n                    Learn more about Prismatic                <\/a>\n            \n                    <\/div>\n        \n                    <!-- Navigation -->\n            <div class=\"flex items-center justify-end gap-3 mb-6\">\n                <button type=\"button\" class=\"swiper-button-prev-partner-services-69fba3a3b33b9 cursor-pointer rounded-full p-2.5 sm:p-3 shadow-lg transition-colors duration-200 bg-white\/10 hover:bg-white\/20 backdrop-blur-sm\">\n                    <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"swiper-button-next-partner-services-69fba3a3b33b9 cursor-pointer rounded-full p-2.5 sm:p-3 shadow-lg transition-colors duration-200 bg-white\/10 hover:bg-white\/20 backdrop-blur-sm\">\n                    <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <div class=\"relative -mx-3 sm:-mx-4\">\n                <div class=\"swiper partner-services-swiper-partner-services-69fba3a3b33b9 px-3 sm:px-4\">\n                    <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <a href=\"https:\/\/ai.prismatic.digital\/#services\" target=\"_blank\" class=\"group flex w-full mx-auto flex-col items-start justify-between rounded-3xl p-5 sm:p-6 shadow-md transition-all duration-300 hover:shadow-xl overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                                    <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                                    <span>1<\/span>\n                                    <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                                <\/p>\n\n                                <!-- Title and Description -->\n                                <div class=\"flex flex-col gap-2 sm:gap-3 min-w-0 w-full\">\n                                                                        <h4 class=\"text-xl sm:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                        AI and Automation                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                        We automate processes and apply AI to increase efficiency and accuracy.                                    <\/p>\n                                                                    <\/div>\n                            <\/a>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <a href=\"https:\/\/prismatic.digital\/#services\" target=\"_blank\" class=\"group flex w-full mx-auto flex-col items-start justify-between rounded-3xl p-5 sm:p-6 shadow-md transition-all duration-300 hover:shadow-xl overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                                    <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                                    <span>2<\/span>\n                                    <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                                <\/p>\n\n                                <!-- Title and Description -->\n                                <div class=\"flex flex-col gap-2 sm:gap-3 min-w-0 w-full\">\n                                                                        <h4 class=\"text-xl sm:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                        Web Design and Development                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                        We design modern, fast and result-oriented websites.                                    <\/p>\n                                                                    <\/div>\n                            <\/a>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <a href=\"https:\/\/seolab.digital\/contacto\/\" target=\"_self\" class=\"group flex w-full mx-auto flex-col items-start justify-between rounded-3xl p-5 sm:p-6 shadow-md transition-all duration-300 hover:shadow-xl overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                                    <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                                    <span>3<\/span>\n                                    <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                                <\/p>\n\n                                <!-- Title and Description -->\n                                <div class=\"flex flex-col gap-2 sm:gap-3 min-w-0 w-full\">\n                                                                        <h4 class=\"text-xl sm:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                        Digital Marketing                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                        We boost your brand with effective and measurable digital strategies.                                    <\/p>\n                                                                    <\/div>\n                            <\/a>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <a href=\"https:\/\/prismatic.digital\/#services\" target=\"_blank\" class=\"group flex w-full mx-auto flex-col items-start justify-between rounded-3xl p-5 sm:p-6 shadow-md transition-all duration-300 hover:shadow-xl overflow-hidden bg-white\/10 backdrop-blur-sm hover:bg-white hover:shadow-2xl hover:bg-white no-underline\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-nunito-sans-regular uppercase transition-colors duration-300 text-white group-hover:text-gray-900\">\n                                    <span class=\"mr-2 inline-block opacity-30\">(<\/span>\n                                    <span>4<\/span>\n                                    <span class=\"ml-2 inline-block opacity-30\">)<\/span>\n                                <\/p>\n\n                                <!-- Title and Description -->\n                                <div class=\"flex flex-col gap-2 sm:gap-3 min-w-0 w-full\">\n                                                                        <h4 class=\"text-xl sm:text-2xl font-bold font-poppins-semibold transition-colors duration-300 leading-tight text-white group-hover:text-gray-900 break-words overflow-wrap-anywhere hyphens-auto\">\n                                        Data and Analytics                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-nunito-sans-regular transition-colors duration-300 text-gray-200 group-hover:text-gray-700 break-words overflow-wrap-anywhere\">\n                                        We turn data into insights that guide intelligent decisions.                                    <\/p>\n                                                                    <\/div>\n                            <\/a>                        <\/div>\n                                            <\/div>\n\n                <\/div>\n            <\/div>\n\n            <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Mobile carousel\n    new Swiper('.partner-services-swiper-partner-services-69fba3a3b33b9', {\n        slidesPerView: 1.2,\n        spaceBetween: 25,\n        centeredSlides: false,\n        loop: true,\n        navigation: {\n            nextEl: '.swiper-button-next-partner-services-69fba3a3b33b9',\n            prevEl: '.swiper-button-prev-partner-services-69fba3a3b33b9',\n        },\n        pagination: {\n            el: '.swiper-pagination',\n            clickable: true,\n        },\n        breakpoints: {\n            480: {\n                slidesPerView: 1.3,\n                spaceBetween: 16,\n            },\n            640: {\n                slidesPerView: 1.8,\n                spaceBetween: 20,\n            },\n            768: {\n                slidesPerView: 2.2,\n                spaceBetween: 24,\n            }\n        }\n    });\n\n    \/\/ Desktop GSAP animations (only on lg+ screens)\n    if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined' && window.innerWidth >= 1024) {\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ Animate each card\n        const cards = document.querySelectorAll('[class*=\"postit-\"][class*=\"-js\"]');\n        \n        cards.forEach((card, index) => {\n            const initialRotation = [-8, -6, -9, -4][index] || 0;\n            const initialX = [-110, -220, -330, -440][index] || 0;\n            \/\/ Cards 2 and 4 (index 1 and 3) have top margin, so adjust their initial Y position\n            const initialY = (index === 1 || index === 3) ? -10 : 0;\n            \n            \/\/ Set initial state - cards are visible but stacked\/overlapped\n            gsap.set(card, {\n                x: `${initialX}%`,\n                y: `${initialY}%`,\n                rotation: initialRotation,\n                opacity: 1  \/\/ Cards are visible from the start\n            });\n\n            \/\/ Animate on scroll - slow movement\n            gsap.to(card, {\n                x: 0,\n                y: 0,\n                rotation: 0,\n                duration: 2,  \/\/ Slower animation\n                ease: 'power2.out',\n                scrollTrigger: {\n                    trigger: card.closest('section'),\n                    start: 'top bottom',\n                    end: 'bottom top',\n                    scrub: 2,  \/\/ Slower scrub for smooth movement\n                    toggleActions: 'play none none reverse'\n                }\n            });\n        });\n    }\n});\n<\/script>\n\n<style>\n\/* Z-index for desktop animations *\/\n.z-4 { z-index: 4; }\n.z-3 { z-index: 3; }\n.z-2 { z-index: 2; }\n.z-1 { z-index: 1; }\n\n\/* Responsive adjustments *\/\n@media (max-width: 1024px) {\n    .postit-0-js,\n    .postit-1-js,\n    .postit-2-js,\n    .postit-3-js {\n        transform: none !important;\n    }\n}\n<\/style>\n\n\n\n<section\n    class=\"overflow-hidden py-10 md:py-10 lg:py-12 same-theme-next\"\n    style=\"\"\n    data-theme=\"light\"\n    >\n   \n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n            <!-- Header Section -->\n                            <div class=\"flex justify-center\">\n                    <div class=\"max-w-2xl mb-16\">\n                        \n                                                    <h2 class=\"text-center text-heading\">\n                                SEOLAB puts you in control, bringing scale and impact to traditional and AI search.                            <\/h2>\n                        \n                                                    <p class=\"mt-4 text-lg leading-8 text-center text-body\">\n                                Established and growing companies choose to partner with SEOLAB                            <\/p>\n                                            <\/div>\n                <\/div>\n            \n                        <\/div>\n    <div>\n\n                                                            <div class=\"marquee-container overflow-hidden mb-10 mt-6 bg-gray-400\/5 backdrop-blur p-6\">\n                        <div class=\"marquee-content\">\n                                                            <div class=\"marquee-item flex-shrink-0 mr-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/isladelice.webp\" \n                                                alt=\"isladelice\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/dodge.svg\" \n                                                alt=\"dodge\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/geely.svg\" \n                                                alt=\"geely\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/meli.webp\" \n                                                alt=\"meli\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/nestle.webp\" \n                                                alt=\"nestle\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/omoda.svg\" \n                                                alt=\"omoda\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/oppo.webp\" \n                                                alt=\"oppo\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/oracle.webp\" \n                                                alt=\"oracle\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\" \n                                                alt=\"pernod-ricard\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/ram.webp\" \n                                                alt=\"ram\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/Stellantis.webp\" \n                                                alt=\"Stellantis\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/isladelice.webp\" \n                                                alt=\"isladelice\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/dodge.svg\" \n                                                alt=\"dodge\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/geely.svg\" \n                                                alt=\"geely\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/meli.webp\" \n                                                alt=\"meli\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/nestle.webp\" \n                                                alt=\"nestle\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/omoda.svg\" \n                                                alt=\"omoda\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/oppo.webp\" \n                                                alt=\"oppo\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/oracle.webp\" \n                                                alt=\"oracle\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\" \n                                                alt=\"pernod-ricard\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/ram.webp\" \n                                                alt=\"ram\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                            <div class=\"marquee-item flex-shrink-0 mx-8\">\n                                    <div class=\"flex flex-col items-center justify-center py-4 w-48\">\n                                                                                    <div class=\"flex items-center justify-center w-[140px] h-[50px] bg-transparent\">\n                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/07\/Stellantis.webp\" \n                                                alt=\"Stellantis\"\n                                                    class=\"max-w-full max-h-full object-contain transition-all duration-300 filter brightness-0 saturate-100\">\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n\n           \n    <\/div>\n\n     <!-- Buttons Section -->\n    <\/section>\n\n<!-- GSAP Smooth Carousel -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Wait for GSAP to load\n    function initCarousel() {\n        if (typeof gsap === 'undefined') {\n            setTimeout(initCarousel, 100);\n            return;\n        }\n\n        const containers = document.querySelectorAll('.marquee-container');\n        \n        containers.forEach((container) => {\n            const content = container.querySelector('.marquee-content');\n            const items = content ? content.querySelectorAll('.marquee-item') : [];\n            if (!content || !items.length) return;\n\n            \/\/ Keep reference to current timeline per container\n            let timeline;\n\n            function buildMarquee() {\n                \/\/ Kill previous timeline if exists\n                if (timeline) {\n                    timeline.kill();\n                    timeline = null;\n                }\n                \/\/ Reset transform before measuring\n                gsap.set(content, { x: 0 });\n\n                \/\/ Distance to travel is half the scroll width because content is duplicated\n                const distance = content.scrollWidth \/ 2;\n                const SPEED_PX_PER_SEC = 80; \/\/ constant speed\n                const duration = distance \/ SPEED_PX_PER_SEC;\n\n                timeline = gsap.timeline({ repeat: -1, defaults: { ease: 'none' } });\n                timeline.to(content, { x: -distance, duration });\n            }\n\n            \/\/ Build initially\n            buildMarquee();\n\n            \/\/ Pause on hover for better UX\n            container.addEventListener('mouseenter', () => timeline && timeline.pause());\n            container.addEventListener('mouseleave', () => timeline && timeline.resume());\n\n            \/\/ Rebuild on resize with debounce\n            let resizeTimeout;\n            window.addEventListener('resize', () => {\n                clearTimeout(resizeTimeout);\n                resizeTimeout = setTimeout(buildMarquee, 150);\n            });\n        });\n    }\n\n    initCarousel();\n});\n<\/script>\n\n<!-- GSAP Marquee Styles -->\n<style>\n.marquee-container {\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n}\n\n.marquee-content {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n}\n\n.marquee-content > div:first-child {\n    margin-right: 1rem;\n}\n<\/style>\n\n\n\n\n<section  class=\"spacing-block relative overflow-hidden md:m-4 lg:m-8\">\n\n<\/section> \n\n<section\n    class=\"overflow-hidden py-24 md:py-28 lg:py-32\"\n    style=\"background-color: #000000;\"\n    data-theme=\"dark\"\n    >\n   \n                                <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n                \n                            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">    \n                                    <!-- Left Content Column -->\n                                    <div class=\"lg:col-span-6\">\n                                            \n                                                                                            <h2 class=\"text-white\">Accelerate results with our expert search team <br \/>\r\n<\/h2>\n                                            \n                                        \n                                            <div class=\"flex flex-col gap-5 md:flex-row lg:flex-row items-start justify-start gap-x-6 mt-10\">\n                                                                                                            <a href=\"https:\/\/seolab.digital\/en\/about-us\/\" \n                                                            target=\"_self\" \n                                                            class=\"btn-primary btn btn-lg\"\n                                                            data-theme=\"dark\">\n                                                            Get to know us                                                        <\/a>\n                                                    \n                                                                                                <\/div>\n\n\n                                    <\/div>\n\n                                    <!-- Right Slider Column -->\n                                    <div class=\"lg:col-span-6 relative\">\n                                                                                        <p class=\"mt-3 text-pretty text-lg font-small sm:text-xl\/8 text-white\">At SEO Lab we bring together expertise in organic SEO, AI automation and generative engine strategies.<br \/>\r\nWhether you are exploring the potential of Generative Engine Optimization (GEO), looking to scale SEO processes with artificial intelligence, or need strategic guidance to navigate the new search environment, we are here to help.<br \/>\r\nLet&#8217;s build the future of SEO together.<\/p>\n                                                                                \n                                    <\/div>\n                            <\/div>\n\n                <\/div>\n                <div class=\"relative flex flex-col gap-8 mt-14 left-[4%]\">\n                            <div class=\"swiper-group-team\">\n                                <div class=\"swiper-wrapper\">\n                                                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/Lucas-Magnin-1.webp\"\n                                                                alt=\"Lucas Magnin\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Lucas Magnin                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                Co-Founder                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/lucas-magnin-8720713a\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/08\/joffrey-louveton-1.webp\"\n                                                                alt=\"Joffrey Louveton\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Joffrey Louveton                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                Co-Founder                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/joffreylouveton\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/Raquel-Gimeno.webp\"\n                                                                alt=\"Raquel Gimeno\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Raquel Gimeno                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                Senior SEO &amp; GEO Strategy Manager | AI &amp; Data-Driven Decision Specialist                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/raquelgimeno\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/Mafer-Montes.webp\"\n                                                                alt=\"Mafer Montes\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Mafer Montes                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                Senior Digital Marketing Manager | AI-Powered Campaign Strategist                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/mafermontes\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/06\/Carlos-Rodriguez.webp\"\n                                                                alt=\"Carlos Rodr\u00edguez\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Carlos Rodr\u00edguez                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                 Digital Paid Media Specialist | AI Data Optimization Specialist                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/ronacarlos\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/08\/Meriem-Ghatrif.webp\"\n                                                                alt=\"Meriem Ghatrif\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Meriem Ghatrif                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                Senior WordPress Developer | Human-centered AI Specialist                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/ghatrifmeriem\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/08\/rebecca-gimeno.webp\"\n                                                                alt=\"Rebeca Gimeno\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            Rebeca Gimeno                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                AI-Enhanced SEO Copy &amp; Content Specialist                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/rebeca-aurora-gimeno-edroso-475817194\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide flex !h-auto mb-10\">\n                                                <div class=\"team-card w-full rounded-2xl overflow-hidden\" style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.04);\">\n                                                                                                            <div class=\"overflow-hidden\" style=\"aspect-ratio:3\/4;\">\n                                                            <img decoding=\"async\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2025\/08\/hector-muratala.webp\"\n                                                                alt=\"H\u00e9ctor Muratalla\"\n                                                                class=\"team-card-img w-full h-full object-cover\">\n                                                        <\/div>\n                                                    \n                                                    <div class=\"p-5 lg:p-6\">\n                                                        <h3 class=\"text-base lg:text-lg font-bold leading-tight text-white\">\n                                                            H\u00e9ctor Muratalla                                                        <\/h3>\n\n                                                                                                                    <p class=\"text-sm mt-1.5 leading-snug text-white\/70\">\n                                                                SEO Specialist | Supporting AI-Led Search Performance                                                            <\/p>\n                                                        \n                                                                                                                    <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.linkedin.com\/in\/hector-muratalla\/\" class=\"inline-flex mt-3 text-white\/70 hover:opacity-70 transition-opacity\">\n                                                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                        <\/div>\n                            <\/div>\n                <\/div>\n\n                <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n                        <!-- Navigation Buttons -->\n                        <div class=\"flex items-center justify-end md:justify-end gap-4 mt-8\">\n                                            <div class=\"swiper-button-prev-team cursor-pointer bg-white\/10 hover:bg-white\/20 rounded-full p-3 shadow-lg transition-colors duration-200\">\n                                            <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\n                                            <\/svg>\n                                            <\/div>\n                                            <div class=\"swiper-button-next-team cursor-pointer bg-white\/10 hover:bg-white\/20 rounded-full p-3 shadow-lg transition-colors duration-200\">\n                                            <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\n                                            <\/svg>\n                                            <\/div>\n                        <\/div>\n                <\/div>\n              \n        \n\n                        \n\n    <\/section>\n\n\n    \n<script>\n        document.addEventListener('DOMContentLoaded', function() {\n    new Swiper(\".swiper-group-team\", {\n        spaceBetween: 30,\n        slidesPerView: 1.2,\n        slidesPerGroup: 1,\n        centeredSlides: false,\n        loop: true,\n        navigation: {\n            nextEl: \".swiper-button-next-team\",\n            prevEl: \".swiper-button-prev-team\"\n        },\n        breakpoints: {\n            600: {\n                slidesPerView: 2.2            },\n            850: {\n                slidesPerView: 3.2            },\n            1100: {\n                slidesPerView: 4.5            },\n            1400: {\n                slidesPerView: 4.5            }\n        }\n    });\n    });\n<\/script>\n\n<!-- Premium team card styles -->\n<style>\n\/* \u2500\u2500 Prevent image flash before Swiper init \u2500\u2500 *\/\n.swiper-group-team .swiper-slide {\n    max-width: none;\n}\n.team-card img {\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n    width: 100%;\n    height: auto;\n}\n\n\/* \u2500\u2500 Card base \u2500\u2500 *\/\n.team-card {\n    position: relative;\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n                background 0.3s ease,\n                border-color 0.3s ease;\n}\n\n\/* \u2500\u2500 Light mode cards \u2500\u2500 *\/\n[data-theme=\"light\"] .team-card {\n    background: #f9fafb !important;\n    border: 1px solid rgba(0, 0, 0, 0.06) !important;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.03) !important;\n}\n[data-theme=\"light\"] .team-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.04) !important;\n}\n\n\/* \u2500\u2500 Dark mode cards \u2014 glassmorphism \u2500\u2500 *\/\n[data-theme=\"dark\"] .team-card {\n    background: rgba(255, 255, 255, 0.05) !important;\n    border: 1px solid rgba(255, 255, 255, 0.10) !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;\n}\n[data-theme=\"dark\"] .team-card:hover {\n    transform: translateY(-4px) !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    border-color: rgba(255, 255, 255, 0.16) !important;\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;\n}\n\n\/* Accent top gradient \u2014 appears on hover (dark) *\/\n[data-theme=\"dark\"] .team-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent 0%, rgba(204,0,204,0.35) 25%, rgba(204,0,204,0.6) 50%, rgba(204,0,204,0.35) 75%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 1;\n}\n[data-theme=\"dark\"] .team-card:hover::before {\n    opacity: 1;\n}\n\n\/* \u2500\u2500 Image treatment \u2500\u2500 *\/\n.team-card-img {\n    filter: grayscale(0.35) brightness(0.95);\n    transition: filter 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\n}\n.team-card:hover .team-card-img {\n    filter: grayscale(0) brightness(1) !important;\n    transform: scale(1.04) !important;\n}\n\n\/* Dark mode image \u2014 moodier *\/\n[data-theme=\"dark\"] .team-card-img {\n    filter: grayscale(0.5) brightness(0.82) contrast(1.08) !important;\n}\n[data-theme=\"dark\"] .team-card:hover .team-card-img {\n    filter: grayscale(0) brightness(1) contrast(1) !important;\n}\n\n\/* \u2500\u2500 LinkedIn icon \u2500\u2500 *\/\n.team-card a[href*=\"linkedin\"]:hover {\n    color: #cc00cc !important;\n    opacity: 1 !important;\n}\n\n\/* \u2500\u2500 Nav buttons dark mode \u2500\u2500 *\/\n[data-theme=\"dark\"] .swiper-button-prev-team,\n[data-theme=\"dark\"] .swiper-button-next-team {\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n}\n<\/style>\n\n    \n\n\n\n<div class=\"mt-8 md:mt-12 lg:mt-10 mb-8 md:mb-12 lg:mb-10 py-10 md:py-10 lg:py-12\">\n  <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n    <!-- General content -->\n          <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8\">    \n      <!-- Left Content Column -->\n            <div class=\"lg:col-span-6\">\n                    \n                                            <h2 class=\"mb-8 text-heading\">Latest articles<\/h2>\n                                                    <\/div>\n\n            <!-- Right Slider Column -->\n            <div class=\"lg:col-span-6 relative\">\n                \n                    <div class=\"flex flex-col gap-5 md:flex-row lg:flex-row items-start justify-start lg:items-end lg:justify-end gap-x-6\">\n                                                            <a href=\"https:\/\/seolab.digital\/en\/blog\/\" \n                                    target=\"_self\" \n                                    class=\"btn-primary btn btn-lg\"\n                                    >\n                                    Discover our blogs                                <\/a>\n                            \n                                                <\/div>\n            <\/div>\n    <\/div>\n    \n    <!-- Blog posts -->\n<div class=\"mx-auto mt-10 grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3\">\n      \n    \n    <article class=\"relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-gray-900 px-8 pt-80 pb-8 sm:pt-48 lg:pt-80\">\n            <img decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-1024x571.webp\" class=\"absolute inset-0 -z-10 size-full object-cover\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-1024x571.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-300x167.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-768x428.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-1200x669.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-800x446.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-500x279.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-250x139.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-700x390.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo.webp 1377w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                <div class=\"absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900\/40\"><\/div>\n                <div class=\"absolute inset-0 -z-10 rounded-2xl ring-1 ring-gray-900\/10 ring-inset\"><\/div>\n\n                <div class=\"flex flex-wrap items-center gap-y-1 overflow-hidden text-sm\/6 text-gray-300\"> \n                  <time datetime=\"2026-04-10\" class=\"mr-8\">Apr 10, 2026<\/time>\n                  <div class=\"-ml-4 flex items-center gap-x-4\">\n                    <svg viewBox=\"0 0 2 2\" class=\"-ml-0.5 size-0.5 flex-none fill-white\/50\">\n                      <circle cx=\"1\" cy=\"1\" r=\"1\" \/>\n                    <\/svg>\n                    <div class=\"flex gap-x-2.5\">\n                        <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/d08e6918483bbe6e3e547220d8c64899da2961404360867acdaa4a75659a8e3c?s=96&#038;d=mm&#038;r=g\" alt=\"Rebeca Gimeno\" class=\"size-6 flex-none rounded-full bg-white\/10\">\n                        Rebeca Gimeno                    <\/div>\n                  <\/div>\n                <\/div>\n                <h3 class=\"mt-3 text-lg\/6 font-semibold text-white\">\n                    <a href=\"https:\/\/seolab.digital\/en\/blog\/como-usar-neuronwriter-contenido-seo-ia\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        El papel de la IA para crear contenido SEO: NeuronWriter                      <\/a>\n                <\/h3>\n    <\/article>\n      \n    <article class=\"relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-gray-900 px-8 pt-80 pb-8 sm:pt-48 lg:pt-80\">\n            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-1024x683.webp\" class=\"absolute inset-0 -z-10 size-full object-cover\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-1024x683.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-300x200.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-768x512.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-1200x800.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-800x533.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-500x333.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-250x167.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-700x467.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                <div class=\"absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900\/40\"><\/div>\n                <div class=\"absolute inset-0 -z-10 rounded-2xl ring-1 ring-gray-900\/10 ring-inset\"><\/div>\n\n                <div class=\"flex flex-wrap items-center gap-y-1 overflow-hidden text-sm\/6 text-gray-300\"> \n                  <time datetime=\"2026-03-12\" class=\"mr-8\">Mar 12, 2026<\/time>\n                  <div class=\"-ml-4 flex items-center gap-x-4\">\n                    <svg viewBox=\"0 0 2 2\" class=\"-ml-0.5 size-0.5 flex-none fill-white\/50\">\n                      <circle cx=\"1\" cy=\"1\" r=\"1\" \/>\n                    <\/svg>\n                    <div class=\"flex gap-x-2.5\">\n                        <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/d08e6918483bbe6e3e547220d8c64899da2961404360867acdaa4a75659a8e3c?s=96&#038;d=mm&#038;r=g\" alt=\"Rebeca Gimeno\" class=\"size-6 flex-none rounded-full bg-white\/10\">\n                        Rebeca Gimeno                    <\/div>\n                  <\/div>\n                <\/div>\n                <h3 class=\"mt-3 text-lg\/6 font-semibold text-white\">\n                    <a href=\"https:\/\/seolab.digital\/en\/blog\/seo-retail-media-visibilidad-marketplaces\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        SEO Retail Media: la nueva frontera entre visibilidad org\u00e1nica y comercio digital                      <\/a>\n                <\/h3>\n    <\/article>\n      \n    <article class=\"relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-gray-900 px-8 pt-80 pb-8 sm:pt-48 lg:pt-80\">\n            <img decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-1024x687.webp\" class=\"absolute inset-0 -z-10 size-full object-cover\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-1024x687.webp 1024w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-300x201.webp 300w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-768x515.webp 768w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-1200x805.webp 1200w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-800x537.webp 800w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-500x335.webp 500w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-250x168.webp 250w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-700x470.webp 700w, https:\/\/seolab.digital\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo.webp 1264w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                <div class=\"absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900\/40\"><\/div>\n                <div class=\"absolute inset-0 -z-10 rounded-2xl ring-1 ring-gray-900\/10 ring-inset\"><\/div>\n\n                <div class=\"flex flex-wrap items-center gap-y-1 overflow-hidden text-sm\/6 text-gray-300\"> \n                  <time datetime=\"2026-03-04\" class=\"mr-8\">Mar 4, 2026<\/time>\n                  <div class=\"-ml-4 flex items-center gap-x-4\">\n                    <svg viewBox=\"0 0 2 2\" class=\"-ml-0.5 size-0.5 flex-none fill-white\/50\">\n                      <circle cx=\"1\" cy=\"1\" r=\"1\" \/>\n                    <\/svg>\n                    <div class=\"flex gap-x-2.5\">\n                        <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/d08e6918483bbe6e3e547220d8c64899da2961404360867acdaa4a75659a8e3c?s=96&#038;d=mm&#038;r=g\" alt=\"Rebeca Gimeno\" class=\"size-6 flex-none rounded-full bg-white\/10\">\n                        Rebeca Gimeno                    <\/div>\n                  <\/div>\n                <\/div>\n                <h3 class=\"mt-3 text-lg\/6 font-semibold text-white\">\n                    <a href=\"https:\/\/seolab.digital\/en\/blog\/optimizar-contenido-con-ia-prompts\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        C\u00f3mo optimizar contenido existente con IA: prompts para reescribir y mejorar tu SEO                      <\/a>\n                <\/h3>\n    <\/article>\n          <\/div>\n\n    \n        \n  <\/div>\n<\/div>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1263","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search<\/title>\n<meta name=\"description\" content=\"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seolab.digital\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search\" \/>\n<meta property=\"og:description\" content=\"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seolab.digital\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Lab\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T17:39:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seolab.digital\/en\/\",\"url\":\"https:\/\/seolab.digital\/en\/\",\"name\":\"GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search\",\"isPartOf\":{\"@id\":\"https:\/\/seolab.digital\/#website\"},\"datePublished\":\"2025-05-19T08:44:39+00:00\",\"dateModified\":\"2026-03-27T17:39:10+00:00\",\"description\":\"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.\",\"breadcrumb\":{\"@id\":\"https:\/\/seolab.digital\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seolab.digital\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seolab.digital\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seolab.digital\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seolab.digital\/#website\",\"url\":\"https:\/\/seolab.digital\/\",\"name\":\"SEO Lab\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seolab.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search","description":"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/seolab.digital\/en\/","og_locale":"en_US","og_type":"article","og_title":"GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search","og_description":"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.","og_url":"https:\/\/seolab.digital\/en\/","og_site_name":"SEO Lab","article_modified_time":"2026-03-27T17:39:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/seolab.digital\/en\/","url":"https:\/\/seolab.digital\/en\/","name":"GEO and SEO with AI - SEO Lab by Prismatic | Leaders in Search","isPartOf":{"@id":"https:\/\/seolab.digital\/#website"},"datePublished":"2025-05-19T08:44:39+00:00","dateModified":"2026-03-27T17:39:10+00:00","description":"Master the future of SEO with GEO. Audits, consulting and automation with AI to excel in ChatGPT, Perplexity and generative engines.","breadcrumb":{"@id":"https:\/\/seolab.digital\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seolab.digital\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/seolab.digital\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seolab.digital\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/seolab.digital\/#website","url":"https:\/\/seolab.digital\/","name":"SEO Lab","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seolab.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/pages\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/comments?post=1263"}],"version-history":[{"count":9,"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions"}],"predecessor-version":[{"id":1647,"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions\/1647"}],"wp:attachment":[{"href":"https:\/\/seolab.digital\/en\/wp-json\/wp\/v2\/media?parent=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}