{"id":1263,"date":"2025-05-19T08:44:39","date_gmt":"2025-05-19T08:44:39","guid":{"rendered":"https:\/\/zenitseo.com\/home\/"},"modified":"2026-04-27T14:02:30","modified_gmt":"2026-04-27T14:02:30","slug":"home","status":"publish","type":"page","link":"https:\/\/zenitseo.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<section\n    class=\"hero-landing relative isolate overflow-hidden z-watermark z-watermark--04\"\n    id=\"hero-landing-block_144f57b889928ffc1f4326cbc9e41606\"\n    data-hero-id=\"hero-landing-block_144f57b889928ffc1f4326cbc9e41606\"\n    data-theme=\"dark\"\n            style=\"background-color: #000000;\"\n        data-wpr-lazyrender=\"0\">\n\n    <!-- Decorative ambient glow -->\n    <div class=\"hero-landing-glow absolute inset-0 -z-10 overflow-hidden pointer-events-none\" aria-hidden=\"true\">\n        <div class=\"absolute top-[-20%] left-1\/2 -translate-x-1\/2 w-[800px] h-[800px] rounded-full blur-[120px] opacity-0\"\n             style=\"background: rgba(255,255,255,0.06)\"\n             data-hero-glow=\"1\"><\/div>\n        <div class=\"absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] rounded-full blur-[100px] opacity-0\"\n             style=\"background: rgba(255,255,255,0.04)\"\n             data-hero-glow=\"2\"><\/div>\n    <\/div>\n\n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8 pt-20 md:pt-28 lg:pt-32 pb-6 md:pb-8\">\n\n        <!-- Centered Content -->\n        <div class=\"mx-auto max-w-4xl text-center\">\n\n            <!-- Animated subtitle badge -->\n            \n            <!-- Title with staggered word reveal -->\n                            <div class=\"hero-landing-el\" data-hero-delay=\"0.1\">\n                    <h1 class=\"text-balance text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl xl:text-7xl leading-[1.1] text-white\">\n                        ZENIT<br \/>\r\nBe visible in the era of generative engines.                    <\/h1>\n                <\/div>\n            \n            <!-- Description -->\n                            <div class=\"hero-landing-el\" data-hero-delay=\"0.2\">\n                    <p class=\"mt-8 mx-auto max-w-2xl text-pretty text-lg sm:text-xl\/8 text-white\/70\">\n                        ZENIT ensures that you are found by people, <br \/>\r\nbots and artificial intelligence on all search platforms.                    <\/p>\n                <\/div>\n            \n            <!-- Dual CTAs -->\n                            <div class=\"hero-landing-el mt-10 flex flex-col gap-4 sm:flex-row items-center justify-center sm:gap-x-5\" data-hero-delay=\"0.35\">\n                                            <a href=\"https:\/\/zenitseo.com\/en\/contact-us\/\"\n                           target=\"_self\"\n                           class=\"btn-white btn btn-lg group relative overflow-hidden\">\n                            <span class=\"relative z-10\">Start now<\/span>\n                        <\/a>\n                    \n                                            <a href=\"\/en\/#servicios\"\n                           target=\"_self\"\n                           class=\"btn-secondary btn btn-lg\"\n                           data-theme=\"dark\">\n                            Get to know our services!                        <\/a>\n                                    <\/div>\n                    <\/div>\n\n        <!-- Trust Bar \u2014 Marquee Carousel -->\n                    <div class=\"hero-landing-el mt-16 md:mt-20\" data-hero-delay=\"0.5\">\n                                    <p class=\"text-center text-xs uppercase tracking-widest font-medium text-white\/50 mb-5\">\n                        Established and growing companies choose to partner with ZENIT                    <\/p>\n                \n                                    <!-- Marquee with fade edges -->\n                    <div class=\"relative\">\n                        <!-- Left fade -->\n                        <div class=\"absolute left-0 top-0 bottom-0 w-20 md:w-32 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(to right, #000000, transparent);\"><\/div>\n                        <!-- Right fade -->\n                        <div class=\"absolute right-0 top-0 bottom-0 w-20 md:w-32 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(to left, #000000, transparent);\"><\/div>\n\n                        <div class=\"hero-marquee-container overflow-hidden py-4\">\n                            <div class=\"hero-marquee-content\">\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"84\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-250x70.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp 400w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"53\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"Stellantis\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"ram\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp 225w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-375x500.webp 375w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-250x333.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-500x667.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-700x933.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp 768w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"92\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"pernod-ricard\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oracle\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"72\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oppo\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-500x120.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-250x60.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"omoda\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"244\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"isladelice\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"101\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"meli\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-1024x345.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-768x259.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-800x269.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-500x168.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-250x84.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-700x236.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp 1200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"dodge\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"geely\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"84\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-250x70.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp 400w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"53\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"Stellantis\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"ram\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp 225w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-375x500.webp 375w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-250x333.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-500x667.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-700x933.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp 768w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"92\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"pernod-ricard\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oracle\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"72\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oppo\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-500x120.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-250x60.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"omoda\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"244\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"isladelice\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"101\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"meli\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-1024x345.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-768x259.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-800x269.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-500x168.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-250x84.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-700x236.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp 1200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"dodge\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"geely\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"84\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-300x84.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo-250x70.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp 400w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"53\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"Stellantis\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"ram\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-225x300.webp 225w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-375x500.webp 375w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-250x333.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-500x667.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram-700x933.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp 768w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"92\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"pernod-ricard\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oracle\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"72\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"oppo\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-300x72.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-500x120.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo-250x60.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"omoda\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"250\" height=\"244\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"isladelice\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"300\" height=\"101\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"meli\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-300x101.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-1024x345.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-768x259.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-800x269.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-500x168.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-250x84.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli-700x236.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp 1200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"dodge\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"hero-marquee-item flex-shrink-0 mx-8 md:mx-12\">\n                                        <div class=\"flex items-center justify-center w-[130px] md:w-[150px] h-[36px] md:h-[40px]\">\n                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"geely\" loading=\"lazy\" \/>                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- Dashboard Mockup \u2014 Image or CSS-built fallback -->\n        <div class=\"hero-landing-el mt-14 lg:mt-20\" data-hero-delay=\"0.6\">\n            <div class=\"relative mx-auto max-w-5xl\" style=\"perspective: 1200px;\">\n                <!-- Glow behind -->\n                <div class=\"absolute -inset-4 rounded-3xl blur-2xl opacity-20\"\n                     style=\"background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));\"\n                     aria-hidden=\"true\"><\/div>\n\n                <div class=\"hero-dashboard-img relative\">\n                                        <!-- Demo rendered entirely by JS -->\n                    <div class=\"hero-demo rounded-2xl lg:rounded-3xl shadow-2xl ring-1 ring-white\/10 overflow-hidden\"\n                         id=\"hero-demo-hero-landing-block_144f57b889928ffc1f4326cbc9e41606\"\n                         data-config=\"{&quot;dk&quot;:true,&quot;neutralBg&quot;:&quot;#333&quot;,&quot;neutralIcon&quot;:&quot;#666&quot;,&quot;activeBg&quot;:&quot;rgba(94,173,193,0.1)&quot;,&quot;activeIcon&quot;:&quot;#5eadc1&quot;,&quot;bodyBg&quot;:&quot;#212121&quot;,&quot;chromeBg&quot;:&quot;#1e1e1e&quot;,&quot;chromeBorder&quot;:&quot;#333&quot;,&quot;barBg&quot;:&quot;#2a2a2a&quot;,&quot;barText&quot;:&quot;#888&quot;,&quot;sweepFrom&quot;:&quot;rgba(94,173,193,0.08)&quot;,&quot;sweepTo&quot;:&quot;rgba(94,173,193,0.02)&quot;,&quot;rowBg&quot;:&quot;#2a2a2a&quot;,&quot;skelW&quot;:&quot;#333&quot;,&quot;skelL&quot;:&quot;#2f2f2f&quot;,&quot;dotBg&quot;:&quot;#555&quot;,&quot;metricBg&quot;:&quot;#1a1a1a&quot;,&quot;mode&quot;:&quot;metrics&quot;,&quot;texts&quot;:[&quot;What are the best tools for generative SEO?&quot;,&quot;Here are some recommended tools...&quot;,&quot;Your brand is not cited in this response&quot;,&quot;Here are the top recommended options...&quot;,&quot;ZENIT&quot;,&quot;Consistently cited by ChatGPT, Gemini, and Perplexity...&quot;,&quot;ZENIT: #1 Recommended&quot;]}\"><\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Hero Landing \u2014 Styles -->\n<style>\n.hero-marquee-container {\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n}\n.hero-marquee-content {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n}\n\n\/* Demo typing cursor *\/\n.demo-cursor {\n    display: inline-block;\n    width: 2px;\n    height: 1em;\n    background: currentColor;\n    margin-left: 1px;\n    vertical-align: text-bottom;\n    animation: demoBlink 0.6s steps(1) infinite;\n}\n@keyframes demoBlink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0; }\n}\n\n\/* Monochrome logo treatment \u2014 all logos rendered in uniform neutral tone *\/\n.hero-logo-mono-dark {\n    filter: grayscale(100%) brightness(0) opacity(0.3);\n    transition: filter 0.5s ease, opacity 0.5s ease;\n}\n.hero-logo-mono-dark:hover {\n    filter: grayscale(0%) brightness(1) opacity(1);\n}\n\n\/* Light variant for dark backgrounds \u2014 logos rendered as white silhouettes *\/\n.hero-logo-mono-light {\n    filter: grayscale(100%) brightness(0) invert(1) opacity(0.5);\n    transition: filter 0.5s ease, opacity 0.5s ease;\n}\n.hero-logo-mono-light:hover {\n    filter: grayscale(0%) brightness(1) invert(0) opacity(1);\n}\n<\/style>\n\n\n\n\n<section class=\"bl-default relative overflow-hidden\" >\n\n    <!-- Mesoamerican watermark \u2014 subtle cultural depth -->\n    <div class=\"bl-default-watermark z-watermark z-watermark--04 z-watermark--center\" aria-hidden=\"true\"><\/div>\n\n    <!-- Ambient turquoise glow \u2014 very subtle -->\n    <div class=\"bl-default-glow\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"relative z-10 mx-auto max-w-7xl px-6 lg:px-8\">\n        <div class=\"max-w-3xl mx-auto text-center py-20 md:py-28 lg:py-32\">\n\n            <!-- Accent line -->\n            <div class=\"bl-default-accent\" aria-hidden=\"true\"><\/div>\n\n                            <h2 class=\"text-heading\">GEO<br \/>\r\nthe SEO that doesn&#8217;t wait for searches, it creates them.<\/h2>\n            \n            \n                    <\/div>\n    <\/div>\n\n\n<\/section>\n\n<!-- Baseline Default \u2014 Scoped Styles -->\n<style>\n.bl-default {\n    background: var(--z-surface);\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n}\n\n\/* Ambient glow \u2014 barely visible turquoise, gives depth *\/\n.bl-default-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 400px;\n    background: radial-gradient(ellipse, rgba(94, 173, 193, 0.04) 0%, transparent 70%);\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* Accent line above title \u2014 Zenit signature *\/\n.bl-default-accent {\n    width: 2.5rem;\n    height: 2px;\n    margin: 0 auto 2rem;\n    background: linear-gradient(90deg, transparent, var(--z-accent), transparent);\n    border-radius: 2px;\n    opacity: 0.5;\n}\n\n\/* Watermark positioning override *\/\n.bl-default-watermark {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n}\n\n\/* \u2550\u2550\u2550 Tablet \u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .bl-default-accent {\n        width: 3.5rem;\n        margin-bottom: 2.5rem;\n    }\n    .bl-default-glow {\n        width: 800px;\n        height: 500px;\n    }\n}\n\n\/* \u2550\u2550\u2550 Desktop \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .bl-default-accent {\n        width: 4rem;\n        margin-bottom: 3rem;\n    }\n    .bl-default-glow {\n        width: 1000px;\n        height: 600px;\n    }\n}\n<\/style>\n\n\n\n\n<section class=\"cards-stagger overflow-hidden relative z-watermark z-watermark--02 z-watermark--top-left same-theme-next\" 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                                ZENIT, 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=\"card-item flex flex-col rounded-2xl overflow-hidden h-full w-full border border-white\/20 hover:border-white\/40 transition-colors duration-300 gradient-black\">\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 pb-0 flex flex-col flex-grow text-left\">\n\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                                                    <div class=\"mt-auto pt-4\">\n                                <a href=\"https:\/\/zenitseo.com\/en\/services\/visibility-audit-on-generative-engines\/\"\n                                   target=\"\"\n                                   class=\"btn btn-secondary btn-lg\"\n                                   data-theme=\"dark\">\n                                    Be visible                                <\/a>\n                            <\/div>\n                        \n                    <\/div>\n\n                    <!-- Image section -->\n                                            <div class=\"px-6 pb-6 mt-6\">\n                                                            <a href=\"https:\/\/zenitseo.com\/en\/services\/visibility-audit-on-generative-engines\/\" target=\"\">\n                                                            <div class=\"relative h-[180px] md:h-[220px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"Visibility audit on generative engines  \" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/audit-2-700x467.webp 700w, https:\/\/zenitseo.com\/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=\"card-item flex flex-col rounded-2xl overflow-hidden h-full w-full border border-white\/20 hover:border-white\/40 transition-colors duration-300 gradient-black\">\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 pb-0 flex flex-col flex-grow text-left\">\n\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                                                    <div class=\"mt-auto pt-4\">\n                                <a href=\"https:\/\/zenitseo.com\/en\/services\/customized-geo-consulting\/\"\n                                   target=\"\"\n                                   class=\"btn btn-secondary btn-lg\"\n                                   data-theme=\"dark\">\n                                    Conquer your map                                <\/a>\n                            <\/div>\n                        \n                    <\/div>\n\n                    <!-- Image section -->\n                                            <div class=\"px-6 pb-6 mt-6\">\n                                                            <a href=\"https:\/\/zenitseo.com\/en\/services\/customized-geo-consulting\/\" target=\"\">\n                                                            <div class=\"relative h-[180px] md:h-[220px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"Customized GEO consulting\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/consulting-img-700x467.webp 700w, https:\/\/zenitseo.com\/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=\"card-item flex flex-col rounded-2xl overflow-hidden h-full w-full border border-white\/20 hover:border-white\/40 transition-colors duration-300 gradient-black\">\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 pb-0 flex flex-col flex-grow text-left\">\n\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                                                    <div class=\"mt-auto pt-4\">\n                                <a href=\"https:\/\/zenitseo.com\/en\/services\/seo-automation-with-ai\/\"\n                                   target=\"\"\n                                   class=\"btn btn-secondary btn-lg\"\n                                   data-theme=\"dark\">\n                                    Activate your SEO                                <\/a>\n                            <\/div>\n                        \n                    <\/div>\n\n                    <!-- Image section -->\n                                            <div class=\"px-6 pb-6 mt-6\">\n                                                            <a href=\"https:\/\/zenitseo.com\/en\/services\/seo-automation-with-ai\/\" target=\"\">\n                                                            <div class=\"relative h-[180px] md:h-[220px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-1024x683.webp\" class=\"w-full h-full object-cover\" alt=\"SEO automation with AI\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/automatizacion-700x467.webp 700w, https:\/\/zenitseo.com\/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=\"card-item flex flex-col rounded-2xl overflow-hidden h-full w-full border border-white\/20 hover:border-white\/40 transition-colors duration-300 gradient-black\">\n                    <!-- Content wrapper -->\n                    <div class=\"p-6 pb-0 flex flex-col flex-grow text-left\">\n\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                                                    <div class=\"mt-auto pt-4\">\n                                <a href=\"https:\/\/zenitseo.com\/en\/services\/in-house-workshops-and-training-sessions\/\"\n                                   target=\"\"\n                                   class=\"btn btn-secondary btn-lg\"\n                                   data-theme=\"dark\">\n                                    Power your equipment                                <\/a>\n                            <\/div>\n                        \n                    <\/div>\n\n                    <!-- Image section -->\n                                            <div class=\"px-6 pb-6 mt-6\">\n                                                            <a href=\"https:\/\/zenitseo.com\/en\/services\/in-house-workshops-and-training-sessions\/\" target=\"\">\n                                                            <div class=\"relative h-[180px] md:h-[220px] lg:h-[250px] w-full overflow-hidden rounded-2xl\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-1024x682.webp\" class=\"w-full h-full object-cover\" alt=\"In-house workshops and training\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-1024x682.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/training-3-700x466.webp 700w, https:\/\/zenitseo.com\/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<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var cards = document.querySelectorAll('.cards-stagger .card-item');\n    if (!cards.length) return;\n\n    var observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n                var card = entry.target;\n                var delay = card.dataset.stagger || 0;\n                setTimeout(function() {\n                    card.classList.add('is-visible');\n                }, delay);\n                observer.unobserve(card);\n            }\n        });\n    }, {\n        threshold: 0.1,\n        rootMargin: '0px 0px -8% 0px'\n    });\n\n    \/\/ Group cards by parent to stagger within each section\n    var parents = new Map();\n    cards.forEach(function(card) {\n        var parent = card.closest('.swiper-wrapper, ul, .grid');\n        if (!parents.has(parent)) parents.set(parent, []);\n        parents.get(parent).push(card);\n    });\n\n    parents.forEach(function(group) {\n        group.forEach(function(card, i) {\n            card.dataset.stagger = i * 100;\n            observer.observe(card);\n        });\n    });\n});\n<\/script>\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_98f49b687fb6acb8c0bf078fb6a8383b\" 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 ZENIT 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:\/\/zenitseo.com\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-secondary\" data-theme=\"dark\">\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:\/\/zenitseo.com\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-secondary\" data-theme=\"dark\">\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:\/\/zenitseo.com\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-secondary\" data-theme=\"dark\">\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:\/\/zenitseo.com\/en\/contact-us\/\" \n                                       target=\"\"\n                                       class=\"btn btn-secondary\" data-theme=\"dark\">\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 !min-h-[30vh] lg:!min-h-[70vh] order-2 flex flex-col justify-center\" style=\"background: linear-gradient(135deg, #0a0e14 0%, #111820 50%, #0d1117 100%)\">\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                                                                                            <div class=\"sp-illust sp-illust--automate\">\n                                                                                                        <!-- Automatiza: \"Genera briefs, keywords, metas en minutos\" -->\n                                                    <svg viewBox=\"0 0 550 350\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                                                        <defs>\n                                                            <filter id=\"sp-a-blur\"><feGaussianBlur stdDeviation=\"25\"\/><\/filter>\n                                                            <filter id=\"sp-a-glow\"><feGaussianBlur stdDeviation=\"6\"\/><\/filter>\n                                                            <filter id=\"sp-a-shadow\"><feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"5\" flood-color=\"rgba(94,173,193,0.3)\"\/><\/filter>\n                                                            <linearGradient id=\"sp-a-flow1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#5eadc1\" stop-opacity=\"0.6\"\/><stop offset=\"100%\" stop-color=\"#5eadc1\" stop-opacity=\"0.1\"\/><\/linearGradient>\n                                                            <linearGradient id=\"sp-a-flow2\" x1=\"0%\" y1=\"0%\" x2=\"80%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#5eadc1\" stop-opacity=\"0.6\"\/><stop offset=\"100%\" stop-color=\"#5eadc1\" stop-opacity=\"0.1\"\/><\/linearGradient>\n                                                            <linearGradient id=\"sp-a-flow3\" x1=\"0%\" y1=\"100%\" x2=\"80%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#5eadc1\" stop-opacity=\"0.6\"\/><stop offset=\"100%\" stop-color=\"#5eadc1\" stop-opacity=\"0.1\"\/><\/linearGradient>\n                                                        <\/defs>\n                                                        <!-- Subtle dot grid -->\n                                                        <pattern id=\"sp-dots-a\" x=\"0\" y=\"0\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"0.5\" fill=\"rgba(94,173,193,0.08)\"\/><\/pattern>\n                                                        <rect width=\"550\" height=\"350\" fill=\"url(#sp-dots-a)\"\/>\n                                                        <!-- Ambient glow behind IA engine -->\n                                                        <ellipse cx=\"145\" cy=\"170\" rx=\"80\" ry=\"80\" fill=\"#5eadc1\" opacity=\"0.08\" filter=\"url(#sp-a-blur)\"\/>\n\n                                                        <!-- \u2550\u2550\u2550 IA ENGINE (left-center) \u2550\u2550\u2550 -->\n                                                        <!-- Outer pulse ring -->\n                                                        <circle cx=\"145\" cy=\"170\" r=\"42\" fill=\"none\" stroke=\"#5eadc1\" stroke-width=\"0.8\" opacity=\"0.25\">\n                                                            <animate attributeName=\"r\" from=\"38\" to=\"55\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.25\" to=\"0\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <!-- Engine circle -->\n                                                        <circle cx=\"145\" cy=\"170\" r=\"34\" fill=\"rgba(94,173,193,0.06)\" stroke=\"#5eadc1\" stroke-width=\"1.5\" opacity=\"0.8\"\/>\n                                                        <circle cx=\"145\" cy=\"170\" r=\"22\" fill=\"rgba(94,173,193,0.1)\" stroke=\"#5eadc1\" stroke-width=\"1\"\/>\n                                                        <!-- IA spark center -->\n                                                        <circle cx=\"145\" cy=\"170\" r=\"6\" fill=\"#5eadc1\" opacity=\"0.9\"\/>\n                                                        <circle cx=\"145\" cy=\"170\" r=\"10\" fill=\"#5eadc1\" opacity=\"0.15\" filter=\"url(#sp-a-glow)\"\/>\n                                                        <!-- Spinning orbit -->\n                                                        <circle cx=\"145\" cy=\"170\" r=\"28\" fill=\"none\" stroke=\"#5eadc1\" stroke-width=\"0.8\" stroke-dasharray=\"4 8\" opacity=\"0.4\">\n                                                            <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 145 170\" to=\"360 145 170\" dur=\"10s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"145\" y=\"218\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"9\" font-weight=\"700\" font-family=\"var(--font-raleway)\" letter-spacing=\"1\">MOTOR IA<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 FLOW LINES: Engine \u2192 3 outputs \u2550\u2550\u2550 -->\n                                                        <!-- Flow to Brief (top-right) -->\n                                                        <path d=\"M178 155 Q250 80 310 65\" stroke=\"url(#sp-a-flow1)\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\" fill=\"none\"\/>\n                                                        <circle r=\"3\" fill=\"#5eadc1\" opacity=\"0.8\"><animateMotion dur=\"2s\" repeatCount=\"indefinite\" path=\"M178,155 Q250,80 310,65\"\/><\/circle>\n                                                        <!-- Flow to Keywords (right-center) -->\n                                                        <path d=\"M180 170 L310 170\" stroke=\"url(#sp-a-flow1)\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\" fill=\"none\"\/>\n                                                        <circle r=\"3\" fill=\"#5eadc1\" opacity=\"0.7\"><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" begin=\"0.4s\" path=\"M180,170 L310,170\"\/><\/circle>\n                                                        <!-- Flow to Metas (bottom-right) -->\n                                                        <path d=\"M178 188 Q250 260 310 275\" stroke=\"url(#sp-a-flow2)\" stroke-width=\"1.5\" stroke-dasharray=\"5 4\" fill=\"none\"\/>\n                                                        <circle r=\"3\" fill=\"#5eadc1\" opacity=\"0.7\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" begin=\"0.8s\" path=\"M178,188 Q250,260 310,275\"\/><\/circle>\n\n                                                        <!-- \u2550\u2550\u2550 OUTPUT 1: BRIEF (top-right) \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-a-shadow)\">\n                                                            <rect x=\"310\" y=\"30\" width=\"210\" height=\"90\" rx=\"10\" fill=\"rgba(255,255,255,0.07)\" stroke=\"#5eadc1\" stroke-width=\"1\"\/>\n                                                        <\/g>\n                                                        <!-- Document icon -->\n                                                        <rect x=\"325\" y=\"42\" width=\"20\" height=\"26\" rx=\"3\" fill=\"none\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\n                                                        <rect x=\"329\" y=\"48\" width=\"12\" height=\"1.5\" rx=\"0.75\" fill=\"rgba(255,255,255,0.3)\"\/>\n                                                        <rect x=\"329\" y=\"52\" width=\"9\" height=\"1.5\" rx=\"0.75\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                        <rect x=\"329\" y=\"56\" width=\"12\" height=\"1.5\" rx=\"0.75\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                        <rect x=\"329\" y=\"60\" width=\"7\" height=\"1.5\" rx=\"0.75\" fill=\"#5eadc1\" opacity=\"0.6\"\/>\n                                                        <!-- Brief content lines (being generated) -->\n                                                        <text x=\"355\" y=\"50\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">T\u00edtulo del brief<\/text>\n                                                        <rect x=\"355\" y=\"56\" width=\"140\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.15)\"\/>\n                                                        <rect x=\"355\" y=\"62\" width=\"120\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"355\" y=\"68\" width=\"105\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <!-- Heading tags -->\n                                                        <rect x=\"355\" y=\"78\" width=\"22\" height=\"12\" rx=\"3\" fill=\"rgba(94,173,193,0.15)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"366\" y=\"87\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"6\" font-family=\"var(--font-raleway)\">H1<\/text>\n                                                        <rect x=\"382\" y=\"78\" width=\"22\" height=\"12\" rx=\"3\" fill=\"rgba(94,173,193,0.1)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"393\" y=\"87\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"6\" font-family=\"var(--font-raleway)\">H2<\/text>\n                                                        <rect x=\"409\" y=\"78\" width=\"22\" height=\"12\" rx=\"3\" fill=\"rgba(94,173,193,0.08)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"420\" y=\"87\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"6\" font-family=\"var(--font-raleway)\">H3<\/text>\n                                                        <!-- Checkmark appearing -->\n                                                        <circle cx=\"502\" cy=\"55\" r=\"8\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"502\" y=\"58\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-weight=\"700\">\u2713<\/text>\n                                                        <!-- Label -->\n                                                        <text x=\"415\" y=\"112\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.75)\" font-size=\"10\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">BRIEF<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 OUTPUT 2: KEYWORD CLUSTERS (right-center) \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-a-shadow)\">\n                                                            <rect x=\"310\" y=\"135\" width=\"210\" height=\"80\" rx=\"10\" fill=\"rgba(255,255,255,0.07)\" stroke=\"#5eadc1\" stroke-width=\"1\"\/>\n                                                        <\/g>\n                                                        <!-- Cluster group 1 -->\n                                                        <rect x=\"322\" y=\"148\" width=\"55\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.15)\" stroke=\"#5eadc1\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"349\" y=\"160\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">seo local<\/text>\n                                                        <rect x=\"322\" y=\"170\" width=\"72\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.12)\" stroke=\"#5eadc1\" stroke-width=\"0.6\"\/>\n                                                        <text x=\"358\" y=\"182\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">near me seo<\/text>\n                                                        <rect x=\"322\" y=\"192\" width=\"48\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.08)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"346\" y=\"204\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">local<\/text>\n                                                        <!-- Cluster group 2 -->\n                                                        <rect x=\"402\" y=\"145\" width=\"60\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.12)\" stroke=\"#5eadc1\" stroke-width=\"0.6\"\/>\n                                                        <text x=\"432\" y=\"157\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">ecommerce<\/text>\n                                                        <rect x=\"410\" y=\"167\" width=\"75\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.15)\" stroke=\"#5eadc1\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"447\" y=\"179\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">tienda online<\/text>\n                                                        <rect x=\"416\" y=\"189\" width=\"65\" height=\"18\" rx=\"9\" fill=\"rgba(94,173,193,0.1)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"448\" y=\"201\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">productos<\/text>\n                                                        <!-- Connection lines between clusters -->\n                                                        <line x1=\"377\" y1=\"157\" x2=\"402\" y2=\"154\" stroke=\"#5eadc1\" stroke-width=\"0.5\" opacity=\"0.3\"\/>\n                                                        <line x1=\"394\" y1=\"179\" x2=\"410\" y2=\"176\" stroke=\"#5eadc1\" stroke-width=\"0.5\" opacity=\"0.3\"\/>\n                                                        <!-- Checkmark -->\n                                                        <circle cx=\"502\" cy=\"170\" r=\"8\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"502\" y=\"173\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-weight=\"700\">\u2713<\/text>\n                                                        <!-- Label -->\n                                                        <text x=\"415\" y=\"228\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.75)\" font-size=\"10\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">PALABRAS CLAVE<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 OUTPUT 3: META DESCRIPTIONS (bottom-right) \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-a-shadow)\">\n                                                            <rect x=\"310\" y=\"245\" width=\"210\" height=\"80\" rx=\"10\" fill=\"rgba(255,255,255,0.07)\" stroke=\"#5eadc1\" stroke-width=\"1\"\/>\n                                                        <\/g>\n                                                        <!-- Search result snippet 1 -->\n                                                        <text x=\"325\" y=\"263\" fill=\"#5eadc1\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">Tu P\u00e1gina \u2014 T\u00edtulo SEO<\/text>\n                                                        <text x=\"325\" y=\"273\" fill=\"rgba(0,180,80,0.6)\" font-size=\"6\" font-family=\"var(--font-raleway)\">www.tuweb.com\/pagina<\/text>\n                                                        <rect x=\"325\" y=\"278\" width=\"170\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.15)\"\/>\n                                                        <rect x=\"325\" y=\"283\" width=\"140\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <!-- Search result snippet 2 (faded) -->\n                                                        <text x=\"325\" y=\"298\" fill=\"#5eadc1\" opacity=\"0.5\" font-size=\"7\" font-weight=\"600\" font-family=\"var(--font-raleway)\">Otra P\u00e1gina \u2014 Meta<\/text>\n                                                        <rect x=\"325\" y=\"303\" width=\"130\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"325\" y=\"308\" width=\"100\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <!-- Checkmark -->\n                                                        <circle cx=\"502\" cy=\"275\" r=\"8\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"502\" y=\"278\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-weight=\"700\">\u2713<\/text>\n                                                        <!-- Label -->\n                                                        <text x=\"415\" y=\"338\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.75)\" font-size=\"10\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">METADESCRIPCIONES<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 BOTTOM-LEFT: IA status indicator \u2550\u2550\u2550 -->\n                                                        <circle cx=\"60\" cy=\"300\" r=\"5\" fill=\"#5eadc1\" opacity=\"0.6\"\/>\n                                                        <circle cx=\"60\" cy=\"300\" r=\"8\" fill=\"none\" stroke=\"#5eadc1\" stroke-width=\"0.5\" opacity=\"0.3\">\n                                                            <animate attributeName=\"r\" from=\"8\" to=\"14\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.3\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"76\" y=\"304\" fill=\"rgba(255,255,255,0.5)\" font-size=\"9\" font-family=\"var(--font-raleway)\">Generando&#8230;<\/text>\n                                                    <\/svg>\n\n                                                                                                    <\/div>\n                                                                                        <\/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                                                                                            <div class=\"sp-illust sp-illust--scale\">\n                                                                                                        <!-- Escala: \"Contenido para tiendas en l\u00ednea y negocios locales sin esfuerzo\" -->\n                                                    <svg viewBox=\"0 0 550 350\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                                                        <defs>\n                                                            <filter id=\"sp-s-blur\"><feGaussianBlur stdDeviation=\"25\"\/><\/filter>\n                                                            <filter id=\"sp-s-shadow\"><feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"5\" flood-color=\"rgba(0,106,78,0.25)\"\/><\/filter>\n                                                            <linearGradient id=\"sp-s-flow\" x1=\"0%\" y1=\"100%\" x2=\"0%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#006a4e\" stop-opacity=\"0.1\"\/><stop offset=\"100%\" stop-color=\"#006a4e\" stop-opacity=\"0.5\"\/><\/linearGradient>\n                                                        <\/defs>\n                                                        <pattern id=\"sp-dots-s\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"0.5\" fill=\"rgba(0,106,78,0.07)\"\/><\/pattern>\n                                                        <rect width=\"550\" height=\"350\" fill=\"url(#sp-dots-s)\"\/>\n                                                        <ellipse cx=\"275\" cy=\"175\" rx=\"180\" ry=\"120\" fill=\"#006a4e\" opacity=\"0.06\" filter=\"url(#sp-s-blur)\"\/>\n\n                                                        <!-- \u2550\u2550\u2550 CENTER: IA Engine generating content \u2550\u2550\u2550 -->\n                                                        <circle cx=\"275\" cy=\"170\" r=\"30\" fill=\"rgba(0,106,78,0.06)\" stroke=\"#006a4e\" stroke-width=\"1.5\" opacity=\"0.7\"\/>\n                                                        <circle cx=\"275\" cy=\"170\" r=\"18\" fill=\"rgba(0,106,78,0.08)\" stroke=\"#006a4e\" stroke-width=\"1\"\/>\n                                                        <circle cx=\"275\" cy=\"170\" r=\"5\" fill=\"#006a4e\" opacity=\"0.8\"\/>\n                                                        <circle cx=\"275\" cy=\"170\" r=\"9\" fill=\"#006a4e\" opacity=\"0.12\" filter=\"url(#sp-s-blur)\"\/>\n                                                        <!-- Spinning orbit -->\n                                                        <circle cx=\"275\" cy=\"170\" r=\"24\" fill=\"none\" stroke=\"#006a4e\" stroke-width=\"0.8\" stroke-dasharray=\"3 6\" opacity=\"0.35\">\n                                                            <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 275 170\" to=\"360 275 170\" dur=\"12s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <!-- Pulse -->\n                                                        <circle cx=\"275\" cy=\"170\" r=\"34\" fill=\"none\" stroke=\"#006a4e\" stroke-width=\"0.6\" opacity=\"0.2\">\n                                                            <animate attributeName=\"r\" from=\"32\" to=\"48\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.2\" to=\"0\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"275\" y=\"212\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"9\" font-weight=\"700\" font-family=\"var(--font-raleway)\" letter-spacing=\"1\">ZENIT IA<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 FLOW LINES to both targets \u2550\u2550\u2550 -->\n                                                        <!-- Flow left \u2192 E-commerce -->\n                                                        <path d=\"M245 160 Q160 100 95 80\" stroke=\"#5eadc1\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\" fill=\"none\" opacity=\"0.5\"\/>\n                                                        <circle r=\"3\" fill=\"#5eadc1\" opacity=\"0.7\"><animateMotion dur=\"2s\" repeatCount=\"indefinite\" path=\"M245,160 Q160,100 95,80\"\/><\/circle>\n                                                        <!-- Flow right \u2192 Local -->\n                                                        <path d=\"M305 160 Q390 100 455 80\" stroke=\"#006a4e\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\" fill=\"none\" opacity=\"0.5\"\/>\n                                                        <circle r=\"3\" fill=\"#006a4e\" opacity=\"0.7\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" begin=\"0.5s\" path=\"M305,160 Q390,100 455,80\"\/><\/circle>\n                                                        <!-- Flow down-left \u2192 Content cards -->\n                                                        <path d=\"M260 195 Q200 240 110 260\" stroke=\"#5eadc1\" stroke-width=\"1\" stroke-dasharray=\"4 4\" fill=\"none\" opacity=\"0.35\"\/>\n                                                        <circle r=\"2.5\" fill=\"#5eadc1\" opacity=\"0.5\"><animateMotion dur=\"2.4s\" repeatCount=\"indefinite\" begin=\"0.8s\" path=\"M260,195 Q200,240 110,260\"\/><\/circle>\n                                                        <!-- Flow down-right \u2192 Content cards -->\n                                                        <path d=\"M290 195 Q350 240 440 260\" stroke=\"#006a4e\" stroke-width=\"1\" stroke-dasharray=\"4 4\" fill=\"none\" opacity=\"0.35\"\/>\n                                                        <circle r=\"2.5\" fill=\"#006a4e\" opacity=\"0.5\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\"1.2s\" path=\"M290,195 Q350,240 440,260\"\/><\/circle>\n\n                                                        <!-- \u2550\u2550\u2550 LEFT: TIENDA EN L\u00cdNEA (E-commerce) \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-s-shadow)\">\n                                                            <rect x=\"25\" y=\"30\" width=\"180\" height=\"100\" rx=\"10\" fill=\"rgba(255,255,255,0.07)\" stroke=\"#5eadc1\" stroke-width=\"1\"\/>\n                                                        <\/g>\n                                                        <!-- Storefront icon -->\n                                                        <rect x=\"40\" y=\"45\" width=\"24\" height=\"18\" rx=\"3\" fill=\"none\" stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\"\/>\n                                                        <rect x=\"40\" y=\"42\" width=\"24\" height=\"5\" rx=\"1\" fill=\"#5eadc1\" opacity=\"0.4\"\/>\n                                                        <rect x=\"48\" y=\"54\" width=\"8\" height=\"9\" rx=\"1\" fill=\"rgba(255,255,255,0.15)\"\/>\n                                                        <!-- Product cards -->\n                                                        <rect x=\"75\" y=\"44\" width=\"40\" height=\"32\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.5\"\/>\n                                                        <rect x=\"80\" y=\"49\" width=\"30\" height=\"14\" rx=\"2\" fill=\"rgba(94,173,193,0.12)\"\/>\n                                                        <rect x=\"80\" y=\"67\" width=\"20\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                        <rect x=\"80\" y=\"72\" width=\"14\" height=\"2\" rx=\"1\" fill=\"#5eadc1\" opacity=\"0.5\"\/>\n                                                        <rect x=\"120\" y=\"44\" width=\"40\" height=\"32\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.5\"\/>\n                                                        <rect x=\"125\" y=\"49\" width=\"30\" height=\"14\" rx=\"2\" fill=\"rgba(94,173,193,0.08)\"\/>\n                                                        <rect x=\"125\" y=\"67\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                        <rect x=\"125\" y=\"72\" width=\"16\" height=\"2\" rx=\"1\" fill=\"#5eadc1\" opacity=\"0.4\"\/>\n                                                        <!-- Cart icon -->\n                                                        <rect x=\"168\" y=\"44\" width=\"28\" height=\"20\" rx=\"4\" fill=\"rgba(94,173,193,0.1)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"182\" y=\"57\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"7\" font-family=\"var(--font-raleway)\">\ud83d\uded2<\/text>\n                                                        <!-- Generated content preview -->\n                                                        <rect x=\"40\" y=\"86\" width=\"155\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"40\" y=\"93\" width=\"120\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"40\" y=\"100\" width=\"95\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <rect x=\"40\" y=\"107\" width=\"50\" height=\"10\" rx=\"3\" fill=\"rgba(94,173,193,0.15)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"65\" y=\"115\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"6\" font-family=\"var(--font-raleway)\">Producto<\/text>\n                                                        <rect x=\"95\" y=\"107\" width=\"55\" height=\"10\" rx=\"3\" fill=\"rgba(94,173,193,0.1)\" stroke=\"#5eadc1\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"122\" y=\"115\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"6\" font-family=\"var(--font-raleway)\">Categor\u00eda<\/text>\n                                                        <!-- Label -->\n                                                        <text x=\"115\" y=\"146\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">TIENDA EN L\u00cdNEA<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 RIGHT: NEGOCIO LOCAL \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-s-shadow)\">\n                                                            <rect x=\"345\" y=\"30\" width=\"180\" height=\"100\" rx=\"10\" fill=\"rgba(255,255,255,0.07)\" stroke=\"#006a4e\" stroke-width=\"1\"\/>\n                                                        <\/g>\n                                                        <!-- Map pin icon -->\n                                                        <circle cx=\"370\" cy=\"55\" r=\"10\" fill=\"none\" stroke=\"#006a4e\" stroke-width=\"1\" opacity=\"0.6\"\/>\n                                                        <circle cx=\"370\" cy=\"55\" r=\"4\" fill=\"#006a4e\" opacity=\"0.5\"\/>\n                                                        <path d=\"M370 65 L370 68\" stroke=\"#006a4e\" stroke-width=\"1\" opacity=\"0.4\"\/>\n                                                        <!-- Local business card -->\n                                                        <rect x=\"390\" y=\"44\" width=\"125\" height=\"35\" rx=\"4\" fill=\"rgba(255,255,255,0.05)\" stroke=\"rgba(0,106,78,0.3)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"400\" y=\"56\" fill=\"rgba(255,255,255,0.5)\" font-size=\"7\" font-weight=\"600\" font-family=\"var(--font-raleway)\">Mi Negocio<\/text>\n                                                        <rect x=\"400\" y=\"61\" width=\"60\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"400\" y=\"67\" width=\"40\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <!-- Stars -->\n                                                        <text x=\"475\" y=\"56\" fill=\"#d4af37\" font-size=\"7\" opacity=\"0.6\">\u2605\u2605\u2605\u2605\u2605<\/text>\n                                                        <!-- Generated content preview -->\n                                                        <rect x=\"360\" y=\"88\" width=\"155\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"360\" y=\"95\" width=\"120\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"360\" y=\"102\" width=\"90\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <rect x=\"360\" y=\"109\" width=\"45\" height=\"10\" rx=\"3\" fill=\"rgba(0,106,78,0.15)\" stroke=\"#006a4e\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"382\" y=\"117\" text-anchor=\"middle\" fill=\"#006a4e\" font-size=\"6\" font-family=\"var(--font-raleway)\">Ciudad<\/text>\n                                                        <rect x=\"410\" y=\"109\" width=\"50\" height=\"10\" rx=\"3\" fill=\"rgba(0,106,78,0.1)\" stroke=\"#006a4e\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"435\" y=\"117\" text-anchor=\"middle\" fill=\"#006a4e\" font-size=\"6\" font-family=\"var(--font-raleway)\">Servicio<\/text>\n                                                        <!-- Label -->\n                                                        <text x=\"435\" y=\"146\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">NEGOCIO LOCAL<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 BOTTOM: Generated content multiplying \u2550\u2550\u2550 -->\n                                                        <!-- E-com content cards (left) -->\n                                                        <g opacity=\"0.8\">\n                                                            <rect x=\"30\" y=\"250\" width=\"100\" height=\"55\" rx=\"6\" fill=\"rgba(255,255,255,0.05)\" stroke=\"rgba(94,173,193,0.3)\" stroke-width=\"0.5\"\/>\n                                                            <rect x=\"40\" y=\"260\" width=\"50\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                            <rect x=\"40\" y=\"267\" width=\"75\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                            <rect x=\"40\" y=\"273\" width=\"60\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                            <rect x=\"40\" y=\"283\" width=\"35\" height=\"10\" rx=\"3\" fill=\"rgba(94,173,193,0.12)\"\/>\n                                                            <text x=\"57\" y=\"291\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"5.5\" font-family=\"var(--font-raleway)\">Landing<\/text>\n                                                        <\/g>\n                                                        <g opacity=\"0.6\">\n                                                            <rect x=\"140\" y=\"255\" width=\"100\" height=\"55\" rx=\"6\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.2)\" stroke-width=\"0.5\"\/>\n                                                            <rect x=\"150\" y=\"265\" width=\"45\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.15)\"\/>\n                                                            <rect x=\"150\" y=\"272\" width=\"70\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                            <rect x=\"150\" y=\"278\" width=\"55\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.05)\"\/>\n                                                            <rect x=\"150\" y=\"288\" width=\"30\" height=\"10\" rx=\"3\" fill=\"rgba(94,173,193,0.1)\"\/>\n                                                            <text x=\"165\" y=\"296\" text-anchor=\"middle\" fill=\"#5eadc1\" font-size=\"5.5\" font-family=\"var(--font-raleway)\">Blog<\/text>\n                                                        <\/g>\n                                                        <!-- Local content cards (right) -->\n                                                        <g opacity=\"0.8\">\n                                                            <rect x=\"310\" y=\"250\" width=\"100\" height=\"55\" rx=\"6\" fill=\"rgba(255,255,255,0.05)\" stroke=\"rgba(0,106,78,0.3)\" stroke-width=\"0.5\"\/>\n                                                            <rect x=\"320\" y=\"260\" width=\"55\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.2)\"\/>\n                                                            <rect x=\"320\" y=\"267\" width=\"70\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                            <rect x=\"320\" y=\"273\" width=\"50\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                            <rect x=\"320\" y=\"283\" width=\"38\" height=\"10\" rx=\"3\" fill=\"rgba(0,106,78,0.12)\"\/>\n                                                            <text x=\"339\" y=\"291\" text-anchor=\"middle\" fill=\"#006a4e\" font-size=\"5.5\" font-family=\"var(--font-raleway)\">Ficha<\/text>\n                                                        <\/g>\n                                                        <g opacity=\"0.6\">\n                                                            <rect x=\"420\" y=\"255\" width=\"100\" height=\"55\" rx=\"6\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(0,106,78,0.2)\" stroke-width=\"0.5\"\/>\n                                                            <rect x=\"430\" y=\"265\" width=\"50\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.15)\"\/>\n                                                            <rect x=\"430\" y=\"272\" width=\"65\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                            <rect x=\"430\" y=\"278\" width=\"45\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.05)\"\/>\n                                                            <rect x=\"430\" y=\"288\" width=\"38\" height=\"10\" rx=\"3\" fill=\"rgba(0,106,78,0.1)\"\/>\n                                                            <text x=\"449\" y=\"296\" text-anchor=\"middle\" fill=\"#006a4e\" font-size=\"5.5\" font-family=\"var(--font-raleway)\">Rese\u00f1a<\/text>\n                                                        <\/g>\n                                                        <!-- \"Sin esfuerzo\" status -->\n                                                        <circle cx=\"275\" cy=\"330\" r=\"4\" fill=\"#006a4e\" opacity=\"0.5\"\/>\n                                                        <circle cx=\"275\" cy=\"330\" r=\"7\" fill=\"none\" stroke=\"#006a4e\" stroke-width=\"0.5\" opacity=\"0.25\">\n                                                            <animate attributeName=\"r\" from=\"7\" to=\"12\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.25\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"290\" y=\"334\" fill=\"rgba(255,255,255,0.45)\" font-size=\"8\" font-family=\"var(--font-raleway)\">Sin esfuerzo<\/text>\n                                                    <\/svg>\n\n                                                                                                    <\/div>\n                                                                                        <\/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                                                                                            <div class=\"sp-illust sp-illust--detect\">\n                                                                                                        <!-- Detecta: \"Oportunidades + arquitectura web + enlaces NLP\" -->\n                                                    <svg viewBox=\"0 0 550 350\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                                                        <defs>\n                                                            <filter id=\"sp-d-blur\"><feGaussianBlur stdDeviation=\"20\"\/><\/filter>\n                                                            <filter id=\"sp-d-shadow\"><feDropShadow dx=\"0\" dy=\"1\" stdDeviation=\"4\" flood-color=\"rgba(212,175,55,0.2)\"\/><\/filter>\n                                                            <radialGradient id=\"sp-d-glow\"><stop offset=\"0%\" stop-color=\"#d4af37\" stop-opacity=\"0.3\"\/><stop offset=\"100%\" stop-color=\"#d4af37\" stop-opacity=\"0\"\/><\/radialGradient>\n                                                        <\/defs>\n                                                        <pattern id=\"sp-dots-d\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"0.5\" fill=\"rgba(212,175,55,0.06)\"\/><\/pattern>\n                                                        <rect width=\"550\" height=\"350\" fill=\"url(#sp-dots-d)\"\/>\n                                                        <ellipse cx=\"200\" cy=\"170\" rx=\"140\" ry=\"120\" fill=\"#d4af37\" opacity=\"0.04\" filter=\"url(#sp-d-blur)\"\/>\n\n                                                        <!-- \u2550\u2550\u2550 LEFT: SITEMAP \/ ARCHITECTURE WEB \u2550\u2550\u2550 -->\n                                                        <!-- Root page -->\n                                                        <rect x=\"55\" y=\"35\" width=\"70\" height=\"28\" rx=\"6\" fill=\"rgba(255,255,255,0.08)\" stroke=\"#5eadc1\" stroke-width=\"1.2\"\/>\n                                                        <text x=\"90\" y=\"53\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">Home<\/text>\n                                                        <!-- Branch lines from root -->\n                                                        <line x1=\"70\" y1=\"63\" x2=\"40\" y2=\"90\" stroke=\"#5eadc1\" stroke-width=\"1\" opacity=\"0.4\"\/>\n                                                        <line x1=\"90\" y1=\"63\" x2=\"90\" y2=\"90\" stroke=\"#5eadc1\" stroke-width=\"1\" opacity=\"0.4\"\/>\n                                                        <line x1=\"110\" y1=\"63\" x2=\"145\" y2=\"90\" stroke=\"#5eadc1\" stroke-width=\"1\" opacity=\"0.4\"\/>\n                                                        <!-- Level 2 pages -->\n                                                        <rect x=\"15\" y=\"90\" width=\"55\" height=\"24\" rx=\"5\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(94,173,193,0.5)\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"42\" y=\"106\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.55)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Servicios<\/text>\n                                                        <rect x=\"78\" y=\"90\" width=\"55\" height=\"24\" rx=\"5\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(94,173,193,0.5)\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"105\" y=\"106\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.55)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Blog<\/text>\n                                                        <rect x=\"140\" y=\"90\" width=\"55\" height=\"24\" rx=\"5\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(94,173,193,0.5)\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"167\" y=\"106\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.55)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Tienda<\/text>\n                                                        <!-- Level 3 pages -->\n                                                        <line x1=\"30\" y1=\"114\" x2=\"25\" y2=\"135\" stroke=\"#5eadc1\" stroke-width=\"0.8\" opacity=\"0.3\"\/>\n                                                        <line x1=\"50\" y1=\"114\" x2=\"65\" y2=\"135\" stroke=\"#5eadc1\" stroke-width=\"0.8\" opacity=\"0.3\"\/>\n                                                        <line x1=\"95\" y1=\"114\" x2=\"85\" y2=\"135\" stroke=\"#5eadc1\" stroke-width=\"0.8\" opacity=\"0.3\"\/>\n                                                        <line x1=\"115\" y1=\"114\" x2=\"125\" y2=\"135\" stroke=\"#5eadc1\" stroke-width=\"0.8\" opacity=\"0.3\"\/>\n                                                        <rect x=\"10\" y=\"135\" width=\"40\" height=\"18\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.35)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"30\" y=\"147\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.4)\" font-size=\"6\" font-family=\"var(--font-raleway)\">SEO<\/text>\n                                                        <rect x=\"55\" y=\"135\" width=\"40\" height=\"18\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.35)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"75\" y=\"147\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.4)\" font-size=\"6\" font-family=\"var(--font-raleway)\">Web<\/text>\n                                                        <rect x=\"100\" y=\"135\" width=\"40\" height=\"18\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.35)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"120\" y=\"147\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.4)\" font-size=\"6\" font-family=\"var(--font-raleway)\">Post 1<\/text>\n                                                        <rect x=\"145\" y=\"135\" width=\"40\" height=\"18\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.35)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"165\" y=\"147\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.4)\" font-size=\"6\" font-family=\"var(--font-raleway)\">Post 2<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 NLP INTERNAL LINKS (animated connections) \u2550\u2550\u2550 -->\n                                                        <!-- Smart links between pages (curved, NLP-driven) -->\n                                                        <path d=\"M50 148 Q90 180 120 148\" stroke=\"#d4af37\" stroke-width=\"1\" stroke-dasharray=\"3 3\" fill=\"none\" opacity=\"0.5\"\/>\n                                                        <path d=\"M30 153 Q80 200 165 148\" stroke=\"#d4af37\" stroke-width=\"0.8\" stroke-dasharray=\"3 3\" fill=\"none\" opacity=\"0.35\"\/>\n                                                        <path d=\"M75 148 Q130 175 167 114\" stroke=\"#d4af37\" stroke-width=\"0.8\" stroke-dasharray=\"3 3\" fill=\"none\" opacity=\"0.4\"\/>\n                                                        <path d=\"M42 114 Q120 165 145 114\" stroke=\"#d4af37\" stroke-width=\"1\" stroke-dasharray=\"3 3\" fill=\"none\" opacity=\"0.4\"\/>\n                                                        <!-- Animated NLP link pulse -->\n                                                        <circle r=\"2.5\" fill=\"#d4af37\" opacity=\"0.8\"><animateMotion dur=\"3s\" repeatCount=\"indefinite\" path=\"M50,148 Q90,180 120,148\"\/><\/circle>\n                                                        <circle r=\"2\" fill=\"#d4af37\" opacity=\"0.6\"><animateMotion dur=\"3.5s\" repeatCount=\"indefinite\" begin=\"1s\" path=\"M42,114 Q120,165 145,114\"\/><\/circle>\n                                                        <!-- NLP badge on links -->\n                                                        <rect x=\"72\" y=\"172\" width=\"40\" height=\"16\" rx=\"8\" fill=\"rgba(212,175,55,0.12)\" stroke=\"#d4af37\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"92\" y=\"183\" text-anchor=\"middle\" fill=\"#d4af37\" font-size=\"7\" font-weight=\"600\" font-family=\"var(--font-raleway)\">NLP<\/text>\n                                                        <text x=\"105\" y=\"208\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.5)\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\" letter-spacing=\"0.5\">ARQUITECTURA WEB<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 RIGHT: OPPORTUNITIES DETECTED \u2550\u2550\u2550 -->\n                                                        <g filter=\"url(#sp-d-shadow)\">\n                                                            <rect x=\"280\" y=\"30\" width=\"240\" height=\"290\" rx=\"12\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(212,175,55,0.2)\" stroke-width=\"0.8\"\/>\n                                                        <\/g>\n                                                        <text x=\"400\" y=\"52\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"9\" font-weight=\"700\" font-family=\"var(--font-raleway)\" letter-spacing=\"1\">OPORTUNIDADES DETECTADAS<\/text>\n                                                        <!-- Opportunity 1 \u2014 highlighted -->\n                                                        <rect x=\"295\" y=\"62\" width=\"210\" height=\"55\" rx=\"8\" fill=\"rgba(212,175,55,0.06)\" stroke=\"#d4af37\" stroke-width=\"1\"\/>\n                                                        <circle cx=\"310\" cy=\"80\" r=\"6\" fill=\"url(#sp-d-glow)\"\/>\n                                                        <circle cx=\"310\" cy=\"80\" r=\"4\" fill=\"#d4af37\" opacity=\"0.7\"\/>\n                                                        <circle cx=\"310\" cy=\"80\" r=\"8\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" opacity=\"0.3\">\n                                                            <animate attributeName=\"r\" from=\"8\" to=\"14\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.3\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"325\" y=\"78\" fill=\"#d4af37\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">seo local restaurante<\/text>\n                                                        <text x=\"325\" y=\"92\" fill=\"rgba(255,255,255,0.4)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Vol: 2.4K \u00b7 Dif: baja \u00b7 Gap detectado<\/text>\n                                                        <rect x=\"325\" y=\"100\" width=\"50\" height=\"10\" rx=\"3\" fill=\"rgba(212,175,55,0.15)\"\/>\n                                                        <text x=\"350\" y=\"108\" text-anchor=\"middle\" fill=\"#d4af37\" font-size=\"6\" font-weight=\"600\" font-family=\"var(--font-raleway)\">Alta prioridad<\/text>\n                                                        <!-- Opportunity 2 -->\n                                                        <rect x=\"295\" y=\"125\" width=\"210\" height=\"45\" rx=\"8\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.3)\" stroke-width=\"0.8\"\/>\n                                                        <circle cx=\"310\" cy=\"143\" r=\"3.5\" fill=\"#5eadc1\" opacity=\"0.6\"\/>\n                                                        <text x=\"325\" y=\"140\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">tienda online ropa<\/text>\n                                                        <text x=\"325\" y=\"154\" fill=\"rgba(255,255,255,0.35)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Vol: 1.8K \u00b7 Dif: media \u00b7 Nuevo<\/text>\n                                                        <!-- Opportunity 3 -->\n                                                        <rect x=\"295\" y=\"178\" width=\"210\" height=\"45\" rx=\"8\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(94,173,193,0.25)\" stroke-width=\"0.8\"\/>\n                                                        <circle cx=\"310\" cy=\"196\" r=\"3.5\" fill=\"#5eadc1\" opacity=\"0.5\"\/>\n                                                        <text x=\"325\" y=\"193\" fill=\"rgba(255,255,255,0.55)\" font-size=\"8\" font-weight=\"600\" font-family=\"var(--font-raleway)\">consultor\u00eda seo<\/text>\n                                                        <text x=\"325\" y=\"207\" fill=\"rgba(255,255,255,0.3)\" font-size=\"7\" font-family=\"var(--font-raleway)\">Vol: 900 \u00b7 Dif: baja \u00b7 Contenido<\/text>\n                                                        <!-- Opportunity 4 (faded) -->\n                                                        <rect x=\"295\" y=\"231\" width=\"210\" height=\"40\" rx=\"8\" fill=\"rgba(255,255,255,0.03)\" stroke=\"rgba(94,173,193,0.15)\" stroke-width=\"0.5\"\/>\n                                                        <circle cx=\"310\" cy=\"248\" r=\"3\" fill=\"#5eadc1\" opacity=\"0.3\"\/>\n                                                        <text x=\"325\" y=\"246\" fill=\"rgba(255,255,255,0.4)\" font-size=\"7.5\" font-weight=\"600\" font-family=\"var(--font-raleway)\">marketing digital pymes<\/text>\n                                                        <text x=\"325\" y=\"258\" fill=\"rgba(255,255,255,0.25)\" font-size=\"6.5\" font-family=\"var(--font-raleway)\">Vol: 650 \u00b7 Dif: media<\/text>\n                                                        <!-- More indicator -->\n                                                        <text x=\"400\" y=\"290\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.25)\" font-size=\"8\" font-family=\"var(--font-raleway)\">+ 12 oportunidades m\u00e1s<\/text>\n\n                                                        <!-- \u2550\u2550\u2550 BOTTOM-LEFT: Scanner status \u2550\u2550\u2550 -->\n                                                        <circle cx=\"55\" cy=\"260\" r=\"4\" fill=\"#d4af37\" opacity=\"0.5\"\/>\n                                                        <circle cx=\"55\" cy=\"260\" r=\"7\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" opacity=\"0.25\">\n                                                            <animate attributeName=\"r\" from=\"7\" to=\"12\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                            <animate attributeName=\"opacity\" from=\"0.25\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                                                        <\/circle>\n                                                        <text x=\"70\" y=\"264\" fill=\"rgba(255,255,255,0.4)\" font-size=\"8\" font-family=\"var(--font-raleway)\">Analizando&#8230;<\/text>\n                                                    <\/svg>\n\n                                                                                                    <\/div>\n                                                                                        <\/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                                                                                            <div class=\"sp-illust sp-illust--position\">\n                                                                                                        <!-- Posiciona: \"Presente en Google AI, ChatGPT, Gemini, Perplexity\" -->\n                                                    <svg viewBox=\"0 0 550 350\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                                                        <defs>\n                                                            <filter id=\"sp-p-blur\"><feGaussianBlur stdDeviation=\"18\"\/><\/filter>\n                                                            <filter id=\"sp-p-shadow\"><feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"4\" flood-color=\"rgba(195,4,48,0.15)\"\/><\/filter>\n                                                        <\/defs>\n                                                        <pattern id=\"sp-dots-p\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"0.5\" fill=\"rgba(195,4,48,0.05)\"\/><\/pattern>\n                                                        <rect width=\"550\" height=\"350\" fill=\"url(#sp-dots-p)\"\/>\n                                                        <ellipse cx=\"275\" cy=\"175\" rx=\"180\" ry=\"130\" fill=\"#c30430\" opacity=\"0.04\" filter=\"url(#sp-p-blur)\"\/>\n\n                                                        <!-- \u2550\u2550\u2550 4 AI RESPONSE WINDOWS \u2550\u2550\u2550 -->\n\n                                                        <!-- Window 1: Google AI Overview (top-left) -->\n                                                        <g filter=\"url(#sp-p-shadow)\">\n                                                            <rect x=\"20\" y=\"20\" width=\"240\" height=\"140\" rx=\"10\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.8\"\/>\n                                                        <\/g>\n                                                        <!-- Window chrome -->\n                                                        <rect x=\"20\" y=\"20\" width=\"240\" height=\"22\" rx=\"10\" fill=\"rgba(255,255,255,0.04)\"\/>\n                                                        <circle cx=\"35\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"45\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"55\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <text x=\"140\" y=\"35\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Google AI Overview<\/text>\n                                                        <!-- AI response with brand highlight -->\n                                                        <rect x=\"32\" y=\"50\" width=\"216\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"32\" y=\"58\" width=\"180\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"32\" y=\"65\" width=\"200\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <!-- Brand mention highlighted -->\n                                                        <rect x=\"32\" y=\"75\" width=\"60\" height=\"14\" rx=\"3\" fill=\"rgba(195,4,48,0.15)\" stroke=\"#c30430\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"62\" y=\"85\" text-anchor=\"middle\" fill=\"#c30430\" font-size=\"7\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Tu Marca<\/text>\n                                                        <rect x=\"98\" y=\"78\" width=\"140\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"32\" y=\"96\" width=\"190\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <rect x=\"32\" y=\"103\" width=\"160\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <!-- Source citation -->\n                                                        <rect x=\"32\" y=\"115\" width=\"100\" height=\"18\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"\/>\n                                                        <circle cx=\"44\" cy=\"124\" r=\"4\" fill=\"rgba(195,4,48,0.3)\"\/>\n                                                        <text x=\"54\" y=\"122\" fill=\"rgba(255,255,255,0.5)\" font-size=\"6\" font-family=\"var(--font-raleway)\">tuweb.com<\/text>\n                                                        <text x=\"54\" y=\"130\" fill=\"rgba(255,255,255,0.3)\" font-size=\"5\" font-family=\"var(--font-raleway)\">Fuente citada<\/text>\n                                                        <!-- Checkmark -->\n                                                        <circle cx=\"242\" cy=\"145\" r=\"7\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"242\" y=\"148\" text-anchor=\"middle\" fill=\"white\" font-size=\"7\" font-weight=\"700\">\u2713<\/text>\n\n                                                        <!-- Window 2: ChatGPT (top-right) -->\n                                                        <g filter=\"url(#sp-p-shadow)\">\n                                                            <rect x=\"280\" y=\"20\" width=\"240\" height=\"140\" rx=\"10\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.8\"\/>\n                                                        <\/g>\n                                                        <rect x=\"280\" y=\"20\" width=\"240\" height=\"22\" rx=\"10\" fill=\"rgba(255,255,255,0.04)\"\/>\n                                                        <circle cx=\"295\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"305\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"315\" cy=\"31\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <text x=\"400\" y=\"35\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"700\" font-family=\"var(--font-raleway)\">ChatGPT<\/text>\n                                                        <!-- Response -->\n                                                        <rect x=\"292\" y=\"50\" width=\"210\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n                                                        <rect x=\"292\" y=\"58\" width=\"180\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"292\" y=\"65\" width=\"195\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"292\" y=\"73\" width=\"140\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <!-- Brand mention -->\n                                                        <rect x=\"292\" y=\"83\" width=\"55\" height=\"14\" rx=\"3\" fill=\"rgba(195,4,48,0.15)\" stroke=\"#c30430\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"319\" y=\"93\" text-anchor=\"middle\" fill=\"#c30430\" font-size=\"7\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Tu Marca<\/text>\n                                                        <rect x=\"352\" y=\"86\" width=\"130\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.08)\"\/>\n                                                        <rect x=\"292\" y=\"103\" width=\"200\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <rect x=\"292\" y=\"110\" width=\"170\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <rect x=\"292\" y=\"117\" width=\"145\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.05)\"\/>\n                                                        <circle cx=\"502\" cy=\"145\" r=\"7\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"502\" y=\"148\" text-anchor=\"middle\" fill=\"white\" font-size=\"7\" font-weight=\"700\">\u2713<\/text>\n\n                                                        <!-- Window 3: Gemini (bottom-left) -->\n                                                        <g filter=\"url(#sp-p-shadow)\">\n                                                            <rect x=\"20\" y=\"185\" width=\"240\" height=\"140\" rx=\"10\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.8\"\/>\n                                                        <\/g>\n                                                        <rect x=\"20\" y=\"185\" width=\"240\" height=\"22\" rx=\"10\" fill=\"rgba(255,255,255,0.04)\"\/>\n                                                        <circle cx=\"35\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"45\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"55\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <text x=\"140\" y=\"200\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Gemini<\/text>\n                                                        <rect x=\"32\" y=\"215\" width=\"200\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <rect x=\"32\" y=\"223\" width=\"175\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <rect x=\"32\" y=\"230\" width=\"190\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <!-- Brand mention -->\n                                                        <rect x=\"32\" y=\"240\" width=\"55\" height=\"14\" rx=\"3\" fill=\"rgba(195,4,48,0.15)\" stroke=\"#c30430\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"59\" y=\"250\" text-anchor=\"middle\" fill=\"#c30430\" font-size=\"7\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Tu Marca<\/text>\n                                                        <rect x=\"92\" y=\"243\" width=\"130\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <rect x=\"32\" y=\"260\" width=\"180\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.05)\"\/>\n                                                        <rect x=\"32\" y=\"267\" width=\"150\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.05)\"\/>\n                                                        <circle cx=\"242\" cy=\"310\" r=\"7\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"242\" y=\"313\" text-anchor=\"middle\" fill=\"white\" font-size=\"7\" font-weight=\"700\">\u2713<\/text>\n\n                                                        <!-- Window 4: Perplexity (bottom-right) -->\n                                                        <g filter=\"url(#sp-p-shadow)\">\n                                                            <rect x=\"280\" y=\"185\" width=\"240\" height=\"140\" rx=\"10\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"0.8\"\/>\n                                                        <\/g>\n                                                        <rect x=\"280\" y=\"185\" width=\"240\" height=\"22\" rx=\"10\" fill=\"rgba(255,255,255,0.04)\"\/>\n                                                        <circle cx=\"295\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"305\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <circle cx=\"315\" cy=\"196\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <text x=\"400\" y=\"200\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"8\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Perplexity<\/text>\n                                                        <rect x=\"292\" y=\"215\" width=\"210\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.1)\"\/>\n                                                        <rect x=\"292\" y=\"223\" width=\"185\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <rect x=\"292\" y=\"230\" width=\"195\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <rect x=\"292\" y=\"238\" width=\"160\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.06)\"\/>\n                                                        <!-- Brand mention -->\n                                                        <rect x=\"292\" y=\"248\" width=\"55\" height=\"14\" rx=\"3\" fill=\"rgba(195,4,48,0.15)\" stroke=\"#c30430\" stroke-width=\"0.8\"\/>\n                                                        <text x=\"319\" y=\"258\" text-anchor=\"middle\" fill=\"#c30430\" font-size=\"7\" font-weight=\"700\" font-family=\"var(--font-raleway)\">Tu Marca<\/text>\n                                                        <rect x=\"352\" y=\"251\" width=\"130\" height=\"2.5\" rx=\"1\" fill=\"rgba(255,255,255,0.07)\"\/>\n                                                        <!-- Source citations -->\n                                                        <rect x=\"292\" y=\"270\" width=\"85\" height=\"16\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"334\" y=\"281\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.4)\" font-size=\"6\" font-family=\"var(--font-raleway)\">\ud83d\udcce tuweb.com<\/text>\n                                                        <rect x=\"382\" y=\"270\" width=\"85\" height=\"16\" rx=\"4\" fill=\"rgba(255,255,255,0.03)\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.5\"\/>\n                                                        <text x=\"424\" y=\"281\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.3)\" font-size=\"6\" font-family=\"var(--font-raleway)\">\ud83d\udcce fuente.com<\/text>\n                                                        <circle cx=\"502\" cy=\"310\" r=\"7\" fill=\"rgba(0,106,78,0.6)\"\/>\n                                                        <text x=\"502\" y=\"313\" text-anchor=\"middle\" fill=\"white\" font-size=\"7\" font-weight=\"700\">\u2713<\/text>\n\n                                                        <!-- Center label -->\n                                                        <text x=\"275\" y=\"175\" text-anchor=\"middle\" fill=\"#c30430\" font-size=\"10\" font-weight=\"700\" font-family=\"var(--font-raleway)\" opacity=\"0.6\" letter-spacing=\"1\">VISIBLE EN TODAS<\/text>\n                                                    <\/svg>\n\n                                                                                                    <\/div>\n                                                                                        <\/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\/* \u2550\u2550\u2550 Counter \u2014 Premium Zenit \u2550\u2550\u2550 *\/\n.cnt-block { position: relative; }\n\n\/* Stat item \u2014 clean, no box, divider-separated *\/\n.cnt-stat {\n    position: relative;\n    padding: 1.5rem 0;\n    text-align: left;\n}\n\n\/* Vertical divider between stats (grid only) *\/\n.cnt-grid .cnt-stat + .cnt-stat::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 20%;\n    bottom: 20%;\n    width: 1px;\n    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent);\n}\n@media (max-width: 639px) {\n    .cnt-grid .cnt-stat + .cnt-stat::before {\n        top: 0;\n        bottom: auto;\n        left: 15%;\n        right: 15%;\n        width: auto;\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(255,255,255,0.08), transparent);\n    }\n}\n\n\/* Label \u2014 context above the number *\/\n.cnt-label {\n    font-size: 1.2rem;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    line-height: 1.4;\n    margin-bottom: 0.75rem;\n}\n\n\/* Number \u2014 the hero element *\/\n.cnt-number {\n    font-family: var(--font-raleway);\n    font-weight: 800;\n    font-size: 3.5rem;\n    line-height: 1;\n    letter-spacing: -0.03em;\n    transition: text-shadow 0.4s ease;\n}\n\n.cnt-number .cnt-symbol {\n    font-size: 0.6em;\n    font-weight: 600;\n}\n\n\/* Description \u2014 supporting text *\/\n.cnt-desc {\n    font-size: 1rem;\n    line-height: 1.6;\n    margin-top: 0.75rem;\n    max-width: 20rem;\n    }\n\n\/* Grid layouts *\/\n.cnt-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0;\n}\n@media (min-width: 640px) { .cnt-grid { grid-template-columns: repeat(2, 1fr); } }\n\n\/* Responsive number size \u2014 original sizes preserved *\/\n@media (min-width: 768px) {\n    .cnt-number { font-size: 4rem; }\n    .cnt-stat { padding: 2.25rem 1.5rem; }\n}\n@media (min-width: 1024px) {\n    .cnt-number { font-size: 4.5rem; }\n    .cnt-stat { padding: 2.5rem 2rem; }\n}\n\n\/* Entrance \u2014 starts hidden, JS reveals *\/\n.cnt-stat {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.cnt-stat.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n.cnt-header {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.cnt-header.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .cnt-stat, .cnt-header {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<section\n    class=\"cnt-block overflow-hidden z-watermark z-watermark--01 z-watermark--top-left same-theme-next py-24 md:py-28 lg:py-32\"\n    id=\"cnt-block_04febd0a35eae648e3cb31c0f9fe3acb\"\n    data-block-id=\"cnt-block_04febd0a35eae648e3cb31c0f9fe3acb\"\n    style=\"background-color: #000000;\"\n    data-theme=\"dark\">\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-16 items-center\">\n                    <!-- Left: Header -->\n                    <div class=\"lg:col-span-4 cnt-header\">\n                        \n                                                    <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight leading-tight\" style=\"color: #ffffff;\">\n                                Our results <br \/>\r\nback us up                            <\/h2>\n                        \n                        \n                                                    <div class=\"mt-10 flex flex-wrap gap-4 items-center\">\n                                                                    <a href=\"https:\/\/zenitseo.com\/en\/contact-us\/\"\n                                       target=\"_self\"\n                                       class=\"btn btn-primary btn-lg\" data-theme=\"dark\">\n                                        Request a quote                                    <\/a>\n                                                                                            <\/div>\n                                            <\/div>\n\n                    <!-- Right: Stats -->\n                    <div class=\"lg:col-span-8\">\n                        <div class=\"cnt-grid lg:grid-cols-0\">\n                                                            <div class=\"cnt-stat\" data-delay=\"0\"\n                                     style=\"--cnt-color: #d4af37; --cnt-symbol: rgba(212,175,55,0.60); --cnt-glow: rgba(212,175,55,0.35);\">\n                                    <p class=\"cnt-label\" style=\"color: rgba(255,255,255,0.70);\">\n                                        Organic sessions                                    <\/p>\n                                    <div class=\"cnt-number\" style=\"color: var(--cnt-color);\">\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">+<\/span>\n                                                                                <span class=\"cnt-value\"\n                                              data-target=\"35\"\n                                              >0<\/span>\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">%<\/span>\n                                                                            <\/div>\n                                                                            <p class=\"cnt-desc\" style=\"color: rgba(255,255,255,0.55);\">More quality visits without extra investment.<\/p>\n                                                                    <\/div>\n                                                            <div class=\"cnt-stat\" data-delay=\"120\"\n                                     style=\"--cnt-color: #d4af37; --cnt-symbol: rgba(212,175,55,0.60); --cnt-glow: rgba(212,175,55,0.35);\">\n                                    <p class=\"cnt-label\" style=\"color: rgba(255,255,255,0.70);\">\n                                        Organic engagement                                    <\/p>\n                                    <div class=\"cnt-number\" style=\"color: var(--cnt-color);\">\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">+<\/span>\n                                                                                <span class=\"cnt-value\"\n                                              data-target=\"15\"\n                                              >0<\/span>\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">%<\/span>\n                                                                            <\/div>\n                                                                            <p class=\"cnt-desc\" style=\"color: rgba(255,255,255,0.55);\">Users who interact more with your brand.<\/p>\n                                                                    <\/div>\n                                                            <div class=\"cnt-stat\" data-delay=\"240\"\n                                     style=\"--cnt-color: #d4af37; --cnt-symbol: rgba(212,175,55,0.60); --cnt-glow: rgba(212,175,55,0.35);\">\n                                    <p class=\"cnt-label\" style=\"color: rgba(255,255,255,0.70);\">\n                                        Organic clicks                                    <\/p>\n                                    <div class=\"cnt-number\" style=\"color: var(--cnt-color);\">\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">+<\/span>\n                                                                                <span class=\"cnt-value\"\n                                              data-target=\"48\"\n                                              >0<\/span>\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">%<\/span>\n                                                                            <\/div>\n                                                                            <p class=\"cnt-desc\" style=\"color: rgba(255,255,255,0.55);\">Increased direct traffic from search engines.<\/p>\n                                                                    <\/div>\n                                                            <div class=\"cnt-stat\" data-delay=\"360\"\n                                     style=\"--cnt-color: #d4af37; --cnt-symbol: rgba(212,175,55,0.60); --cnt-glow: rgba(212,175,55,0.35);\">\n                                    <p class=\"cnt-label\" style=\"color: rgba(255,255,255,0.70);\">\n                                        Clicks in strategic terms                                    <\/p>\n                                    <div class=\"cnt-number\" style=\"color: var(--cnt-color);\">\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">+<\/span>\n                                                                                <span class=\"cnt-value\"\n                                              data-target=\"383\"\n                                              >0<\/span>\n                                                                                    <span class=\"cnt-symbol\" style=\"color: var(--cnt-symbol);\">%<\/span>\n                                                                            <\/div>\n                                                                            <p class=\"cnt-desc\" style=\"color: rgba(255,255,255,0.55);\">Assured position in key keywords.<\/p>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Counter \u2014 Count-up + Stagger Entrance \u2550\u2550\u2550 -->\n<script>\n(function() {\n    var sid = 'cnt-block_04febd0a35eae648e3cb31c0f9fe3acb';\n\n    function init() {\n        var section = document.getElementById(sid);\n        if (!section) return;\n\n        var stats = section.querySelectorAll('.cnt-stat');\n        var headers = section.querySelectorAll('.cnt-header');\n        var values = section.querySelectorAll('.cnt-value');\n        var counted = false;\n\n        \/\/ --- Count-up animation ---\n        function countUp(el) {\n            var raw = el.getAttribute('data-target') || '0';\n            \/\/ Parse: handle decimals, commas, etc.\n            var cleaned = raw.replace(\/[^0-9.,]\/g, '').replace(',', '.');\n            var target = parseFloat(cleaned) || 0;\n            var decimals = (cleaned.split('.')[1] || '').length;\n            var duration = 1800;\n            var start = performance.now();\n\n            function step(now) {\n                var elapsed = now - start;\n                var progress = Math.min(elapsed \/ duration, 1);\n                \/\/ Ease out cubic\n                var ease = 1 - Math.pow(1 - progress, 3);\n                var current = target * ease;\n\n                if (decimals > 0) {\n                    el.textContent = current.toFixed(decimals);\n                } else {\n                    el.textContent = Math.round(current).toLocaleString();\n                }\n\n                if (progress < 1) {\n                    requestAnimationFrame(step);\n                } else {\n                    el.textContent = raw;\n                }\n            }\n\n            requestAnimationFrame(step);\n        }\n\n        \/\/ --- Stagger entrance + trigger count ---\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (!entry.isIntersecting) return;\n\n                \/\/ Reveal headers\n                headers.forEach(function(h) { h.classList.add('is-visible'); });\n\n                \/\/ Stagger stats\n                stats.forEach(function(stat) {\n                    var delay = parseInt(stat.dataset.delay) || 0;\n                    setTimeout(function() {\n                        stat.classList.add('is-visible');\n                    }, delay);\n                });\n\n                \/\/ Count up (once)\n                if (!counted) {\n                    counted = true;\n                    values.forEach(function(v, i) {\n                        setTimeout(function() { countUp(v); }, i * 150);\n                    });\n                }\n\n                observer.disconnect();\n            });\n        }, { threshold: 0.2 });\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\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<section\n    class=\"fuc-grid-section relative\"\n    id=\"fuc-block_15e2a486355dbd126be12a9326e2eadf\"\n    data-block-id=\"fuc-block_15e2a486355dbd126be12a9326e2eadf\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n        <!-- Header -->\n                    <div class=\"max-w-4xl mx-auto text-center mb-14 lg:mb-20 fuc-g-el\" data-fuc-delay=\"0\">\n                                                    <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight\" style=\"color:#111827;\">GEO that generates impact.<\/h2>\n                                                    <p class=\"mt-4 text-lg leading-8\" style=\"color:#6b7280;\">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                            <\/div>\n        \n        <!-- Cards -->\n        <div class=\"fuc-grid fuc-grid--2 fuc-g-el\" data-fuc-delay=\"0.15\">\n                            <a href=\"https:\/\/zenitseo.com\/en\/casos-de-exito\/olmeca-tequila\/\" class=\"fuc-g-card group z-card-accent z-card-accent--01\">\n                    <!-- Image -->\n                    <div class=\"fuc-g-card-image\">\n                        <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-1024x683.webp\" class=\"fuc-g-img\" alt=\"olmeca use case\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2-700x467.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                    <\/div>\n\n                    <!-- Body -->\n                    <div class=\"fuc-g-card-body\">\n                                                    <div class=\"fuc-g-logo\">\n                                <img decoding=\"async\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp\"\n                                     alt=\"Olmeca Tequila\"\n                                     class=\"h-6 w-auto object-contain\" loading=\"lazy\">\n                            <\/div>\n                        \n                        <h3 class=\"fuc-g-title\">Olmeca Tequila<\/h3>\n\n                        <!-- KPIs -->\n                                                    <div class=\"fuc-g-kpis\">\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">Organic Engagement Rate +4 years<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +80<span class=\"fuc-g-kpi-symbol\">% <\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">Organic share of share vs +50 competitors<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +16<span class=\"fuc-g-kpi-symbol\">% <\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">Positive sentiment in AI mentions<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +92<span class=\"fuc-g-kpi-symbol\">%<\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">Organic campaigns positioning in all 4 continents<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            4                                         <\/span>\n                                    <\/div>\n                                                            <\/div>\n                        \n                        <!-- CTA -->\n                        <div class=\"fuc-g-cta\">\n                            <span class=\"fuc-g-cta-text\">More<\/span>\n                            <svg class=\"fuc-g-cta-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/zenitseo.com\/en\/casos-de-exito\/gwm-mexico\/\" class=\"fuc-g-card group z-card-accent z-card-accent--01\">\n                    <!-- Image -->\n                    <div class=\"fuc-g-card-image\">\n                        <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-1024x683.webp\" class=\"fuc-g-img\" alt=\"GWM use case\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-700x467.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2.webp 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                    <\/div>\n\n                    <!-- Body -->\n                    <div class=\"fuc-g-card-body\">\n                                                    <div class=\"fuc-g-logo\">\n                                <img decoding=\"async\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\"\n                                     alt=\"GWM M\u00e9xico\"\n                                     class=\"h-6 w-auto object-contain\" loading=\"lazy\">\n                            <\/div>\n                        \n                        <h3 class=\"fuc-g-title\">GWM M\u00e9xico<\/h3>\n\n                        <!-- KPIs -->\n                                                    <div class=\"fuc-g-kpis\">\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">YoY organic visibility for high converting landing pages<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +50<span class=\"fuc-g-kpi-symbol\">%<\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">organic ranking improvement YoY<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +70<span class=\"fuc-g-kpi-symbol\">%<\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">monthly organic impressions<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +1M <span class=\"fuc-g-kpi-symbol\">% <\/span>                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"fuc-g-kpi\">\n                                        <span class=\"fuc-g-kpi-label\">mention rate in Gemini<\/span>\n                                        <span class=\"fuc-g-kpi-value\">\n                                            +40<span class=\"fuc-g-kpi-symbol\">% <\/span>                                        <\/span>\n                                    <\/div>\n                                                            <\/div>\n                        \n                        <!-- CTA -->\n                        <div class=\"fuc-g-cta\">\n                            <span class=\"fuc-g-cta-text\">More<\/span>\n                            <svg class=\"fuc-g-cta-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n                    <\/div>\n\n        <!-- Buttons -->\n                    <div class=\"flex flex-wrap gap-4 justify-center mt-12 md:mt-16 fuc-g-el\" data-fuc-delay=\"0.3\">\n                                    <a href=\"https:\/\/zenitseo.com\/en\/use-cases\/\"\n                       target=\"_self\"\n                       class=\"btn-primary btn btn-lg\" >\n                        Learn about our success stories                    <\/a>\n                                            <\/div>\n        \n    <\/div>\n<\/section>\n\n<div class=\"z-separator z-separator--01\" aria-hidden=\"true\"><\/div>\n\n<!-- \u2550\u2550\u2550 Grid Mode \u2014 Premium Styles \u2550\u2550\u2550 -->\n<style>\n.fuc-grid-section { padding: 5rem 0; }\n@media (min-width: 768px) { .fuc-grid-section { padding: 7rem 0; } }\n@media (min-width: 1024px) { .fuc-grid-section { padding: 9rem 0; } }\n\n\/* Grid layout *\/\n.fuc-grid { display: grid; gap: 1.5rem; }\n.fuc-grid--1 { grid-template-columns: 1fr; max-width: 28rem; margin: 0 auto; }\n.fuc-grid--2 { grid-template-columns: 1fr; max-width: 56rem; margin: 0 auto; }\n.fuc-grid--3 { grid-template-columns: 1fr; }\n@media (min-width: 768px) {\n    .fuc-grid--2 { grid-template-columns: repeat(2, 1fr); }\n    .fuc-grid--3 { grid-template-columns: repeat(2, 1fr); }\n}\n@media (min-width: 1024px) {\n    .fuc-grid--3 { grid-template-columns: repeat(3, 1fr); }\n}\n\n\/* Card *\/\n.fuc-g-card {\n    display: flex;\n    flex-direction: column;\n    border-radius: 1.25rem;\n    overflow: hidden;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n    background: #ffffff;\n    border: 1px solid rgba(0,0,0,0.06);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n}\n[data-theme=\"dark\"] .fuc-g-card {\n    background: rgba(255,255,255,0.04);\n    border-color: rgba(255,255,255,0.08);\n    box-shadow: none;\n}\n.fuc-g-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.12), 0 0 0 1px rgba(94,173,193,0.20);\n}\n[data-theme=\"dark\"] .fuc-g-card:hover {\n    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.4), 0 0 0 1px rgba(94,173,193,0.30);\n    border-color: rgba(94,173,193,0.25);\n}\n\n\/* Image *\/\n.fuc-g-card-image {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 16 \/ 9;\n}\n.fuc-g-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.fuc-g-card:hover .fuc-g-img { transform: scale(1.04); }\n.fuc-g-img-placeholder { width: 100%; height: 100%; background: #f3f4f6; }\n\n\/* Body *\/\n.fuc-g-card-body {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 1.5rem;\n}\n\n\/* Logo *\/\n.fuc-g-logo {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #000000;\n    border-radius: 0.75rem;\n    padding: 0.625rem 1rem;\n    margin-bottom: 1rem;\n    align-self: flex-start;\n}\n[data-theme=\"dark\"] .fuc-g-logo {\n    background: rgba(255,255,255,0.08);\n}\n\n\/* Title *\/\n.fuc-g-title {\n    font-size: 1.25rem;\n    font-weight: 800;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n    color: #111827;\n    margin: 0 0 1.25rem;\n    transition: color 0.3s ease;\n}\n[data-theme=\"dark\"] .fuc-g-title { color: #ffffff; }\n.fuc-g-card:hover .fuc-g-title { color: #5eadc1; }\n\n\/* KPIs *\/\n.fuc-g-kpis {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    margin-bottom: 1.25rem;\n    border-top: 1px solid rgba(0,0,0,0.06);\n}\n[data-theme=\"dark\"] .fuc-g-kpis { border-top-color: rgba(255,255,255,0.06); }\n\n.fuc-g-kpi {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 0;\n    border-bottom: 1px solid rgba(0,0,0,0.04);\n}\n[data-theme=\"dark\"] .fuc-g-kpi { border-bottom-color: rgba(255,255,255,0.04); }\n.fuc-g-kpi:last-child { border-bottom: none; }\n\n.fuc-g-kpi-label {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #6b7280;\n}\n[data-theme=\"dark\"] .fuc-g-kpi-label { color: rgba(255,255,255,0.50); }\n\n.fuc-g-kpi-value {\n    font-size: 2rem;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: #111827;\n}\n[data-theme=\"dark\"] .fuc-g-kpi-value { color: #ffffff; }\n.fuc-g-kpi-symbol {\n    font-size: 1em;\n    font-weight: 600;\n    opacity: 0.7;\n    margin-left: 0.125rem;\n}\n\n\/* CTA *\/\n.fuc-g-cta {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: auto;\n    padding-top: 1rem;\n}\n.fuc-g-cta-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #111827;\n    transition: color 0.3s ease;\n}\n[data-theme=\"dark\"] .fuc-g-cta-text { color: #ffffff; }\n\n.fuc-g-cta-arrow {\n    color: #5eadc1;\n    transition: transform 0.3s ease;\n}\n.fuc-g-card:hover .fuc-g-cta-arrow { transform: translateX(4px); }\n.fuc-g-card:hover .fuc-g-cta-text { color: #5eadc1; }\n\n\/* GSAP entrance *\/\n.fuc-g-el { opacity: 0; transform: translateY(20px); }\n<\/style>\n\n<!-- \u2550\u2550\u2550 Grid Mode \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'fuc-block_15e2a486355dbd126be12a9326e2eadf';\n    var initialized = false;\n\n    function setup() {\n        if (initialized) return;\n        var s = document.getElementById(sid);\n        if (!s) return;\n        initialized = true;\n\n        if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\n            gsap.registerPlugin(ScrollTrigger);\n            var trigger = { trigger: s, start: 'top 80%', once: true };\n            s.querySelectorAll('.fuc-g-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-fuc-delay')) || 0;\n                gsap.fromTo(el, { opacity: 0, y: 25 }, { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger });\n            });\n            \/\/ Stagger cards\n            s.querySelectorAll('.fuc-g-card').forEach(function(card, i) {\n                gsap.fromTo(card, { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 0.6, delay: 0.2 + (i * 0.12), ease: 'power3.out', scrollTrigger: trigger });\n            });\n        } else {\n            s.querySelectorAll('.fuc-g-el').forEach(function(el) { el.style.opacity = '1'; el.style.transform = 'none'; });\n        }\n    }\n\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', setup);\n    else setup();\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n\n<section\n    id=\"typewriter-block_a429e130d95032deaffd15b6c361f737\"\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    data-typewriter\n    data-typewriter-speed=\"50\"\n    data-typewriter-cursor>\n\n    <div class=\"mx-auto max-w-8xl\">\n\n        \n                <div class=\"max-w-5xl mx-auto\">\n            <h2 class=\"font-bold leading-[1.25] text-gray-900 tw-highlight-light\">\n                <span class=\"typewriter-text text-2xl sm:text-2xl lg:!text-5xl\"\n                      data-content=\"&lt;span class=&quot;highlight&quot;&gt;83%&lt;\/span&gt; of large organizations already \r\nreport measurable SEO improvements after integrating AI.\"><\/span>\n                                <span class=\"typewriter-cursor text-2xl sm:text-2xl lg:!text-5xl\">\n                    <svg width=\"4\" height=\"1em\" fill=\"none\" viewBox=\"0 0 4 68\">\n                        <rect width=\"4\" height=\"100%\" fill=\"#d4af37\"\/>\n                    <\/svg>\n                <\/span>\n                            <\/h2>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n.typewriter-cursor {\n    display: inline-block;\n    vertical-align: baseline;\n    margin-left: 2px;\n    animation: tw-blink 1s infinite;\n}\n@keyframes tw-blink {\n    0%, 50% { opacity: 1; }\n    51%, 100% { opacity: 0; }\n}\n\n\/* Highlight \u2014 light background *\/\n.tw-highlight-light .highlight {\n    color: #b8860b;\n}\n\n\/* Highlight \u2014 dark background *\/\n.tw-highlight-dark .highlight {\n    color: #d4af37;\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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                AI and Automation                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway 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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red 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-raleway 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:\/\/zenitseo.com\/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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                Digital Marketing                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway 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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                Data and Analytics                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway 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\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-6a0487ae3afda 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-6a0487ae3afda 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-6a0487ae3afda 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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                        AI and Automation                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway 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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red 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-raleway 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:\/\/zenitseo.com\/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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                        Digital Marketing                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway 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-raleway 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-raleway transition-colors duration-300 leading-tight text-zenit-red break-words overflow-wrap-anywhere hyphens-auto\">\n                                        Data and Analytics                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway 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-6a0487ae3afda', {\n        slidesPerView: 1.2,\n        spaceBetween: 25,\n        centeredSlides: false,\n        loop: true,\n        navigation: {\n            nextEl: '.swiper-button-next-partner-services-6a0487ae3afda',\n            prevEl: '.swiper-button-prev-partner-services-6a0487ae3afda',\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                                ZENIT 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 ZENIT                            <\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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 ZENIT 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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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>\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(94,173,193,0.35) 25%, rgba(94,173,193,0.6) 50%, rgba(94,173,193,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: #5eadc1 !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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-1024x571.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-300x167.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-768x428.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-1200x669.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-800x446.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-500x279.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-250x139.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/ia-vs-contenido-estrategico-seo-700x390.webp 700w, https:\/\/zenitseo.com\/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:\/\/zenitseo.com\/en\/blog\/como-usar-neuronwriter-contenido-seo-ia\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        The Role of AI in Creating SEO Content: 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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-1024x683.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-300x200.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-768x512.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-1200x800.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-800x533.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-500x333.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-250x167.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/el_auge_del_retrail_media_y_la_transformacion_de_la_busqueda-700x467.webp 700w, https:\/\/zenitseo.com\/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:\/\/zenitseo.com\/en\/blog\/seo-retail-media-visibilidad-marketplaces\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        SEO Retail Media: The New Frontier Between Organic Visibility and Digital Commerce                      <\/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:\/\/zenitseo.com\/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:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-1024x687.webp 1024w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-300x201.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-768x515.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-1200x805.webp 1200w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-800x537.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-500x335.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-250x168.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/errores_uso_ia_para_reescribir_contenido_e_integrar_al_flujo_de_trabajo-700x470.webp 700w, https:\/\/zenitseo.com\/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:\/\/zenitseo.com\/en\/blog\/optimizar-contenido-con-ia-prompts\/\" class=\"text-white\">\n                        <span class=\"absolute inset-0\"><\/span>\n                        How to Optimize Existing Content with AI: Prompts for Rewriting and Improving Your 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":5,"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 - ZENIT 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:\/\/zenitseo.com\/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 - ZENIT 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:\/\/zenitseo.com\/en\/home\/\" \/>\n<meta property=\"og:site_name\" content=\"ZENIT SEO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T14:02:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zenitseo.com\/en\/home\/\",\"url\":\"https:\/\/zenitseo.com\/en\/home\/\",\"name\":\"GEO and SEO with AI - ZENIT by Prismatic | Leaders in Search\",\"isPartOf\":{\"@id\":\"https:\/\/zenitseo.com\/#website\"},\"datePublished\":\"2025-05-19T08:44:39+00:00\",\"dateModified\":\"2026-04-27T14:02:30+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:\/\/zenitseo.com\/en\/home\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zenitseo.com\/en\/home\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zenitseo.com\/en\/home\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zenitseo.com\/en\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zenitseo.com\/#website\",\"url\":\"https:\/\/zenitseo.com\/\",\"name\":\"ZENIT SEO\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zenitseo.com\/?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 - ZENIT 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:\/\/zenitseo.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"GEO and SEO with AI - ZENIT 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:\/\/zenitseo.com\/en\/home\/","og_site_name":"ZENIT SEO","article_modified_time":"2026-04-27T14:02:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zenitseo.com\/en\/home\/","url":"https:\/\/zenitseo.com\/en\/home\/","name":"GEO and SEO with AI - ZENIT by Prismatic | Leaders in Search","isPartOf":{"@id":"https:\/\/zenitseo.com\/#website"},"datePublished":"2025-05-19T08:44:39+00:00","dateModified":"2026-04-27T14:02:30+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:\/\/zenitseo.com\/en\/home\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zenitseo.com\/en\/home\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zenitseo.com\/en\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zenitseo.com\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/zenitseo.com\/#website","url":"https:\/\/zenitseo.com\/","name":"ZENIT SEO","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zenitseo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/comments?post=1263"}],"version-history":[{"count":16,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions"}],"predecessor-version":[{"id":1779,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions\/1779"}],"wp:attachment":[{"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/media?parent=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}