{"id":1589,"date":"2026-03-26T16:57:15","date_gmt":"2026-03-26T16:57:15","guid":{"rendered":"https:\/\/zenitseo.com\/?page_id=1589"},"modified":"2026-04-27T12:11:01","modified_gmt":"2026-04-27T12:11:01","slug":"nearshoring","status":"publish","type":"page","link":"https:\/\/zenitseo.com\/en\/nearshoring\/","title":{"rendered":"Nearshoring"},"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_ced30dd2100c7cc80214f77fc81e7635\"\n    data-hero-id=\"hero-landing-block_ced30dd2100c7cc80214f77fc81e7635\"\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                        Future-Proof Your SEO &#038; GEO Presence Without the US Price Tag                    <\/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                        Bring your brand to the zenith of the new digital landscape. <br \/>\r\n\ufeffWe delivers enterprise-grade Generative Engine Optimization (GEO) and Search Engine Optimization (SEO) through our expert Mexico-based team, helping you dominate AI search while saving up to 80% on annual agency overhead.                    <\/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=\"#call-us\"\n                           target=\"_self\"\n                           class=\"btn-white btn btn-lg group relative overflow-hidden\">\n                            <span class=\"relative z-10\">Get Your Free AI Visibility Audit<\/span>\n                        <\/a>\n                    \n                                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                           target=\"_blank\"\n                           class=\"btn-secondary btn btn-lg\"\n                           data-theme=\"dark\">\n                            Book a 15-Min Diagnostic Call                        <\/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                        Trusted by enterprise leaders and growth-stage companies worldwide                    <\/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=\"286\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.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\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.webp 286w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-976x1024.webp 976w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-768x806.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-800x839.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-477x500.webp 477w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-250x262.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-500x525.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-700x734.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout.webp 1000w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/>                                        <\/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=\"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=\"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=\"250\" height=\"250\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"nestle\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle-150x150.webp 150w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/>                                        <\/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=\"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\/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=\"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=\"286\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.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\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.webp 286w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-976x1024.webp 976w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-768x806.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-800x839.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-477x500.webp 477w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-250x262.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-500x525.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-700x734.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout.webp 1000w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/>                                        <\/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=\"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=\"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=\"250\" height=\"250\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"nestle\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle-150x150.webp 150w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/>                                        <\/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=\"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\/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=\"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=\"286\" height=\"300\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.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\/2026\/03\/Ram-Logo-PNG-Cutout-286x300.webp 286w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-976x1024.webp 976w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-768x806.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-800x839.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-477x500.webp 477w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-250x262.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-500x525.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout-700x734.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ram-Logo-PNG-Cutout.webp 1000w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/>                                        <\/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=\"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=\"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=\"250\" height=\"250\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\" class=\"w-full h-full object-contain transition-all duration-500 hero-logo-mono-light\" alt=\"nestle\" loading=\"lazy\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle-150x150.webp 150w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/>                                        <\/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=\"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\/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=\"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>\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_ced30dd2100c7cc80214f77fc81e7635\"\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;}\"><\/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\n    class=\"urgency-stats-block relative isolate overflow-hidden same-theme-next py-24 md:py-28 lg:py-32 mb-0\"\n    id=\"change\"\n    data-block-id=\"change\"\n    data-theme=\"dark\"\n            style=\"background-color: #000000;\"\n    >\n\n    <!-- <php if ($dk): ?>\n        <div class=\"z-separator z-separator--02 z-separator--sm\" style=\"position: absolute; top: 0; left: 0; right: 0;\"><\/div>\n    <php endif; ?> -->\n\n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n        <!-- Header -->\n                    <div class=\"mx-auto max-w-4xl text-center mb-16 lg:mb-24\">\n                \n                                    <div class=\"urgency-el\" data-urgency-delay=\"0.1\">\n                        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-white\">\n                            The Era of the &#8216;Silent Search&#8217; is Here                        <\/h2>\n                    <\/div>\n                            <\/div>\n        \n        <!-- The Fracture Panel -->\n                    <div class=\"urgency-el max-w-5xl mx-auto\" data-urgency-delay=\"0.2\">\n                <div class=\"urgency-fracture-panel relative rounded-3xl overflow-hidden bg-white\/[0.03] border border-white\/[0.06]\">\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 relative\">\n\n                        <!-- LEFT SIDE \u2014 Stat 1 (traditional \/ fading) -->\n                        <div class=\"urgency-side urgency-side-left relative p-8 md:p-12 lg:p-16 text-center md:text-right\">\n                            <!-- Faded overlay to suggest \"fading away\" -->\n                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent to-white\/[0.02] pointer-events-none\"><\/div>\n\n                            <div class=\"relative z-10\">\n                                <!-- Number -->\n                                <div class=\"mb-4\">\n                                    <span class=\"urgency-number text-6xl sm:text-7xl lg:text-8xl font-bold tracking-tight text-white\/30\"\n                                          data-target=\"41.5%\"\n                                          data-numeric=\"41.5\"\n                                          style=\"transition: color 0.5s;\">0<\/span>\n                                <\/div>\n\n                                <!-- Horizontal bar -->\n                                <div class=\"flex md:justify-end justify-center mb-6\">\n                                    <div class=\"w-48 md:w-56 h-2 rounded-full bg-white\/[0.06] overflow-hidden\">\n                                        <div class=\"urgency-bar h-full rounded-full bg-white\/40\"\n                                             data-width=\"41.5\"\n                                             style=\"width: 0%; transition: background-color 0.5s;\"><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Text -->\n                                \n                                                                    <p class=\"mt-3 text-sm text-white\/25 max-w-[280px] md:ml-auto italic\">\n                                        of web traffic still comes from traditional search clicks                                     <\/p>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- CENTER FRACTURE LINE -->\n                        <div class=\"urgency-fracture hidden md:block absolute top-0 bottom-0 left-1\/2 -translate-x-1\/2 z-20 w-px\">\n                            <!-- Glowing crack line -->\n                            <div class=\"absolute inset-0 w-px bg-white\/10\"><\/div>\n                            <!-- Glow pulse -->\n                            <div class=\"urgency-crack-glow absolute inset-0 w-0.5 opacity-0\" style=\"background: #5eadc1; box-shadow: 0 0 24px 4px rgba(94,173,193,0.4);\"><\/div>\n                            <!-- Fracture icon -->\n                            <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n                                <div class=\"urgency-crack-icon w-12 h-12 rounded-full flex items-center justify-center bg-[#1a1a1a] border border-white\/10\" style=\"opacity: 0; transform: scale(0.5);\">\n                                    <svg class=\"w-5 h-5\" style=\"color: #d4af37;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Mobile divider -->\n                        <div class=\"md:hidden flex items-center justify-center py-2\">\n                            <div class=\"w-16 h-px bg-white\/10\"><\/div>\n                            <div class=\"mx-3\">\n                                <svg class=\"w-4 h-4\" style=\"color: #d4af37;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n                            <\/div>\n                            <div class=\"w-16 h-px bg-white\/10\"><\/div>\n                        <\/div>\n\n                        <!-- RIGHT SIDE \u2014 Stat 2 (AI \/ rising) -->\n                        <div class=\"urgency-side urgency-side-right relative p-8 md:p-12 lg:p-16 text-center md:text-left\">\n                            <!-- Bright overlay to suggest \"rising\" -->\n                            <div class=\"absolute inset-0 bg-gradient-to-l from-transparent to-white\/[0.02] pointer-events-none\"><\/div>\n\n                            <div class=\"relative z-10\">\n                                <!-- Number -->\n                                <div class=\"mb-4\">\n                                    <span class=\"urgency-number text-6xl sm:text-7xl lg:text-8xl font-bold tracking-tight text-white\"\n                                          data-target=\"58.8%\"\n                                          data-numeric=\"58.8\"\n                                          style=\"transition: color 0.5s;\">0<\/span>\n                                <\/div>\n\n                                <!-- Horizontal bar -->\n                                <div class=\"flex md:justify-start justify-center mb-6\">\n                                    <div class=\"w-48 md:w-56 h-2 rounded-full bg-white\/[0.06] overflow-hidden\">\n                                        <div class=\"urgency-bar h-full rounded-full\"\n                                             data-width=\"58.8\"\n                                             style=\"width: 0%; background: #5eadc1;\"><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Text -->\n                                \n                                                                    <p class=\"mt-3 text-sm text-white\/50 max-w-[280px] italic\">\n                                        of searches now end in AI-generated &quot;zero-click&quot; answers                                     <\/p>\n                                                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n        <!-- Context text -->\n                    <div class=\"urgency-el mx-auto max-w-3xl text-center mt-16 lg:mt-24\" data-urgency-delay=\"0.5\">\n                <p class=\"text-xl sm:text-2xl font-semibold leading-relaxed text-white\">\n                    Search is no longer just about clicks. AI-driven zero-click answers are rewriting the rules of visibility and traditional strategies can leave you invisible.                <\/p>\n            <\/div>\n        \n        <!-- Gradient separator \u2014 narrative pivot -->\n                    <div class=\"urgency-el urgency-gradient-line\" data-urgency-delay=\"0.55\" aria-hidden=\"true\"><\/div>\n        \n        <!-- Bottom dramatic text \u2014 \"The Fracture\" statement \/ bridge to next section -->\n                    <div class=\"urgency-el mx-auto max-w-5xl text-center mt-0\" data-urgency-delay=\"0.6\">\n                <div class=\"urgency-fracture-text\">\n                    <p class=\"text-lg sm:text-xl lg:text-2xl font-semibold tracking-wide text-white\/50\">\n                        The digital landscape has fundamentally fractured                    <\/p>\n                <\/div>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- Urgency Stats \u2014 gradient separator -->\n<style>\n.urgency-gradient-line {\n    position: relative;\n    height: 2px;\n    max-width: 40%;\n    margin: 2.5rem auto 2rem;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(0,0,0,0.15) 20%,\n        rgba(94,173,193,0.70) 50%,\n        rgba(0,0,0,0.15) 80%,\n        transparent 100%\n    );\n}\n\/* Dark mode *\/\n[data-theme=\"dark\"] .urgency-gradient-line {\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255,255,255,0.20) 20%,\n        rgba(94,173,193,0.80) 50%,\n        rgba(255,255,255,0.20) 80%,\n        transparent 100%\n    );\n}\n@media (min-width: 1024px) {\n    .urgency-gradient-line {\n        margin: 3.5rem auto 2.5rem;\n    }\n}\n<\/style>\n\n\n\n\n<section\n    class=\"pp-block relative isolate overflow-hidden\"\n    id=\"pain-points\"\n    data-block-id=\"pain-points\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"pp-container\">\n\n        <!-- \u2550\u2550\u2550 Split Header \u2550\u2550\u2550 -->\n                    <div class=\"pp-header pp-el\" data-pp-delay=\"0\">\n                <div class=\"pp-header-left\">\n                    \n                                            <h2 class=\"pp-title\" style=\"color: #111827;\">\n                            Visibility didn\u2019t disappear. <br \/>\r\n\ufeffIt shifted to AI engines.                        <\/h2>\n                                    <\/div>\n\n                                    <div class=\"pp-header-right\">\n                        <p class=\"pp-description\" style=\"color: #6b7280;\">\n                            For US and Canadian businesses, this presents a critical risk and the obvious solutions are part of the problem.                        <\/p>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Pain Points \u2014 Card Grid \u2550\u2550\u2550 -->\n                    <div class=\"pp-grid\" data-pp-cols=\"3\">\n                                    <div class=\"pp-el pp-card\" data-pp-delay=\"0.12\">\n                        <div class=\"pp-card-inner\"\n                             style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);\"\n                             data-hover-border=\"rgba(0,0,0,0.08)\"\n                             data-hover-shadow=\"0 25px 50px -12px rgba(0,0,0,0.10), 0 8px 24px -8px rgba(0,0,0,0.06)\">\n\n                            <!-- Icon zone -->\n                            <div class=\"pp-icon-zone\">\n                                <div class=\"pp-icon-ring\" style=\"background: rgba(195,4,48,0.05); box-shadow: 0 0 0 1px rgba(94,173,193,0.08);\">\n                                                                                <div class=\"pp-icon-default\" style=\"color: #c30430;\">\n                                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 6V18M9 15.1818L9.87887 15.841C11.0504 16.7197 12.9498 16.7197 14.1214 15.841C15.2929 14.9623 15.2929 13.5377 14.1214 12.659C13.5355 12.2196 12.7677 12 11.9999 12C11.275 12 10.5502 11.7804 9.99709 11.341C8.891 10.4623 8.891 9.03772 9.9971 8.15904C11.1032 7.28036 12.8965 7.28036 14.0026 8.15904L14.4175 8.48863M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                                            <\/div>\n                                                                        <\/div>\n                            <\/div>\n\n                            <!-- Text -->\n                            <div class=\"pp-card-body\">\n                                \n                                                                    <p class=\"pp-card-desc\" style=\"color: #6b7280;\">\n                                        If traditional domestic agencies lack the agility to address AI-driven search, they often charge premium rates to bolt on \u201cAI services\u201d as an expensive afterthought.                                    <\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pp-el pp-card\" data-pp-delay=\"0.22\">\n                        <div class=\"pp-card-inner\"\n                             style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);\"\n                             data-hover-border=\"rgba(0,0,0,0.08)\"\n                             data-hover-shadow=\"0 25px 50px -12px rgba(0,0,0,0.10), 0 8px 24px -8px rgba(0,0,0,0.06)\">\n\n                            <!-- Icon zone -->\n                            <div class=\"pp-icon-zone\">\n                                <div class=\"pp-icon-ring\" style=\"background: rgba(195,4,48,0.05); box-shadow: 0 0 0 1px rgba(94,173,193,0.08);\">\n                                                                                <div class=\"pp-icon-default\" style=\"color: #c30430;\">\n                                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 3V20.25M12 20.25C10.528 20.25 9.1179 20.515 7.81483 21M12 20.25C13.472 20.25 14.8821 20.515 16.1852 21M18.75 4.97089C16.5446 4.66051 14.291 4.5 12 4.5C9.70897 4.5 7.45542 4.66051 5.25 4.97089M18.75 4.97089C19.7604 5.1131 20.7608 5.28677 21.75 5.49087M18.75 4.97089L21.3704 15.6961C21.4922 16.1948 21.2642 16.7237 20.7811 16.8975C20.1468 17.1257 19.4629 17.25 18.75 17.25C18.0371 17.25 17.3532 17.1257 16.7189 16.8975C16.2358 16.7237 16.0078 16.1948 16.1296 15.6961L18.75 4.97089ZM2.25 5.49087C3.23922 5.28677 4.23956 5.1131 5.25 4.97089M5.25 4.97089L7.87036 15.6961C7.9922 16.1948 7.76419 16.7237 7.28114 16.8975C6.6468 17.1257 5.96292 17.25 5.25 17.25C4.53708 17.25 3.8532 17.1257 3.21886 16.8975C2.73581 16.7237 2.5078 16.1948 2.62964 15.6961L5.25 4.97089Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                                            <\/div>\n                                                                        <\/div>\n                            <\/div>\n\n                            <!-- Text -->\n                            <div class=\"pp-card-body\">\n                                \n                                                                    <p class=\"pp-card-desc\" style=\"color: #6b7280;\">\n                                        If hiring full marketing teams or top-tier US agencies, you risk bloated budgets and inconsistent execution that fails to keep pace with AI-driven market shifts.                                    <\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pp-el pp-card\" data-pp-delay=\"0.32\">\n                        <div class=\"pp-card-inner\"\n                             style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);\"\n                             data-hover-border=\"rgba(0,0,0,0.08)\"\n                             data-hover-shadow=\"0 25px 50px -12px rgba(0,0,0,0.10), 0 8px 24px -8px rgba(0,0,0,0.06)\">\n\n                            <!-- Icon zone -->\n                            <div class=\"pp-icon-zone\">\n                                <div class=\"pp-icon-ring\" style=\"background: rgba(195,4,48,0.05); box-shadow: 0 0 0 1px rgba(94,173,193,0.08);\">\n                                                                                <div class=\"pp-icon-default\" style=\"color: #c30430;\">\n                                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3 13.125C3 12.5037 3.50368 12 4.125 12H6.375C6.99632 12 7.5 12.5037 7.5 13.125V19.875C7.5 20.4963 6.99632 21 6.375 21H4.125C3.50368 21 3 20.4963 3 19.875V13.125Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M9.75 8.625C9.75 8.00368 10.2537 7.5 10.875 7.5H13.125C13.7463 7.5 14.25 8.00368 14.25 8.625V19.875C14.25 20.4963 13.7463 21 13.125 21H10.875C10.2537 21 9.75 20.4963 9.75 19.875V8.625Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M16.5 4.125C16.5 3.50368 17.0037 3 17.625 3H19.875C20.4963 3 21 3.50368 21 4.125V19.875C21 20.4963 20.4963 21 19.875 21H17.625C17.0037 21 16.5 20.4963 16.5 19.875V4.125Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                                            <\/div>\n                                                                        <\/div>\n                            <\/div>\n\n                            <!-- Text -->\n                            <div class=\"pp-card-body\">\n                                \n                                                                    <p class=\"pp-card-desc\" style=\"color: #6b7280;\">\n                                        If your agency is still built for the &quot;links &amp; keywords&quot; era, you&#039;re not structured for how AI discovers and ranks brands. If your tools report outdated KPIs, you won&#039;t see the real performance shifts as AI reshapes search.                                    <\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Narrative Bridge \u2014 mirrors urgency-stats text hierarchy \u2550\u2550\u2550 -->\n                    <div class=\"pp-bridge\">\n\n                                    <!-- Context-level text (mirrors urgency description style) -->\n                    <div class=\"pp-el pp-conclusion\" data-pp-delay=\"0.5\">\n                        <p style=\"color: #1f2937;\">\n                            Most companies are forced to choose: split their budget between legacy SEO and emerging AI technology or ignore one entirely. <br \/>\r\nEither way, they lose.                        <\/p>\n                    <\/div>\n                \n                                    <!-- Gradient separator \u2014 the narrative pivot moment -->\n                    <div class=\"pp-el pp-gradient-line\" data-pp-delay=\"0.58\" aria-hidden=\"true\"><\/div>\n\n                    <!-- Bridge text \u2014 clean, no arrows, the gradient line does the work -->\n                    <div class=\"pp-el pp-transition\" data-pp-delay=\"0.65\">\n                        <p style=\"color: #6b7280;\">\n                            Zenit disrupts this bloated agency model by offering a strategic advantage: enterprise-grade Generative Engine Optimization (GEO) executed with near-shore efficiency.                        <\/p>\n                    <\/div>\n                \n            <\/div>\n        \n        <!-- \u2550\u2550\u2550 CTAs \u2550\u2550\u2550 -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Pain Points \u2014 Styles (Mobile First) \u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.pp-block {\n    padding: 5rem 0;\n}\n.pp-container {\n    max-width: 80rem;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n}\n\n\/* \u2500\u2500 Split Header \u2500\u2500 *\/\n.pp-header {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem;\n    margin-bottom: 3rem;\n}\n.pp-subtitle-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    margin-bottom: 1.5rem;\n}\n.pp-subtitle-accent {\n    display: block;\n    width: 2rem;\n    height: 2px;\n    border-radius: 999px;\n    flex-shrink: 0;\n}\n.pp-subtitle {\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n}\n.pp-title {\n    font-size: 1.875rem;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.015em;\n}\n.pp-description {\n    font-size: 1.0625rem;\n    line-height: 1.7;\n}\n\n\/* \u2500\u2500 Card Grid \u2500\u2500 *\/\n.pp-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.pp-card-inner {\n    position: relative;\n    height: 100%;\n    border-radius: 1.25rem;\n    overflow: hidden;\n    border: 1px solid;\n    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                border-color 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* Icon zone *\/\n.pp-icon-zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 2.25rem 2rem 1.25rem;\n}\n.pp-icon-ring {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4.5rem;\n    height: 4.5rem;\n    border-radius: 1rem;\n    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.pp-card:hover .pp-icon-ring {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px -6px rgba(94, 173, 193, 0.12);\n}\n.pp-icon-img {\n    max-height: 2.5rem;\n    max-width: 2.5rem;\n    width: auto;\n    object-fit: contain;\n}\n.pp-icon-default {\n    width: 2.25rem;\n    height: 2.25rem;\n}\n.pp-icon-default svg {\n    width: 100%;\n    height: 100%;\n}\n\n\/* Card text *\/\n.pp-card-body {\n    position: relative;\n    z-index: 1;\n    padding: 0.25rem 1.75rem 2rem;\n    text-align: center;\n}\n.pp-card-title {\n    font-size: 1.125rem;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 0.625rem;\n}\n.pp-card-desc {\n    font-size: 1rem;\n    line-height: 1.75;\n}\n\n\/* \u2500\u2500 Narrative bridge \u2014 mirrors urgency-stats text system \u2500\u2500 *\/\n.pp-bridge {\n    max-width: 48rem;\n    margin: 4rem auto 0;\n    text-align: center;\n}\n\n\/* Conclusion \u2014 same register as urgency context text (semibold, large, high contrast) *\/\n.pp-conclusion p {\n    font-size: 1.25rem;\n    font-weight: 600;\n    line-height: 1.6;\n}\n\n\/* Gradient separator between conclusion and transition *\/\n.pp-gradient-line {\n    position: relative;\n    height: 2px;\n    max-width: 40%;\n    margin: 2rem auto;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(0,0,0,0.15) 20%,\n        rgba(94,173,193,0.70) 50%,\n        rgba(0,0,0,0.15) 80%,\n        transparent 100%\n    );\n}\n\/* Dark mode *\/\n[data-theme=\"dark\"] .pp-gradient-line {\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255,255,255,0.20) 20%,\n        rgba(94,173,193,0.80) 50%,\n        rgba(255,255,255,0.20) 80%,\n        transparent 100%\n    );\n}\n\n\/* Transition \u2014 same register as urgency fracture-text (subdued, tracking-wide, with arrows) *\/\n.pp-transition {\n    margin-top: 0;\n}\n.pp-transition p {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.6;\n    letter-spacing: 0.025em;\n}\n\n\/* \u2500\u2500 CTAs \u2500\u2500 *\/\n.pp-ctas {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 1.25rem;\n    margin-top: 3rem;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Tablet \u2014 768px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .pp-block {\n        padding: 7rem 0;\n    }\n    .pp-header {\n        margin-bottom: 4rem;\n    }\n    .pp-title {\n        font-size: 2.25rem;\n    }\n    .pp-grid[data-pp-cols=\"2\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .pp-grid[data-pp-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .pp-grid {\n        gap: 1.5rem;\n    }\n    .pp-icon-ring {\n        width: 5rem;\n        height: 5rem;\n        border-radius: 1.125rem;\n    }\n    .pp-icon-default {\n        width: 2.5rem;\n        height: 2.5rem;\n    }\n    .pp-bridge {\n        margin-top: 4.5rem;\n    }\n    .pp-conclusion p {\n        font-size: 1.375rem;\n    }\n    .pp-transition p {\n        font-size: 1.125rem;\n    }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Desktop \u2014 1024px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .pp-block {\n        padding: 9rem 0;\n    }\n    .pp-container {\n        padding: 0 2rem;\n    }\n    .pp-header {\n        grid-template-columns: 1fr 1fr;\n        gap: 5rem;\n        align-items: start;\n        margin-bottom: 5rem;\n    }\n    .pp-header-right {\n        padding-top: 0.5rem;\n    }\n    .pp-title {\n        font-size: 2.75rem;\n    }\n    .pp-description {\n        font-size: 1.125rem;\n    }\n    .pp-grid {\n        gap: 1.75rem;\n    }\n    .pp-icon-zone {\n        padding: 2.75rem 2rem 1.5rem;\n    }\n    .pp-icon-ring {\n        width: 5.5rem;\n        height: 5.5rem;\n        border-radius: 1.25rem;\n    }\n    .pp-icon-default {\n        width: 2.75rem;\n        height: 2.75rem;\n    }\n    .pp-card-body {\n        padding: 0.25rem 2rem 2.25rem;\n    }\n    .pp-card-title {\n        font-size: 1.25rem;\n    }\n    .pp-card-desc {\n        font-size: 1.0625rem;\n    }\n    .pp-bridge {\n        margin-top: 5.5rem;\n    }\n    \/* Matches urgency-stats: text-2xl (1.5rem) font-semibold *\/\n    .pp-conclusion p {\n        font-size: 1.5rem;\n    }\n    \/* Matches urgency-stats fracture-text: text-2xl tracking-wide text-subdued *\/\n    .pp-transition p {\n        font-size: 1.25rem;\n    }\n}\n<\/style>\n\n\n\n\n<section\n    class=\"bl-declaration relative isolate overflow-hidden\"\n    id=\"entrance\"\n    data-block-id=\"entrance\"\n    data-theme=\"dark\">\n\n    <!-- Gradient thread \u2014 connects from pain points transition -->\n    <div class=\"bl-gradient-top\" aria-hidden=\"true\"><\/div>\n    <div class=\"bl-gradient-bottom\" aria-hidden=\"true\"><\/div>\n\n    <!-- Ambient glows \u2014 visible depth behind text -->\n    <div class=\"bl-glow bl-glow-1\" aria-hidden=\"true\"><\/div>\n    <div class=\"bl-glow bl-glow-2\" aria-hidden=\"true\"><\/div>\n    <div class=\"bl-glow bl-glow-3\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bl-container\">\n        <div class=\"bl-content\">\n\n            <!-- Decorative line above title -->\n            <div class=\"bl-accent-line\" aria-hidden=\"true\"><\/div>\n\n                            <h2 class=\"bl-title\">Be the Answer, <br \/>\r\n\ufeffNot Just Another Search Result<\/h2>\n            \n                            <div class=\"bl-description\">With 58.5% of searches now ending in \u201czero-click\u201d AI answers, traditional rankings are no longer enough . We built Zenit to bridge the gap between legacy SEO and the new era of search. <br \/>\r\nWe ensure Large Language Models like ChatGPT and Gemini don\u2019t just find you: they actively cite and recommend your brand as the ultimate authority<\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Baseline Declaration \u2014 Styles (Mobile First) -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bl-declaration {\n    background: linear-gradient(180deg, #0a0a0f 0%, #111118 50%, #0a0a0f 100%);\n    color: #ffffff;\n    position: relative;\n}\n\n\/* Gradient threads \u2014 top and bottom, Prismatic spectrum *\/\n.bl-gradient-top,\n.bl-gradient-bottom {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60%;\n    max-width: 32rem;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(94,173,193,0.60) 20%,\n        rgba(94,173,193,0.80) 50%,\n        rgba(94,173,193,0.60) 80%,\n        transparent 100%\n    );\n    z-index: 2;\n}\n.bl-gradient-top {\n    top: 0;\n    opacity: 0.35;\n}\n.bl-gradient-bottom {\n    bottom: 0;\n    opacity: 0.20;\n}\n\n\/* Ambient glows \u2014 actually visible *\/\n.bl-glow {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 0;\n}\n.bl-glow-1 {\n    top: -20%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 700px;\n    height: 500px;\n    background: radial-gradient(ellipse, rgba(94,173,193,0.08) 0%, transparent 65%);\n}\n.bl-glow-2 {\n    bottom: -15%;\n    right: -8%;\n    width: 500px;\n    height: 400px;\n    background: radial-gradient(ellipse, rgba(94,173,193,0.07) 0%, transparent 65%);\n}\n.bl-glow-3 {\n    top: 30%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 800px;\n    height: 300px;\n    background: radial-gradient(ellipse, rgba(94,173,193,0.04) 0%, transparent 60%);\n}\n\n\/* Container *\/\n.bl-container {\n    position: relative;\n    z-index: 1;\n    max-width: 80rem;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n}\n.bl-content {\n    max-width: 52rem;\n    margin: 0 auto;\n    text-align: center;\n    padding: 5rem 0;\n}\n\n\/* Decorative accent line above title *\/\n.bl-accent-line {\n    width: 3rem;\n    height: 2px;\n    margin: 0 auto 2rem;\n    background: rgba(94,173,193,0.50);\n    border-radius: 2px;\n    opacity: 0.5;\n}\n\n\/* Title *\/\n.bl-title {\n    font-size: 1.875rem;\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n    color: #ffffff;\n}\n\n\/* Description *\/\n.bl-description {\n    margin-top: 1.75rem;\n    font-size: 1.0625rem;\n    line-height: 1.75;\n    color: rgba(255, 255, 255, 0.50);\n    max-width: 42rem;\n    margin-left: auto;\n    margin-right: auto;\n}\n.bl-description p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n    margin-bottom: 0.25rem;\n}\n.bl-description p:last-child {\n    margin-bottom: 0;\n}\n.bl-description a {\n    color: rgba(255, 255, 255, 0.70);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    transition: color 0.3s ease;\n}\n.bl-description a:hover {\n    color: #ffffff;\n}\n\n\/* CTAs *\/\n.bl-ctas {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    margin-top: 2.5rem;\n}\n\n\/* \u2550\u2550\u2550 Tablet \u2014 768px+ \u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .bl-content {\n        padding: 7rem 0;\n    }\n    .bl-accent-line {\n        width: 4rem;\n        margin-bottom: 2.5rem;\n    }\n    .bl-title {\n        font-size: 2.5rem;\n    }\n    .bl-description {\n        font-size: 1.125rem;\n        margin-top: 2rem;\n    }\n    .bl-ctas {\n        gap: 1.25rem;\n        margin-top: 3rem;\n    }\n}\n\n\/* \u2550\u2550\u2550 Desktop \u2014 1024px+ \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .bl-container {\n        padding: 0 2rem;\n    }\n    .bl-content {\n        padding: 9rem 0;\n    }\n    .bl-accent-line {\n        width: 4.5rem;\n        margin-bottom: 3rem;\n    }\n    .bl-title {\n        font-size: 3.25rem;\n    }\n    .bl-description {\n        margin-top: 2rem;\n        font-size: 1.1875rem;\n    }\n    .bl-ctas {\n        margin-top: 3.5rem;\n    }\n}\n<\/style>\n\n\n\n\n<section\n    class=\"vp-block relative isolate overflow-hidden\"\n    id=\"value-props\"\n    data-block-id=\"value-props\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"vp-container\">\n\n        <!-- \u2550\u2550\u2550 Full-Width Narrative \u2550\u2550\u2550 -->\n                    <div class=\"vp-narrative\">\n                \n                <div class=\"vp-narrative-grid\">\n                    <div>\n                                                    <h2 class=\"vp-title\" style=\"color: #111827;\">\n                                10 Years Experience with Unbeatable Near-Shore Efficiency                            <\/h2>\n                        \n                                                    <a href=\"#services\"\n                               target=\"_self\"\n                               class=\"btn-primary btn btn-lg vp-button\"\n                               >\n                                Discover our services                            <\/a>\n                                            <\/div>\n\n                                            <div class=\"vp-description\" style=\"color: #6b7280;\">\n                            <p>We aren\u2019t just another automated platform. Zenit is a dedicated, Mexico-based agency backed by 10 years of proven experience driving results for global giants like Stellantis and GWM. You get direct access to real, senior SEO and GEO experts without the bloated US agency fees.<\/p>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Proof Cards Grid \u2550\u2550\u2550 -->\n                    <div class=\"vp-proof-grid\" data-cols=\"2\">\n                                    <div class=\"vp-card\"\n                         style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.05); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 14px rgba(0,0,0,0.03);\"\n                         data-hover-shadow=\"0 20px 50px -12px rgba(0,0,0,0.10), 0 8px 24px -8px rgba(0,0,0,0.05)\">\n\n                        <!-- Top accent gradient line -->\n                        <div class=\"vp-card-accent-top\" style=\"background: linear-gradient(90deg, transparent 0%, rgba(94,173,193,0.4) 20%, #5eadc1 50%, rgba(94,173,193,0.4) 80%, transparent 100%);\"><\/div>\n\n                        <!-- Metric -->\n                        \n                        <!-- Title -->\n                                                    <h3 class=\"vp-card-title\" style=\"color: #1f2937;\">\n                                A STRATEGIC LOOPHOLE FOR NORTH AMERICAN BUSINESS                            <\/h3>\n                        \n                        <!-- Divider -->\n                                                    <div class=\"vp-card-divider\" style=\"background: #e5e7eb;\"><\/div>\n                        \n                        <!-- Description (supports rich text \/ bullet lists) -->\n                                                    <div class=\"vp-card-desc\" style=\"color: #6b7280;\" data-check-color=\"#5eadc1\">\n                                <p>By partnering with our expert team in Mexico, you bypass the high overhead of US-based firms without sacrificing technical excellence. <\/p>\n<p>\ufeff\ufeffWe provide Silicon Valley-caliber innovation including proprietary citation tracking tools like Qwairy and Omni delivering enterprise-level expertise at a fraction of the cost of building an internal team.<\/p>\n                            <\/div>\n                        \n                        <!-- Card link (optional) -->\n                                            <\/div>\n                                    <div class=\"vp-card\"\n                         style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.05); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 14px rgba(0,0,0,0.03);\"\n                         data-hover-shadow=\"0 20px 50px -12px rgba(0,0,0,0.10), 0 8px 24px -8px rgba(0,0,0,0.05)\">\n\n                        <!-- Top accent gradient line -->\n                        <div class=\"vp-card-accent-top\" style=\"background: linear-gradient(90deg, transparent 0%, rgba(94,173,193,0.4) 20%, #5eadc1 50%, rgba(94,173,193,0.4) 80%, transparent 100%);\"><\/div>\n\n                        <!-- Metric -->\n                        \n                        <!-- Title -->\n                                                    <h3 class=\"vp-card-title\" style=\"color: #1f2937;\">\n                                ONE BUDGET, DUAL ENGINES, TOTAL DOMINATION                            <\/h3>\n                        \n                        <!-- Divider -->\n                                                    <div class=\"vp-card-divider\" style=\"background: #e5e7eb;\"><\/div>\n                        \n                        <!-- Description (supports rich text \/ bullet lists) -->\n                                                    <div class=\"vp-card-desc\" style=\"color: #6b7280;\" data-check-color=\"#5eadc1\">\n                                <p>Most importantly, we stop you from splitting your budget between legacy SEO and emerging AI technology. <\/p>\n<p>\ufeffOur Dual-Engine Methodology consolidates your investment into one integrated strategy. Engine A protects your current revenue by capturing high-intent traditional clicks, while Engine B future-proofs your brand by optimizing for AI citations and sentiment.<\/p>\n                            <\/div>\n                        \n                        <!-- Card link (optional) -->\n                                            <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Bottom Band \u2014 Concluding proof row \u2550\u2550\u2550 -->\n                    <div class=\"vp-bottom\"\n                 style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.05); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 14px rgba(0,0,0,0.03), 0 0 50px -15px rgba(94,173,193,0.08);\">\n\n                <!-- Gradient thread at top of band -->\n                <div class=\"vp-bottom-gradient\" aria-hidden=\"true\"><\/div>\n\n                                    <h3 class=\"vp-bottom-title\" style=\"color: #1f2937;\">\n                        THE NEAR-SHORING OPPORTUNITY                    <\/h3>\n                \n                                    <div class=\"vp-bottom-desc\" style=\"color: #6b7280;\">\n                        Zenit levels the playing field. By near-shoring your SEO and GEO efforts to our expert team in Mexico, you gain:                    <\/div>\n                \n                                    <div class=\"vp-bottom-grid\" data-cols=\"3\">\n                                                    <div class=\"vp-bottom-item\">\n                                <!-- Checkmark -->\n                                <div class=\"vp-bottom-check\" style=\"color: #5eadc1;\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                        <path d=\"M4 10.5l4 4L16 6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div>\n                                                                            <h4 class=\"vp-bottom-item-title\" style=\"color: #1f2937;\">\n                                            Enterprise-Level Expertise                                        <\/h4>\n                                                                                                                <p class=\"vp-bottom-item-desc\" style=\"color: #6b7280;\">\n                                            Access cutting-edge strategies we used for our enterprise clients (Stellantis, Pernod Ricard, GWM&#8230;) at a fraction of the cost.\r\n\r\n                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"vp-bottom-item\">\n                                <!-- Checkmark -->\n                                <div class=\"vp-bottom-check\" style=\"color: #5eadc1;\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                        <path d=\"M4 10.5l4 4L16 6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div>\n                                                                            <h4 class=\"vp-bottom-item-title\" style=\"color: #1f2937;\">\n                                            Time Zone Alignment                                        <\/h4>\n                                                                                                                <p class=\"vp-bottom-item-desc\" style=\"color: #6b7280;\">\n                                            Seamless collaboration with North American business hours.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"vp-bottom-item\">\n                                <!-- Checkmark -->\n                                <div class=\"vp-bottom-check\" style=\"color: #5eadc1;\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                        <path d=\"M4 10.5l4 4L16 6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div>\n                                                                            <h4 class=\"vp-bottom-item-title\" style=\"color: #1f2937;\">\n                                            Unified Budgeting                                        <\/h4>\n                                                                                                                <p class=\"vp-bottom-item-desc\" style=\"color: #6b7280;\">\n                                            Instead of splitting budgets between SEO and new AI tech, our integrated strategy makes your investment work harder.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n        \n    <\/div>\n\n    <!-- Section transition divider -->\n    <div class=\"vp-section-divider\" aria-hidden=\"true\">\n        <div class=\"vp-divider-line\"><\/div>\n        <div class=\"vp-divider-glow\"><\/div>\n    <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550 Value Props \u2014 Styles (Mobile First) \u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.vp-block {\n    padding: 5rem 0;\n}\n\n\/* \u2500\u2500 Section transition divider \u2500\u2500 *\/\n.vp-section-divider {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100%;\n    max-width: 20rem;\n    height: 1px;\n    z-index: 2;\n}\n.vp-divider-line {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(94,173,193,0.30) 30%,\n        rgba(94,173,193,0.40) 50%,\n        rgba(94,173,193,0.30) 70%,\n        transparent 100%\n    );\n}\n.vp-divider-glow {\n    position: absolute;\n    top: -8px;\n    left: 10%;\n    right: 10%;\n    height: 17px;\n    background: radial-gradient(\n        ellipse at 50% 50%,\n        rgba(94,173,193,0.08) 0%,\n        transparent 70%\n    );\n    pointer-events: none;\n}\n\n.vp-container {\n    max-width: 76rem;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n}\n\n\/* \u2500\u2500 Narrative (full width) \u2500\u2500 *\/\n.vp-narrative {\n    margin-bottom: 3rem;\n}\n.vp-subtitle-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    margin-bottom: 1.5rem;\n}\n.vp-subtitle-line {\n    display: block;\n    width: 2rem;\n    height: 2px;\n    border-radius: 999px;\n    flex-shrink: 0;\n}\n.vp-subtitle {\n    font-size: 0.6875rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n}\n.vp-narrative-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n}\n.vp-title {\n    font-size: 1.875rem;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}\n.vp-button {\n    margin-top: 1.5rem;\n}\n.vp-description {\n    font-size: 1rem;\n    line-height: 1.75;\n}\n.vp-description p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n\/* \u2500\u2500 Proof Cards Grid \u2014 mobile: stacked \u2500\u2500 *\/\n.vp-proof-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1rem;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.vp-card {\n    position: relative;\n    border: 1px solid;\n    border-radius: 1.25rem;\n    padding: 2rem 1.75rem;\n    overflow: hidden;\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}\n.vp-card:hover {\n    transform: translateY(-3px);\n}\n\n\/* Top accent gradient line *\/\n.vp-card-accent-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n}\n\n\/* Metric *\/\n.vp-metric {\n    font-size: 2.5rem;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -0.03em;\n    margin-bottom: 0.625rem;\n}\n\n\/* Card title *\/\n.vp-card-title {\n    font-size: 1rem;\n    font-weight: 700;\n    line-height: 1.35;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n\/* Divider *\/\n.vp-card-divider {\n    height: 1px;\n    margin: 1.25rem 0;\n}\n\n\/* Description \u2014 handles plain text and rich content (ul\/ol) *\/\n.vp-card-desc {\n    font-size: 0.9375rem;\n    line-height: 1.7;\n}\n.vp-card-desc p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n    margin-bottom: 0.5rem;\n}\n.vp-card-desc p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Styled bullet lists inside cards *\/\n.vp-card-desc ul,\n.vp-card-desc ol {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n}\n.vp-card-desc li {\n    position: relative;\n    padding-left: 1.75rem;\n    font-size: 0.9375rem;\n    line-height: 1.6;\n    color: inherit;\n}\n.vp-card-desc li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0.45em;\n    width: 0.875rem;\n    height: 0.875rem;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 8.5l3.5 3.5L13 5' stroke='%235eadc1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    flex-shrink: 0;\n}\n\/* Card link *\/\n.vp-card-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 1.25rem;\n    font-size: 0.8125rem;\n    font-weight: 600;\n    color: #5eadc1;\n    text-decoration: none;\n    transition: gap 0.3s ease;\n}\n.vp-card-link:hover {\n    gap: 0.75rem;\n}\n.vp-card-link[data-theme=\"dark\"] {\n    color: rgba(94,173,193,0.85);\n}\n.vp-card-link[data-theme=\"dark\"]:hover {\n    color: rgba(94,173,193,1);\n}\n.vp-card-link-arrow {\n    font-size: 0.875rem;\n    transition: transform 0.3s ease;\n}\n.vp-card-link:hover .vp-card-link-arrow {\n    transform: translateX(2px);\n}\n\n.vp-card-desc li strong,\n.vp-card-desc li b {\n    display: block;\n    font-weight: 700;\n    margin-bottom: 0.125rem;\n}\n\n\/* \u2500\u2500 Bottom Band \u2500\u2500 *\/\n.vp-bottom {\n    position: relative;\n    margin-top: 1rem;\n    border: 1px solid;\n    border-radius: 1.25rem;\n    padding: 2.25rem 1.75rem;\n    overflow: hidden;\n}\n\n\/* Gradient thread at top \u2014 ties to the LP's gradient system *\/\n.vp-bottom-gradient {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50%;\n    max-width: 20rem;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(94,173,193,0.35) 30%,\n        rgba(94,173,193,0.50) 50%,\n        rgba(94,173,193,0.35) 70%,\n        transparent 100%\n    );\n}\n\n.vp-bottom-title {\n    font-size: 0.8125rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.75rem;\n}\n.vp-bottom-desc {\n    font-size: 0.9375rem;\n    line-height: 1.7;\n    margin-bottom: 1.5rem;\n}\n.vp-bottom-desc p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n\/* Bottom items grid *\/\n.vp-bottom-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\n}\n.vp-bottom-item {\n    display: flex;\n    gap: 0.875rem;\n    align-items: flex-start;\n}\n.vp-bottom-check {\n    flex-shrink: 0;\n    margin-top: 0.125rem;\n}\n.vp-bottom-item-title {\n    font-size: 0.9375rem;\n    font-weight: 700;\n    line-height: 1.3;\n    margin-bottom: 0.25rem;\n}\n.vp-bottom-item-desc {\n    font-size: 0.875rem;\n    line-height: 1.65;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Tablet \u2014 768px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .vp-block {\n        padding: 7rem 0;\n    }\n    .vp-narrative {\n        margin-bottom: 3.5rem;\n    }\n    .vp-narrative-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n    }\n    .vp-title {\n        font-size: 2.25rem;\n    }\n    .vp-description {\n        font-size: 1.0625rem;\n        padding-top: 0.5rem;\n    }\n    .vp-proof-grid[data-cols=\"2\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .vp-proof-grid[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .vp-proof-grid[data-cols=\"4\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .vp-proof-grid {\n        gap: 1.125rem;\n    }\n    .vp-card {\n        padding: 2.25rem 2rem;\n    }\n    .vp-metric {\n        font-size: 2.75rem;\n    }\n    .vp-card-title {\n        font-size: 1.0625rem;\n        min-height: 2.75em;\n        display: flex;\n        align-items: flex-start;\n    }\n    .vp-bottom {\n        margin-top: 1.125rem;\n        padding: 2.5rem;\n    }\n    .vp-bottom-grid[data-cols=\"2\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .vp-bottom-grid[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .vp-bottom-grid[data-cols=\"4\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .vp-bottom-grid {\n        gap: 1.5rem;\n    }\n    .vp-bottom-item-title {\n        font-size: 1rem;\n    }\n    .vp-bottom-item-desc {\n        font-size: 0.9375rem;\n    }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Desktop \u2014 1024px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .vp-block {\n        padding: 9rem 0;\n    }\n    .vp-container {\n        padding: 0 2rem;\n    }\n    .vp-narrative {\n        margin-bottom: 4rem;\n    }\n    .vp-narrative-grid {\n        gap: 5rem;\n    }\n    .vp-title {\n        font-size: 2.75rem;\n    }\n    .vp-description {\n        font-size: 1.125rem;\n    }\n    .vp-proof-grid[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .vp-proof-grid[data-cols=\"4\"] {\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .vp-proof-grid {\n        gap: 1.25rem;\n    }\n    .vp-card {\n        padding: 2.5rem 2.25rem;\n        border-radius: 1.375rem;\n    }\n    .vp-metric {\n        font-size: 3rem;\n    }\n    .vp-card-title {\n        font-size: 1.125rem;\n        min-height: 3em;\n    }\n    .vp-card-desc {\n        font-size: 1rem;\n    }\n    .vp-card-desc li {\n        font-size: 1rem;\n    }\n    .vp-bottom {\n        margin-top: 1.25rem;\n        padding: 3rem;\n        border-radius: 1.375rem;\n    }\n    .vp-bottom-title {\n        font-size: 0.875rem;\n        margin-bottom: 1rem;\n    }\n    .vp-bottom-grid[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .vp-bottom-grid[data-cols=\"4\"] {\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .vp-bottom-grid {\n        gap: 2rem;\n    }\n    .vp-bottom-item-title {\n        font-size: 1.0625rem;\n        margin-bottom: 0.375rem;\n    }\n    .vp-bottom-item-desc {\n        font-size: 1rem;\n    }\n}\n<\/style>\n\n\n\n<section\n    class=\"de-block z-watermark z-watermark--04 z-watermark--light same-theme-next\"\n    id=\"dual-engine\"\n    data-block-id=\"dual-engine\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"de-container\">\n\n        <!-- \u2550\u2550\u2550 Header \u2550\u2550\u2550 -->\n                    <div class=\"de-header\">\n                \n                                    <div class=\"de-el\" data-de-delay=\"0.1\">\n                        <h2 class=\"de-title\" style=\"color: #111827;\">\n                            The Zenit Dual-Engine Methodology                        <\/h2>\n                    <\/div>\n                \n                                    <div class=\"de-el\" data-de-delay=\"0.2\">\n                        <div class=\"de-description\" style=\"color: #6b7280;\">\n                            <p>To navigate this hybrid landscape, Zenit employs a proprietary Dual-Engine Methodology.<br \/>\nWe do not force you to choose between traditional SEO and future-forward GEO; we integrate them into a single, compounding strategy.<\/p>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Engine Diagram \u2550\u2550\u2550 -->\n        <div class=\"de-diagram\">\n\n            <!-- Connecting spine \u2014 horizontal line between engines (desktop) -->\n            <div class=\"de-spine\" aria-hidden=\"true\">\n                <div class=\"de-spine-track\" style=\"background: #e5e7eb;\"><\/div>\n                <div class=\"de-spine-glow\" style=\"background: linear-gradient(90deg, rgba(94,173,193,0.4), rgba(94,173,193,0.5), rgba(94,173,193,0.4));\"><\/div>\n            <\/div>\n\n            <div class=\"de-engines\">\n\n                <!-- \u2500\u2500 Engine A \u2500\u2500 -->\n                <div class=\"de-engine\" data-engine=\"a\"\n                     style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.06); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 14px rgba(0,0,0,0.03);\"\n                     data-hover-border=\"rgba(94,173,193,0.20)\"\n                     data-hover-shadow=\"0 20px 50px -12px rgba(0,0,0,0.10), 0 0 50px -15px rgba(94,173,193,0.06)\">\n\n                \n                    <div class=\"de-engine-glow\" style=\"background: radial-gradient(ellipse at top left, rgba(94,173,193,0.05) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                    <!-- Top accent gradient line -->\n                    <div class=\"de-engine-accent-top\" style=\"background: linear-gradient(90deg, transparent 0%, #5eadc180 20%, #5eadc1 50%, #5eadc180 80%, transparent 100%);\"><\/div>\n\n                    <div class=\"de-engine-content\">\n                                                    <div class=\"de-engine-label\" style=\"color: #9ca3af;\">\n                                <span class=\"de-label-line\" style=\"background: #5eadc1;\"><\/span>\n                                Engine A                            <\/div>\n                        \n                                                    <h3 class=\"de-engine-title\" style=\"color: #111827;\">\n                                The SEO Backbone   \ufeff<br \/>\r\n(Revenue Protection)                            <\/h3>\n                        \n                                                    <div class=\"de-engine-desc\" style=\"color: #6b7280;\">\n                                <p>This engine focuses on capturing the 41.5% of high-volume traditional traffic that still drives immediate revenue.<br \/>\nWe ensure your digital foundation is rock-solid.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"de-engine-divider\" style=\"background: #f3f4f6;\"><\/div>\n                            <ul class=\"de-features\">\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.4\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    Technical Foundation                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    Comprehensive speed improvements, structural fixes, and crawlability enhancements.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.48\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    Authority Acquisition                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    High-authority backlinks to boost your domain rating.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.56\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    Optimization                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    Rankings tracking and content optimization using Moz, Ahrefs, Semrush, and Search Console.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/div>\n                <\/div>\n\n                <!-- \u2500\u2500 Center Badge + Connectors \u2500\u2500 -->\n                                    <div class=\"de-badge-wrap\">\n                        <!-- Connectors: dashed lines with animated dots -->\n                        <div class=\"de-connector de-connector-left\" aria-hidden=\"true\">\n                            <div class=\"de-connector-line\"><\/div>\n                            <div class=\"de-connector-node de-node-start\"><\/div>\n                            <div class=\"de-connector-node de-node-end\"><\/div>\n                            <div class=\"de-connector-dot de-dot-1\"><\/div>\n                            <div class=\"de-connector-dot de-dot-2\"><\/div>\n                        <\/div>\n                        <div class=\"de-connector de-connector-right\" aria-hidden=\"true\">\n                            <div class=\"de-connector-line\"><\/div>\n                            <div class=\"de-connector-node de-node-start\"><\/div>\n                            <div class=\"de-connector-node de-node-end\"><\/div>\n                            <div class=\"de-connector-dot de-dot-1\"><\/div>\n                            <div class=\"de-connector-dot de-dot-2\"><\/div>\n                        <\/div>\n\n                        <div class=\"de-badge\"\n                             style=\"background: #0a0a0a; box-shadow: 0 4px 24px rgba(0,0,0,0.12), 0 0 60px -10px rgba(94,173,193,0.10);\">\n                            <div class=\"de-badge-ring\" style=\"border-color: rgba(0,0,0,0.08);\" aria-hidden=\"true\"><\/div>\n                            <span class=\"de-badge-text\" style=\"color: #ffffff;\">\n                                ZENIT  DUAL ENGINE                            <\/span>\n                        <\/div>\n                    <\/div>\n                \n                <!-- \u2500\u2500 Engine B \u2500\u2500 -->\n                <div class=\"de-engine\" data-engine=\"b\"\n                     style=\"background: #f3f4f6; border-color: rgba(0,0,0,0.06); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 14px rgba(0,0,0,0.03);\"\n                     data-hover-border=\"rgba(94,173,193,0.20)\"\n                     data-hover-shadow=\"0 20px 50px -12px rgba(0,0,0,0.10), 0 0 50px -15px rgba(94,173,193,0.06)\">\n\n                    <!-- Gradient hover overlay -->\n                    <div class=\"de-engine-glow\" style=\"background: radial-gradient(ellipse at top right, rgba(94,173,193,0.05) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                    <!-- Top accent gradient line -->\n                    <div class=\"de-engine-accent-top\" style=\"background: linear-gradient(90deg, transparent 0%, #5eadc180 20%, #5eadc1 50%, #5eadc180 80%, transparent 100%);\"><\/div>\n\n                    <div class=\"de-engine-content\">\n                                                    <div class=\"de-engine-label\" style=\"color: #9ca3af;\">\n                                <span class=\"de-label-line\" style=\"background: #5eadc1;\"><\/span>\n                                Engine B                            <\/div>\n                        \n                                                    <h3 class=\"de-engine-title\" style=\"color: #111827;\">\n                                The AEO\/GEO Intelligence   \ufeff<br \/>\r\n(Future-Proofing)                            <\/h3>\n                        \n                                                    <div class=\"de-engine-desc\" style=\"color: #6b7280;\">\n                                <p>This engine is designed to capture the 58.5% of searches ending in AI-generated answers.<br \/>\nIt is about authority amplification and being cited by AI models.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"de-engine-divider\" style=\"background: #f3f4f6;\"><\/div>\n                            <ul class=\"de-features\">\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.5\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    AI Visibility Audits                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    We identify where LLMs cite you today and where you are invisible.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.58\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    Citation-Friendly Content                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    Content formats specifically designed to be ingested and cited by AI.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"de-feature\" data-de-item-delay=\"0.66\"\n                                        style=\"--hover-bg: rgba(0,0,0,0.02);\">\n                                                                                    <span class=\"de-feature-check\" style=\"background: #5eadc115;\">\n                                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                            <\/span>\n                                                                                <div>\n                                                                                            <h4 class=\"de-feature-title\" style=\"color: #1f2937;\">\n                                                    Sentiment Analysis                                                <\/h4>\n                                                                                                                                        <p class=\"de-feature-desc\" style=\"color: #6b7280;\">\n                                                    We monitor not just if you are cited, but how  tracking positive, neutral, or negative sentiment in AI outputs.                                                <\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/div>\n                <\/div>\n\n            <\/div><!-- .de-engines -->\n        <\/div><!-- .de-diagram -->\n\n        <!-- \u2550\u2550\u2550 Buttons \u2550\u2550\u2550 -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Dual Engine \u2014 Styles (Mobile First) \u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.de-block {\n    position: relative;\n    padding: 5rem 0;\n    overflow: hidden;\n}\n.de-container {\n    max-width: 76rem;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.de-header {\n    text-align: center;\n    max-width: 48rem;\n    margin: 0 auto 3.5rem;\n}\n.de-subtitle {\n    display: inline-block;\n    font-size: 0.6875rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    padding: 0.375rem 1.25rem;\n    border: 1px solid;\n    border-radius: 999px;\n    margin-bottom: 2rem;\n}\n.de-title {\n    font-size: 1.875rem;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.025em;\n    margin-bottom: 1.25rem;\n}\n.de-description {\n    font-size: 1rem;\n    line-height: 1.75;\n    max-width: 38rem;\n    margin: 0 auto;\n}\n.de-description p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n\/* \u2500\u2500 Engine Diagram \u2500\u2500 *\/\n.de-diagram {\n    position: relative;\n    max-width: 72rem;\n    margin: 0 auto;\n}\n\n\/* Spine \u2014 hidden everywhere *\/\n.de-spine { display: none; }\n\n\/* Engine grid \u2014 stacked on mobile *\/\n.de-engines {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n\/* \u2500\u2500 Engine Card \u2500\u2500 *\/\n.de-engine {\n    position: relative;\n    border: 1px solid;\n    border-radius: 1.25rem;\n    padding: 2rem 1.75rem;\n    min-width: 0;\n    transition: border-color 0.3s ease,\n                box-shadow 0.3s ease,\n                transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.de-engine:hover {\n    transform: translateY(-3px);\n}\n\n\/* Gradient hover overlay \u2014 fades in on hover *\/\n.de-engine-glow {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    z-index: 0;\n    border-radius: inherit;\n}\n.de-engine:hover .de-engine-glow {\n    opacity: 1;\n}\n\n\/* Top accent gradient line *\/\n.de-engine-accent-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n}\n\n\/* Engine content \u2014 sits above glow *\/\n.de-engine-content {\n    position: relative;\n    z-index: 1;\n}\n\n\/* Label with colored line *\/\n.de-engine-label {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    margin-bottom: 1.25rem;\n}\n.de-label-line {\n    display: block;\n    width: 1.5rem;\n    height: 2px;\n    border-radius: 999px;\n    flex-shrink: 0;\n}\n\n\/* Engine title *\/\n.de-engine-title {\n    font-size: 1.25rem;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n    margin-bottom: 0.75rem;\n}\n\n\/* Engine description *\/\n.de-engine-desc {\n    font-size: 0.9375rem;\n    line-height: 1.7;\n}\n.de-engine-desc p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n    margin-bottom: 0.5rem;\n}\n.de-engine-desc p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Divider \u2014 generous spacing between description and features *\/\n.de-engine-divider {\n    height: 1px;\n    margin: 2rem 0;\n}\n\n\/* \u2500\u2500 Feature Items \u2500\u2500 *\/\n.de-features {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.375rem;\n}\n.de-feature {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.875rem;\n    padding: 0.75rem 0.875rem;\n    margin: 0 -0.875rem;\n    border-radius: 0.75rem;\n    transition: background 0.25s ease;\n}\n.de-feature:hover {\n    background: var(--hover-bg);\n}\n\n\/* Feature check circle *\/\n.de-feature-check {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.5rem;\n    height: 1.5rem;\n    border-radius: 50%;\n    margin-top: 0.125rem;\n    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;\n}\n.de-feature:hover .de-feature-check {\n    transform: scale(1.1);\n}\n\n\/* Feature icon *\/\n.de-feature-icon {\n    flex-shrink: 0;\n    width: 2.25rem;\n    height: 2.25rem;\n    border-radius: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 0.125rem;\n}\n.de-icon-img {\n    width: 1.125rem;\n    height: 1.125rem;\n    object-fit: contain;\n}\n\n\/* Feature text *\/\n.de-feature-title {\n    font-size: 0.9375rem;\n    font-weight: 600;\n    line-height: 1.35;\n}\n.de-feature-desc {\n    font-size: 0.8125rem;\n    line-height: 1.6;\n    margin-top: 0.1875rem;\n}\n\n\/* \u2500\u2500 Center Badge \u2014 mobile: centered between cards \u2500\u2500 *\/\n.de-badge-wrap {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    order: 1;\n    margin: 0.5rem 0;\n    padding: 1.5rem 0;\n    z-index: 10;\n    position: relative;\n}\n.de-engines .de-engine:first-child { order: 0; }\n.de-engines .de-engine:last-child  { order: 2; }\n\n.de-badge {\n    position: relative;\n    padding: 0.625rem 1.25rem;\n    border-radius: 0.75rem;\n    z-index: 2;\n}\n.de-badge-ring {\n    position: absolute;\n    inset: -4px;\n    border: 2px solid;\n    border-radius: 0.875rem;\n    animation: de-badge-pulse 3s ease-in-out infinite;\n}\n@keyframes de-badge-pulse {\n    0%, 100% { opacity: 0.3; transform: scale(1); }\n    50%      { opacity: 0.6; transform: scale(1.04); }\n}\n.de-badge-text {\n    font-size: 0.625rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    white-space: nowrap;\n}\n\n\/* \u2500\u2500 Connectors \u2014 vertical on mobile \u2500\u2500 *\/\n.de-connector {\n    display: block;\n    position: absolute;\n    left: 50%;\n    width: 1px;\n    z-index: 1;\n    pointer-events: none;\n}\n\/* Top connector: above badge \u2192 Engine A *\/\n.de-connector-left {\n    bottom: 100%;\n    height: 1.5rem;\n}\n\/* Bottom connector: below badge \u2192 Engine B *\/\n.de-connector-right {\n    top: 100%;\n    height: 1.5rem;\n}\n\n\/* Vertical dashed line *\/\n.de-connector-line {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 1px;\n    height: 100%;\n    border-top: none;\n    border-left: 1.5px dashed rgba(94,173,193,0.20);\n}\n\n\/* Node circles *\/\n.de-connector-node {\n    position: absolute;\n    left: 50%;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(94,173,193,0.30);\n    background: #f9fafb;\n    transform: translateX(-50%);\n}\n.de-node-start { top: -3px; }\n.de-node-end   { bottom: -3px; }\n\n\/* Traveling dots \u2014 vertical *\/\n.de-connector-dot {\n    position: absolute;\n    left: 50%;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: rgba(94,173,193,0.50);\n    transform: translateX(-50%);\n    will-change: top, opacity;\n}\n\/* Left connector: dots travel UP (from badge toward Engine A) *\/\n.de-connector-left .de-dot-1  { animation: de-travel-v-up 2.5s ease-in-out infinite; }\n.de-connector-left .de-dot-2  { animation: de-travel-v-up 2.5s ease-in-out 1.25s infinite; }\n\/* Right connector: dots travel DOWN (from badge toward Engine B) *\/\n.de-connector-right .de-dot-1 { animation: de-travel-v-down 2.5s ease-in-out 0.5s infinite; }\n.de-connector-right .de-dot-2 { animation: de-travel-v-down 2.5s ease-in-out 1.75s infinite; }\n\n@keyframes de-travel-v-up {\n    0%   { top: 100%; opacity: 0; }\n    10%  { opacity: 1; }\n    90%  { opacity: 1; }\n    100% { top: 0%;   opacity: 0; }\n}\n@keyframes de-travel-v-down {\n    0%   { top: 0%;   opacity: 0; }\n    10%  { opacity: 1; }\n    90%  { opacity: 1; }\n    100% { top: 100%; opacity: 0; }\n}\n\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\n.de-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    justify-content: center;\n    margin-top: 3rem;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Tablet \u2014 768px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .de-block { padding: 7rem 0; }\n    .de-header { margin-bottom: 4rem; }\n    .de-title  { font-size: 2.25rem; }\n    .de-description { font-size: 1.0625rem; }\n    .de-engine { padding: 2.25rem 2rem; }\n    .de-engine-title  { font-size: 1.375rem; }\n    .de-feature-title { font-size: 0.9375rem; }\n    .de-feature-desc  { font-size: 0.875rem; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Desktop \u2014 1024px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .de-block { padding: 9rem 0; }\n    .de-container { padding: 0 2rem; }\n    .de-header { margin-bottom: 5rem; }\n    .de-title  { font-size: 2.75rem; }\n    .de-description { font-size: 1.125rem; }\n\n    \/* \u2500\u2500 3-column layout: [Engine A] [Badge+connectors] [Engine B] \u2500\u2500 *\/\n    .de-engines {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n        gap: 0;\n        position: relative;\n        align-items: stretch;\n    }\n    .de-engines .de-engine:first-child { order: unset; }\n    .de-engines .de-engine:last-child  { order: unset; }\n\n    .de-engine {\n        padding: 2.75rem 2.5rem;\n        border-radius: 1.375rem;\n        min-width: 0;\n        border: 1px solid;\n    }\n    .de-engine-accent-top {\n        height: 2px;\n    }\n    .de-engine-title  { font-size: 1.5rem; }\n    .de-engine-desc   { font-size: 1rem; }\n    .de-feature-title { font-size: 0.9375rem; }\n    .de-feature-desc  { font-size: 0.875rem; }\n    .de-features { gap: 0.25rem; }\n\n    \/* Badge column \u2014 vertically centered, with room for connectors *\/\n    .de-badge-wrap {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        margin: 0;\n        padding: 0;\n        width: 14rem;\n        z-index: 10;\n        order: unset;\n    }\n    .de-badge {\n        padding: 0.875rem 1.5rem;\n        border-radius: 0.875rem;\n        z-index: 2;\n    }\n    .de-badge-text {\n        font-size: 0.6875rem;\n    }\n\n    \/* \u2500\u2500 Connectors \u2014 reset to horizontal \u2500\u2500 *\/\n    .de-connector {\n        position: absolute;\n        top: 50%;\n        bottom: auto;\n        left: auto;\n        width: auto;\n        height: 1px;\n    }\n    .de-connector-left {\n        left: 0;\n        right: calc(50% + 4.5rem);\n        bottom: auto;\n        height: 1px;\n    }\n    .de-connector-right {\n        left: calc(50% + 4.5rem);\n        right: 0;\n        top: 50%;\n        height: 1px;\n    }\n\n    \/* Horizontal dashed line *\/\n    .de-connector-line {\n        top: 0;\n        bottom: auto;\n        left: 0;\n        right: 0;\n        width: auto;\n        height: 1px;\n        border-left: none;\n        border-top: 1.5px dashed rgba(94,173,193,0.20);\n    }\n\n    \/* Node circles \u2014 horizontal positioning *\/\n    .de-connector-node {\n        top: 50%;\n        left: auto;\n        bottom: auto;\n        width: 8px;\n        height: 8px;\n        transform: translateY(-50%);\n    }\n    .de-node-start { left: -4px; top: 50%; bottom: auto; }\n    .de-node-end   { right: -4px; left: auto; top: 50%; bottom: auto; }\n\n    \/* Traveling dots \u2014 horizontal *\/\n    .de-connector-dot {\n        top: 50%;\n        left: auto;\n        width: 5px;\n        height: 5px;\n        transform: translateY(-50%);\n        will-change: left, opacity;\n    }\n    \/* Left connector: dots travel LEFT (from badge toward Engine A) *\/\n    .de-connector-left .de-dot-1  { animation: de-travel-left 3s ease-in-out infinite; }\n    .de-connector-left .de-dot-2  { animation: de-travel-left 3s ease-in-out 1.5s infinite; }\n    \/* Right connector: dots travel RIGHT (from badge toward Engine B) *\/\n    .de-connector-right .de-dot-1 { animation: de-travel-right 3s ease-in-out 0.75s infinite; }\n    .de-connector-right .de-dot-2 { animation: de-travel-right 3s ease-in-out 2.25s infinite; }\n\n    @keyframes de-travel-left {\n        0%   { left: 100%; opacity: 0; }\n        8%   { opacity: 1; }\n        92%  { opacity: 1; }\n        100% { left: 0%;   opacity: 0; }\n    }\n    @keyframes de-travel-right {\n        0%   { left: 0%;   opacity: 0; }\n        8%   { opacity: 1; }\n        92%  { opacity: 1; }\n        100% { left: 100%; opacity: 0; }\n    }\n\n    .de-buttons { margin-top: 3.5rem; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Large Desktop \u2014 1280px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 1280px) {\n    .de-engine { padding: 3rem 2.75rem; }\n    .de-engine-title { font-size: 1.625rem; }\n    .de-badge-wrap { width: 16rem; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Dual Engine \u2014 GSAP Animations \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    function initDualEngine() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(initDualEngine, 100);\n            return;\n        }\n        gsap.registerPlugin(ScrollTrigger);\n\n        var section = document.querySelector('#dual-engine');\n        if (!section) return;\n\n        var trigger = { trigger: section, start: 'top 80%', once: true };\n\n        \/\/ Header entrance (from bottom)\n        section.querySelectorAll('.de-header .de-el').forEach(function(el) {\n            var delay = parseFloat(el.getAttribute('data-de-delay')) || 0;\n            gsap.fromTo(el,\n                { opacity: 0, y: 30 },\n                { opacity: 1, y: 0, duration: 0.7, delay: delay, ease: 'power3.out', scrollTrigger: trigger }\n            );\n        });\n\n        \/\/ Center badge \u2014 appears first with scale\n        var badge = section.querySelector('.de-badge-wrap');\n        if (badge) {\n            gsap.fromTo(badge,\n                { opacity: 0, scale: 0.7 },\n                { opacity: 1, scale: 1, duration: 0.6, delay: 0.3, ease: 'back.out(1.4)', scrollTrigger: trigger }\n            );\n        }\n\n        \/\/ Engine A \u2014 entrance from right (toward its position left of center)\n        var engineA = section.querySelector('[data-engine=\"a\"]');\n        if (engineA) {\n            gsap.fromTo(engineA,\n                { opacity: 0, x: 80 },\n                { opacity: 1, x: 0, duration: 1, delay: 0.5, ease: 'power3.out', scrollTrigger: trigger }\n            );\n        }\n\n        \/\/ Engine B \u2014 entrance from left (toward its position right of center)\n        var engineB = section.querySelector('[data-engine=\"b\"]');\n        if (engineB) {\n            gsap.fromTo(engineB,\n                { opacity: 0, x: -80 },\n                { opacity: 1, x: 0, duration: 1, delay: 0.5, ease: 'power3.out', scrollTrigger: trigger }\n            );\n        }\n\n        \/\/ Buttons entrance\n        section.querySelectorAll('.de-buttons').forEach(function(el) {\n            var delay = parseFloat(el.getAttribute('data-de-delay')) || 0;\n            gsap.fromTo(el,\n                { opacity: 0, y: 20 },\n                { opacity: 1, y: 0, duration: 0.6, delay: delay, ease: 'power3.out', scrollTrigger: trigger }\n            );\n        });\n\n        \/\/ Feature items stagger (inside each engine)\n        section.querySelectorAll('.de-feature').forEach(function(item) {\n            var delay = parseFloat(item.getAttribute('data-de-item-delay')) || 0;\n            gsap.fromTo(item,\n                { opacity: 0, x: -12 },\n                { opacity: 1, x: 0, duration: 0.45, delay: delay + 0.3, ease: 'power2.out', scrollTrigger: trigger }\n            );\n        });\n\n        \/\/ Engine card hover: border color + elevated shadow\n        section.querySelectorAll('.de-engine').forEach(function(card) {\n            var hoverBorder = card.getAttribute('data-hover-border');\n            var hoverShadow = card.getAttribute('data-hover-shadow');\n            var origBorder = card.style.borderColor;\n            var origShadow = card.style.boxShadow;\n            card.addEventListener('mouseenter', function() {\n                card.style.borderColor = hoverBorder;\n                if (hoverShadow) card.style.boxShadow = hoverShadow;\n            });\n            card.addEventListener('mouseleave', function() {\n                card.style.borderColor = origBorder;\n                card.style.boxShadow = origShadow;\n            });\n        });\n    }\n\n    var ran = false;\n    function runOnce() { if (!ran) { ran = true; initDualEngine(); } }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', runOnce);\n    } else {\n        runOnce();\n    }\n    window.addEventListener('load', function() { setTimeout(runOnce, 150); });\n})();\n<\/script>\n\n\n\n<section\n    class=\"ts-block\"\n    id=\"tech-stack\"\n    data-block-id=\"tech-stack\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000;\">\n\n    <div class=\"ts-container\">\n\n        <!-- \u2550\u2550\u2550 Header \u2550\u2550\u2550 -->\n                    <div class=\"ts-header\">\n                \n                                    <h2 class=\"ts-title ts-el\" data-ts-delay=\"0.1\" style=\"color: #ffffff;\">\n                        Powered by Zenit in-house technology                    <\/h2>\n                \n                                    <div class=\"ts-description ts-el\" data-ts-delay=\"0.2\" style=\"color: rgba(255,255,255,0.45);\">\n                        <p>We don&#8217;t guess; we measure and drive your business with data.<br \/>\n\ufeffYour strategy is backed by a blend of industry-leading software and proprietary internal tools.<\/p>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Proprietary Tools \u2014 Hero card(s) \u2550\u2550\u2550 -->\n                    <div class=\"ts-grid ts-grid-prop\" data-cols=\"1\">\n                                    <div class=\"ts-card ts-card-prop ts-el\"\n                         data-ts-delay=\"0.3\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at top left, rgba(94,173,193,0.06) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                            <span class=\"ts-badge\" style=\"background: rgba(212,175,55,0.20); color: rgba(255,255,255,0.70); border-color: rgba(212,175,55,0.30);\">\n                                In-house                            <\/span>\n\n                                                            <div class=\"ts-logo-box ts-logo-box-lg\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/04\/omni-white-1.svg\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" \/>                                <\/div>\n                            \n                                                            <h3 class=\"ts-tool-name\" style=\"color: #ffffff;\">\n                                    Omni                                <\/h3>\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    Proprietary optimization suite                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Divider \u2550\u2550\u2550 -->\n                    <div class=\"ts-divider\" style=\"background: linear-gradient(90deg, transparent, rgba(94,173,193,0.70), transparent);\"><\/div>\n        \n        <!-- \u2550\u2550\u2550 Industry Tools \u2550\u2550\u2550 -->\n                    <div class=\"ts-grid ts-grid-ind\" data-cols=\"5\">\n                                    <div class=\"ts-card ts-card-ind ts-el\"\n                         data-ts-delay=\"0.5\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at center, rgba(94,173,193,0.04) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                                                            <div class=\"ts-logo-box ts-logo-box-sm\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Qwairy-logo.svg\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" data-hover-filter=\"brightness(0) invert(1) opacity(1)\" \/>                                <\/div>\n                            \n                            <!-- Text -->\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    AI citation tracking                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ts-card ts-card-ind ts-el\"\n                         data-ts-delay=\"0.58\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at center, rgba(94,173,193,0.04) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                                                            <div class=\"ts-logo-box ts-logo-box-sm\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"300\" height=\"75\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Otterly-logo-300x75.webp\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" data-hover-filter=\"brightness(0) invert(1) opacity(1)\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Otterly-logo-300x75.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Otterly-logo-250x62.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Otterly-logo.webp 450w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                <\/div>\n                            \n                            <!-- Text -->\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    AI monitoring                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ts-card ts-card-ind ts-el\"\n                         data-ts-delay=\"0.66\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at center, rgba(94,173,193,0.04) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                                                            <div class=\"ts-logo-box ts-logo-box-sm\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Ahrefs-logo.svg\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" data-hover-filter=\"brightness(0) invert(1) opacity(1)\" \/>                                <\/div>\n                            \n                            <!-- Text -->\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    Backlink intelligence                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ts-card ts-card-ind ts-el\"\n                         data-ts-delay=\"0.74\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at center, rgba(94,173,193,0.04) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                                                            <div class=\"ts-logo-box ts-logo-box-sm\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Semrush-logo.svg\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" data-hover-filter=\"brightness(0) invert(1) opacity(1)\" \/>                                <\/div>\n                            \n                            <!-- Text -->\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    Search analytics                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ts-card ts-card-ind ts-el\"\n                         data-ts-delay=\"0.82\"\n                         style=\"background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.07); box-shadow: none;\"\n                         data-hover-border=\"rgba(94,173,193,0.25)\"\n                         data-hover-shadow=\"0 12px 32px -8px rgba(0,0,0,0.3), 0 0 40px -12px rgba(94,173,193,0.12)\">\n\n                        <div class=\"ts-card-glow\" style=\"background: radial-gradient(ellipse at center, rgba(94,173,193,0.04) 0%, transparent 70%);\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"ts-card-content\">\n                                                            <div class=\"ts-logo-box ts-logo-box-sm\" style=\"background: rgba(255,255,255,0.06);\">\n                                    <img decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-300x141.webp\" class=\"ts-logo-img\" alt=\"\" style=\"filter: brightness(0) invert(1) opacity(1);\" data-hover-filter=\"brightness(0) invert(1) opacity(1)\" srcset=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-300x141.webp 300w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-768x361.webp 768w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-800x376.webp 800w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-500x235.webp 500w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-250x118.webp 250w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo-700x329.webp 700w, https:\/\/zenitseo.com\/wp-content\/uploads\/2026\/03\/Looker-Studio-Logo.webp 916w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                <\/div>\n                            \n                            <!-- Text -->\n                            \n                                                            <p class=\"ts-tool-desc\" style=\"color: rgba(255,255,255,0.40);\">\n                                    Performance reporting                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Tech Stack \u2014 Styles (Mobile First) \u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.ts-block {\n    position: relative;\n    padding: 5rem 0;\n}\n.ts-container {\n    max-width: 68rem;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.ts-header {\n    text-align: center;\n    max-width: 42rem;\n    margin: 0 auto 3rem;\n}\n.ts-subtitle-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.75rem;\n    margin-bottom: 1.5rem;\n}\n.ts-subtitle-line {\n    display: block;\n    width: 2rem;\n    height: 2px;\n    border-radius: 999px;\n    flex-shrink: 0;\n}\n.ts-subtitle {\n    font-size: 0.6875rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n}\n.ts-title {\n    font-size: 1.875rem;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.025em;\n    margin-bottom: 1rem;\n}\n.ts-description {\n    font-size: 1rem;\n    line-height: 1.75;\n}\n.ts-description p {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n\/* \u2500\u2500 Grids \u2500\u2500 *\/\n.ts-grid {\n    display: grid;\n    gap: 0.875rem;\n}\n.ts-grid-prop {\n    grid-template-columns: 1fr;\n    max-width: 28rem;\n    margin: 0 auto;\n}\n.ts-grid-ind {\n    grid-template-columns: repeat(2, 1fr);\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n.ts-divider {\n    height: 1px;\n    margin: 1.5rem auto;\n    max-width: 12rem;\n    border-radius: 1px;\n}\n\n\/* \u2500\u2500 Card \u2014 shared \u2500\u2500 *\/\n.ts-card {\n    position: relative;\n    border: 1px solid;\n    border-radius: 0.875rem;\n    overflow: hidden;\n    text-align: center;\n    transition: border-color 0.35s ease,\n                box-shadow 0.35s ease,\n                transform 0.35s ease;\n}\n.ts-card:hover {\n    transform: translateY(-2px);\n}\n\n\/* Hover glow *\/\n.ts-card-glow {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    z-index: 0;\n}\n.ts-card:hover .ts-card-glow {\n    opacity: 1;\n}\n\n\/* Card content \u2014 centered *\/\n.ts-card-content {\n    position: relative;\n    z-index: 1;\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* Badge \u2014 proprietary *\/\n.ts-badge {\n    display: inline-block;\n    font-size: 0.5625rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    padding: 0.25rem 0.75rem;\n    border: 1px solid;\n    border-radius: 999px;\n    margin-bottom: 1.5rem;\n}\n\n\/* \u2500\u2500 Logo Box \u2014 fixed size container \u2500\u2500 *\/\n.ts-logo-box {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.75rem;\n    margin-bottom: 1.25rem;\n    overflow: hidden;\n}\n.ts-logo-box-lg {\n    width: 4.5rem;\n    height: 4.5rem;\n    border-radius: 1rem;\n}\n.ts-logo-box-sm {\n    width: 5rem;\n    height: 5rem;\n}\n\n\/* Logo image \u2014 uniform sizing *\/\n.ts-logo-img {\n    width: 90%;\n    height: 90%;\n    object-fit: contain;\n    transition: filter 0.3s ease;\n}\n\n\/* \u2500\u2500 Tool Text \u2500\u2500 *\/\n.ts-tool-name {\n    font-size: 1.125rem;\n    font-weight: 700;\n    line-height: 1.3;\n    margin-bottom: 0.375rem;\n}\n.ts-tool-name-sm {\n    font-size: 0.9375rem;\n}\n.ts-tool-desc {\n    font-size: 0.8125rem;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Tablet \u2014 768px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .ts-block { padding: 7rem 0; }\n    .ts-header { margin-bottom: 3.5rem; }\n    .ts-title  { font-size: 2.25rem; }\n    .ts-description { font-size: 1.0625rem; }\n\n    .ts-grid-prop[data-cols=\"1\"] {\n        grid-template-columns: 1fr;\n    }\n    .ts-grid-prop[data-cols=\"2\"] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ts-grid-prop[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"3\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"4\"] {\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"5\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"6\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-grid { gap: 1rem; }\n    .ts-divider { margin: 1.5rem 0; }\n\n    .ts-grid-prop {\n        max-width: 24rem;\n    }\n    .ts-card-content { padding: 1.75rem; }\n    .ts-tool-name { font-size: 1.25rem; }\n    .ts-tool-desc { font-size: 0.875rem; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Desktop \u2014 1024px+\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .ts-block { padding: 9rem 0; }\n    .ts-container { padding: 0 2rem; }\n    .ts-header { margin-bottom: 4rem; }\n    .ts-title  { font-size: 2.5rem; }\n    .ts-description { font-size: 1.125rem; }\n\n    .ts-grid { gap: 1.125rem; }\n    .ts-grid-prop {\n        max-width: 26rem;\n    }\n    .ts-grid-prop[data-cols=\"2\"] {\n        max-width: 100%;\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ts-grid-prop[data-cols=\"3\"] {\n        max-width: 100%;\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"4\"] {\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"5\"] {\n        grid-template-columns: repeat(5, 1fr);\n    }\n    .ts-grid-ind[data-cols=\"6\"] {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ts-divider {\n        margin: 2.5rem auto;\n        max-width: 16rem;\n    }\n\n    .ts-card { border-radius: 1.125rem; }\n    .ts-card-content { padding: 2rem; }\n    .ts-card-prop .ts-card-content { padding: 2.5rem; }\n\n    .ts-logo-box-lg {\n        width: 5rem;\n        height: 5rem;\n    }\n    .ts-logo-box-sm {\n        width: 7rem;\n        height: 5rem;\n    }\n\n    .ts-tool-name { font-size: 1.375rem; }\n    .ts-tool-name-sm { font-size: 1.0625rem; }\n    .ts-tool-desc { font-size: 0.9375rem; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Tech Stack \u2014 GSAP Animations \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    function initTechStack() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(initTechStack, 100);\n            return;\n        }\n        gsap.registerPlugin(ScrollTrigger);\n\n        var section = document.querySelector('#tech-stack');\n        if (!section) return;\n\n        var trigger = { trigger: section, start: 'top 80%', once: true };\n\n        \/\/ Entrance animations\n        section.querySelectorAll('.ts-el').forEach(function(el) {\n            var delay = parseFloat(el.getAttribute('data-ts-delay')) || 0;\n            gsap.fromTo(el,\n                { opacity: 0, y: 25 },\n                { opacity: 1, y: 0, duration: 0.6, delay: delay, ease: 'power3.out', scrollTrigger: trigger }\n            );\n        });\n\n        \/\/ Card hover: border + shadow + logo filter\n        section.querySelectorAll('.ts-card').forEach(function(card) {\n            var hoverBorder = card.getAttribute('data-hover-border');\n            var hoverShadow = card.getAttribute('data-hover-shadow');\n            var origBorder = card.style.borderColor;\n            var origShadow = card.style.boxShadow;\n            var logo = card.querySelector('.ts-logo-img');\n            var origFilter = logo ? logo.style.filter : '';\n            var hoverFilter = logo ? logo.getAttribute('data-hover-filter') : '';\n            card.addEventListener('mouseenter', function() {\n                card.style.borderColor = hoverBorder;\n                if (hoverShadow) card.style.boxShadow = hoverShadow;\n                if (logo && hoverFilter) logo.style.filter = hoverFilter;\n            });\n            card.addEventListener('mouseleave', function() {\n                card.style.borderColor = origBorder;\n                card.style.boxShadow = origShadow;\n                if (logo && hoverFilter) logo.style.filter = origFilter;\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initTechStack);\n    } else {\n        initTechStack();\n    }\n    window.addEventListener('load', function() { setTimeout(initTechStack, 150); });\n})();\n<\/script>\n\n\n\n<section class=\"spp-block\" id=\"services\" data-slide-count=\"4\">\n    <div class=\"spp-container\">\n\n        <!-- \u2550\u2550\u2550 Header \u2550\u2550\u2550 -->\n                    <div class=\"spp-header\">\n                                    <h2 class=\"spp-title\">Our Services Tiers\r\nScalable Solutions For Every Business Stage<\/h2>\n                                                    <p class=\"spp-description\">Whether you are a startup needing a roadmap or an enterprise seeking market domination, our tiered approach solves specific business challenges efficiently.<\/p>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Desktop: Sticky Scroll Progression \u2550\u2550\u2550 -->\n        <div class=\"spp-scroll-area\">\n            <div class=\"spp-sticky\">\n                <div class=\"spp-columns\">\n\n                    <!-- Left: Step Names -->\n                    <div class=\"spp-steps\">\n                                                    <button class=\"spp-step is-active\"\n                                    data-slide=\"0\" type=\"button\">\n                                <span class=\"spp-step-indicator\"><\/span>\n                                <span class=\"spp-step-count\">01<\/span>\n                                <span class=\"spp-step-name\">The Blueprint<\/span>\n                            <\/button>\n                                                    <button class=\"spp-step\"\n                                    data-slide=\"1\" type=\"button\">\n                                <span class=\"spp-step-indicator\"><\/span>\n                                <span class=\"spp-step-count\">02<\/span>\n                                <span class=\"spp-step-name\">Co-Pilot<\/span>\n                            <\/button>\n                                                    <button class=\"spp-step\"\n                                    data-slide=\"2\" type=\"button\">\n                                <span class=\"spp-step-indicator\"><\/span>\n                                <span class=\"spp-step-count\">03<\/span>\n                                <span class=\"spp-step-name\">Growth<\/span>\n                            <\/button>\n                                                    <button class=\"spp-step\"\n                                    data-slide=\"3\" type=\"button\">\n                                <span class=\"spp-step-indicator\"><\/span>\n                                <span class=\"spp-step-count\">04<\/span>\n                                <span class=\"spp-step-name\">The Authority<\/span>\n                            <\/button>\n                                            <\/div>\n\n                    <!-- Right: Content Panels (grid overlap, crossfade) -->\n                    <div class=\"spp-panels\">\n                                                    <div class=\"spp-panel is-active\" data-slide=\"0\">\n\n                                <!-- Step counter -->\n                                <div class=\"spp-panel-counter\">\n                                    <span class=\"spp-counter-current\">01<\/span>\n                                    <span class=\"spp-counter-sep\">\/<\/span>\n                                    <span class=\"spp-counter-total\">04<\/span>\n                                <\/div>\n\n                                                                    <h3 class=\"spp-panel-title\">Diagnose Before You Deploy<\/h3>\n                                \n                                                                    <p class=\"spp-panel-subtitle\">For companies that feel invisible.<\/p>\n                                \n                                                                    <div class=\"spp-panel-desc\"><p>Before execution comes clarity.<br \/>\nWe conduct a comprehensive Technical SEO Audit, Strategic GEO\/SEO Diagnosis, and Competitor Benchmarking to identify exactly where AI-driven search is bypassing your brand.<\/p>\n<\/div>\n                                \n                                                                    <div class=\"spp-panel-outcome\">\n                                        <span class=\"spp-outcome-label\">Outcome:<\/span>\n                                        <ul class=\"spp-outcome-list\">\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>A precise Gap Analysis revealing where you\u2019re losing visibility  and a prioritized action plan to fix it.<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>Delivered in 2\u20133 weeks.<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                \n                                                                    <p class=\"spp-panel-closing\">&#8211;This is strategic reconnaissance &#8212;<\/p>\n                                \n                                                                    <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                       target=\"_blank\"\n                                       class=\"btn btn-primary btn-lg spp-panel-cta\">\n                                        Book a call                                    <\/a>\n                                                            <\/div>\n                                                    <div class=\"spp-panel\" data-slide=\"1\">\n\n                                <!-- Step counter -->\n                                <div class=\"spp-panel-counter\">\n                                    <span class=\"spp-counter-current\">02<\/span>\n                                    <span class=\"spp-counter-sep\">\/<\/span>\n                                    <span class=\"spp-counter-total\">04<\/span>\n                                <\/div>\n\n                                                                    <h3 class=\"spp-panel-title\">Strategic Intelligence, Shared Execution<\/h3>\n                                \n                                                                    <p class=\"spp-panel-subtitle\">For teams with internal writers but no AI-era strategy.<\/p>\n                                \n                                                                    <div class=\"spp-panel-desc\"><p>We become your strategic command layer.<br \/>\nYou execute. We architect.<br \/>\nWe handle technical and semantic implementation while delivering high-intent content blueprints your team can deploy with precision.<\/p>\n<\/div>\n                                \n                                                                    <div class=\"spp-panel-outcome\">\n                                        <span class=\"spp-outcome-label\">Outcome:<\/span>\n                                        <ul class=\"spp-outcome-list\">\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>Strategic content targeting<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>AI-compatible structured feed setup<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>Monthly performance reporting via Looker Studio<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                \n                                                                    <p class=\"spp-panel-closing\">You gain direction without losing internal control.<\/p>\n                                \n                                                                    <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                       target=\"_blank\"\n                                       class=\"btn btn-primary btn-lg spp-panel-cta\">\n                                        Book a call                                    <\/a>\n                                                            <\/div>\n                                                    <div class=\"spp-panel\" data-slide=\"2\">\n\n                                <!-- Step counter -->\n                                <div class=\"spp-panel-counter\">\n                                    <span class=\"spp-counter-current\">03<\/span>\n                                    <span class=\"spp-counter-sep\">\/<\/span>\n                                    <span class=\"spp-counter-total\">04<\/span>\n                                <\/div>\n\n                                                                    <h3 class=\"spp-panel-title\">Full-Scale Execution<\/h3>\n                                \n                                                                    <p class=\"spp-panel-subtitle\">For companies without a dedicated SEO\/GEO department.<\/p>\n                                \n                                                                    <div class=\"spp-panel-desc\"><p>We become it.<br \/>\nFrom GEO-optimized content production to active link building and digital PR, we operate as your outsourced search authority team.<\/p>\n<\/div>\n                                \n                                                                    <div class=\"spp-panel-outcome\">\n                                        <span class=\"spp-outcome-label\">Outcome:<\/span>\n                                        <ul class=\"spp-outcome-list\">\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>2 GEO-ready articles or 4 strategic optimizations per month<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>AI citation tracking<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>Continuous optimization cycles<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                \n                                                                    <p class=\"spp-panel-closing\">This is momentum.<\/p>\n                                \n                                                                    <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                       target=\"_blank\"\n                                       class=\"btn btn-primary btn-lg spp-panel-cta\">\n                                        Book a call                                    <\/a>\n                                                            <\/div>\n                                                    <div class=\"spp-panel\" data-slide=\"3\">\n\n                                <!-- Step counter -->\n                                <div class=\"spp-panel-counter\">\n                                    <span class=\"spp-counter-current\">04<\/span>\n                                    <span class=\"spp-counter-sep\">\/<\/span>\n                                    <span class=\"spp-counter-total\">04<\/span>\n                                <\/div>\n\n                                                                    <h3 class=\"spp-panel-title\">Control the Narrative. Own the Category.<\/h3>\n                                \n                                                                    <p class=\"spp-panel-subtitle\">For market leaders who cannot afford to be misrepresented by AI.<\/p>\n                                \n                                                                    <div class=\"spp-panel-desc\"><p>We move beyond ranking.<br \/>\nWe influence how AI describes your brand.<br \/>\nThis is aggressive authority building, entity management, and sentiment shaping at scale.<\/p>\n<\/div>\n                                \n                                                                    <div class=\"spp-panel-outcome\">\n                                        <span class=\"spp-outcome-label\">Outcome:<\/span>\n                                        <ul class=\"spp-outcome-list\">\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>4 GEO-ready articles per month<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>4 high-authority links per month<\/li>\n                                                                                            <li><span class=\"spp-outcome-dot\"><\/span>Entity &amp; Sentiment Management<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                \n                                                                    <p class=\"spp-panel-closing\">This is domination.<\/p>\n                                \n                                                                    <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                       target=\"_blank\"\n                                       class=\"btn btn-primary btn-lg spp-panel-cta\">\n                                        Book a call                                    <\/a>\n                                                            <\/div>\n                                            <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u2550\u2550\u2550 Mobile: Stacked Cards \u2550\u2550\u2550 -->\n        <div class=\"spp-mobile\">\n                            <div class=\"spp-mobile-card\">\n                    <div class=\"spp-mobile-count\">01<\/div>\n                    <h3 class=\"spp-mobile-name\">The Blueprint<\/h3>\n\n                    \n                                            <h4 class=\"spp-mobile-title\">Diagnose Before You Deploy<\/h4>\n                    \n                                            <p class=\"spp-mobile-subtitle\">For companies that feel invisible.<\/p>\n                    \n                                            <div class=\"spp-mobile-desc\"><p>Before execution comes clarity.<br \/>\nWe conduct a comprehensive Technical SEO Audit, Strategic GEO\/SEO Diagnosis, and Competitor Benchmarking to identify exactly where AI-driven search is bypassing your brand.<\/p>\n<\/div>\n                    \n                                            <div class=\"spp-mobile-outcome\">\n                            <span class=\"spp-outcome-label\">Outcome:<\/span>\n                            <ul class=\"spp-outcome-list\">\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>A precise Gap Analysis revealing where you\u2019re losing visibility  and a prioritized action plan to fix it.<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>Delivered in 2\u20133 weeks.<\/li>\n                                                            <\/ul>\n                        <\/div>\n                    \n                                            <p class=\"spp-mobile-closing\">&#8211;This is strategic reconnaissance &#8212;<\/p>\n                    \n                                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                           target=\"_blank\"\n                           class=\"btn btn-primary spp-mobile-cta\">\n                            Book a call                        <\/a>\n                                    <\/div>\n                            <div class=\"spp-mobile-card\">\n                    <div class=\"spp-mobile-count\">02<\/div>\n                    <h3 class=\"spp-mobile-name\">Co-Pilot<\/h3>\n\n                    \n                                            <h4 class=\"spp-mobile-title\">Strategic Intelligence, Shared Execution<\/h4>\n                    \n                                            <p class=\"spp-mobile-subtitle\">For teams with internal writers but no AI-era strategy.<\/p>\n                    \n                                            <div class=\"spp-mobile-desc\"><p>We become your strategic command layer.<br \/>\nYou execute. We architect.<br \/>\nWe handle technical and semantic implementation while delivering high-intent content blueprints your team can deploy with precision.<\/p>\n<\/div>\n                    \n                                            <div class=\"spp-mobile-outcome\">\n                            <span class=\"spp-outcome-label\">Outcome:<\/span>\n                            <ul class=\"spp-outcome-list\">\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>Strategic content targeting<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>AI-compatible structured feed setup<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>Monthly performance reporting via Looker Studio<\/li>\n                                                            <\/ul>\n                        <\/div>\n                    \n                                            <p class=\"spp-mobile-closing\">You gain direction without losing internal control.<\/p>\n                    \n                                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                           target=\"_blank\"\n                           class=\"btn btn-primary spp-mobile-cta\">\n                            Book a call                        <\/a>\n                                    <\/div>\n                            <div class=\"spp-mobile-card\">\n                    <div class=\"spp-mobile-count\">03<\/div>\n                    <h3 class=\"spp-mobile-name\">Growth<\/h3>\n\n                    \n                                            <h4 class=\"spp-mobile-title\">Full-Scale Execution<\/h4>\n                    \n                                            <p class=\"spp-mobile-subtitle\">For companies without a dedicated SEO\/GEO department.<\/p>\n                    \n                                            <div class=\"spp-mobile-desc\"><p>We become it.<br \/>\nFrom GEO-optimized content production to active link building and digital PR, we operate as your outsourced search authority team.<\/p>\n<\/div>\n                    \n                                            <div class=\"spp-mobile-outcome\">\n                            <span class=\"spp-outcome-label\">Outcome:<\/span>\n                            <ul class=\"spp-outcome-list\">\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>2 GEO-ready articles or 4 strategic optimizations per month<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>AI citation tracking<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>Continuous optimization cycles<\/li>\n                                                            <\/ul>\n                        <\/div>\n                    \n                                            <p class=\"spp-mobile-closing\">This is momentum.<\/p>\n                    \n                                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                           target=\"_blank\"\n                           class=\"btn btn-primary spp-mobile-cta\">\n                            Book a call                        <\/a>\n                                    <\/div>\n                            <div class=\"spp-mobile-card\">\n                    <div class=\"spp-mobile-count\">04<\/div>\n                    <h3 class=\"spp-mobile-name\">The Authority<\/h3>\n\n                    \n                                            <h4 class=\"spp-mobile-title\">Control the Narrative. Own the Category.<\/h4>\n                    \n                                            <p class=\"spp-mobile-subtitle\">For market leaders who cannot afford to be misrepresented by AI.<\/p>\n                    \n                                            <div class=\"spp-mobile-desc\"><p>We move beyond ranking.<br \/>\nWe influence how AI describes your brand.<br \/>\nThis is aggressive authority building, entity management, and sentiment shaping at scale.<\/p>\n<\/div>\n                    \n                                            <div class=\"spp-mobile-outcome\">\n                            <span class=\"spp-outcome-label\">Outcome:<\/span>\n                            <ul class=\"spp-outcome-list\">\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>4 GEO-ready articles per month<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>4 high-authority links per month<\/li>\n                                                                    <li><span class=\"spp-outcome-dot\"><\/span>Entity &amp; Sentiment Management<\/li>\n                                                            <\/ul>\n                        <\/div>\n                    \n                                            <p class=\"spp-mobile-closing\">This is domination.<\/p>\n                    \n                                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                           target=\"_blank\"\n                           class=\"btn btn-primary spp-mobile-cta\">\n                            Book a call                        <\/a>\n                                    <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Progression Style \u2014 Styles \u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.spp-block { position: relative; padding: 5rem 0; background: #0a0a0a; color: #fff; }\n.spp-container { max-width: 76rem; margin: 0 auto; padding: 0 1.5rem; }\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.spp-header { text-align: center; max-width: 48rem; margin: 0 auto 3.5rem; }\n.spp-title { font-size: 1.875rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.025em; margin-bottom: 1rem; color: #fff; }\n.spp-description { font-size: 1rem; line-height: 1.75; color: rgba(255,255,255,0.50); }\n\n\/* \u2500\u2500 Desktop: hidden on mobile \u2500\u2500 *\/\n.spp-scroll-area { display: none; }\n\n\/* \u2500\u2500 Mobile cards \u2500\u2500 *\/\n.spp-mobile { display: flex; flex-direction: column; gap: 1rem; }\n.spp-mobile-card {\n    border: 1px solid rgba(255,255,255,0.06);\n    border-radius: 1.25rem;\n    padding: 2rem 1.75rem;\n    background: rgba(255,255,255,0.03);\n}\n.spp-mobile-count { font-size: 0.6875rem; font-weight: 700; color: rgba(255,255,255,0.25); letter-spacing: 0.1em; margin-bottom: 0.5rem; }\n.spp-mobile-name { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; color: #fff; }\n.spp-mobile-image { margin-bottom: 1.25rem; border-radius: 0.75rem; overflow: hidden; }\n.spp-mobile-image .spp-img { width: 100%; height: auto; display: block; }\n.spp-mobile-title { font-size: 1.25rem; font-weight: 700; line-height: 1.3; color: #fff; margin-bottom: 0.25rem; }\n.spp-mobile-subtitle { font-size: 0.9375rem; font-weight: 500; font-style: italic; color: rgba(255,255,255,0.50); margin-bottom: 1rem; }\n.spp-mobile-outcome { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(255,255,255,0.06); }\n.spp-mobile-outcome .spp-outcome-label { display: block; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.50); margin-bottom: 0.375rem; }\n.spp-mobile-outcome .spp-outcome-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.375rem; }\n.spp-mobile-outcome .spp-outcome-list li { display: flex; align-items: baseline; gap: 0.5rem; font-size: 0.875rem; line-height: 1.6; color: rgba(255,255,255,0.55); }\n.spp-mobile-outcome .spp-outcome-dot { display: block; width: 4px; height: 4px; border-radius: 50%; background: rgba(195,4,48,0.50); flex-shrink: 0; margin-top: 0.45em; }\n.spp-mobile-closing { margin-top: 1rem; font-size: 0.9375rem; font-weight: 600; font-style: italic; color: rgba(255,255,255,0.40); }\n.spp-mobile-desc { font-size: 0.9375rem; line-height: 1.7; color: rgba(255,255,255,0.50); margin-bottom: 1rem; }\n.spp-mobile-desc p { font-size: inherit; line-height: inherit; color: inherit; margin-bottom: 0.75rem; }\n.spp-mobile-desc p:last-child { margin-bottom: 0; }\n.spp-mobile-desc h3 { font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 0.25rem; line-height: 1.3; }\n.spp-mobile-desc h4 { font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.75); margin-bottom: 0.5rem; line-height: 1.35; }\n.spp-mobile-desc em { color: rgba(255,255,255,0.70); }\n.spp-mobile-desc strong { color: #fff; font-weight: 600; }\n.spp-mobile-desc ul, .spp-mobile-desc ol { padding-left: 1.25rem; margin: 0.5rem 0; }\n.spp-mobile-desc li { margin-bottom: 0.375rem; }\n.spp-mobile-cta { margin-top: 0.75rem; }\n.spp-panel-counter { display: none; }\n\n\/* \u2500\u2500 CTA button override for dark bg \u2500\u2500 *\/\n.spp-block .spp-panel-cta,\n.spp-block .spp-mobile-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 2rem;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #ffffff;\n    background: transparent;\n    border: 1px solid rgba(255,255,255,0.20);\n    border-radius: 0.5rem;\n    text-decoration: none;\n    transition: border-color 0.3s ease, background 0.3s ease;\n    width: fit-content;\n    margin-top: 40px;\n}\n.spp-block .spp-panel-cta:hover,\n.spp-block .spp-mobile-cta:hover {\n    border-color: rgba(255,255,255,0.45);\n    background: rgba(255,255,255,0.04);\n}\n\/* Arrow icon after CTA *\/\n.spp-block .spp-panel-cta::after,\n.spp-block .spp-mobile-cta::after {\n    content: '\u2192';\n    font-size: 0.875rem;\n    transition: transform 0.3s ease;\n}\n.spp-block .spp-panel-cta:hover::after,\n.spp-block .spp-mobile-cta:hover::after {\n    transform: translateX(3px);\n}\n\n\/* \u2550\u2550\u2550 Tablet \u2014 768px+ \u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .spp-block { padding: 7rem 0; }\n    .spp-header { margin-bottom: 4rem; }\n    .spp-title { font-size: 2.25rem; }\n    .spp-description { font-size: 1.0625rem; }\n    .spp-mobile-card { padding: 2.25rem 2rem; }\n}\n\n\/* \u2550\u2550\u2550 Desktop \u2014 1024px+ \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .spp-block { padding: 9rem 0; }\n    .spp-container { padding: 0 2rem; }\n    .spp-header { margin-bottom: 5rem; }\n    .spp-title { font-size: 2.75rem; }\n    .spp-description { font-size: 1.125rem; }\n\n    \/* Hide mobile, show desktop *\/\n    .spp-mobile { display: none; }\n    .spp-scroll-area { display: block; position: relative; }\n\n    \/* Sticky inner *\/\n    .spp-sticky {\n        position: sticky;\n        top: 0;\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n    }\n\n    \/* Two columns with vertical separator *\/\n    .spp-columns {\n        display: flex;\n        gap: 4rem;\n        width: 100%;\n        align-items: flex-start;\n        position: relative;\n    }\n    \/* Vertical separator line *\/\n    .spp-columns::after {\n        content: '';\n        position: absolute;\n        top: 2rem;\n        bottom: 2rem;\n        left: calc(40% + 2rem);\n        width: 1px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.06) 20%, rgba(255,255,255,0.06) 80%, transparent);\n    }\n\n    .spp-steps {\n        width: 40%;\n        display: flex;\n        flex-direction: column;\n        gap: 1.25rem;\n        flex-shrink: 0;\n        padding: 2rem 0;\n    }\n\n    .spp-step {\n        display: flex;\n        align-items: baseline;\n        gap: 0.75rem;\n        padding: 0.875rem 0 0.875rem 1.5rem;\n        position: relative;\n        text-align: left;\n        background: none;\n        border: none;\n        cursor: pointer;\n        transition: transform 0.35s ease, opacity 0.35s ease;\n        opacity: 0.35;\n        color: #fff;\n    }\n    .spp-step:hover { opacity: 0.55; }\n    .spp-step.is-active {\n        opacity: 1;\n        transform: translateX(0.75rem);\n    }\n\n    \/* Indicator bar \u2014 brand purple, left edge *\/\n    .spp-step-indicator {\n        position: absolute;\n        left: 0;\n        top: 0.5rem;\n        bottom: 0.5rem;\n        width: 3px;\n        border-radius: 2px;\n        background: #c30430;\n        transform: scaleY(0);\n        transform-origin: top;\n        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n    .spp-step.is-active .spp-step-indicator {\n        transform: scaleY(1);\n    }\n\n    .spp-step-count {\n        font-size: 0.6875rem;\n        font-weight: 600;\n        letter-spacing: 0.1em;\n        color: rgba(255,255,255,0.45);\n        transition: color 0.35s ease;\n        flex-shrink: 0;\n    }\n    .spp-step.is-active .spp-step-count { color: rgba(255,255,255,0.70); }\n\n    .spp-step-name {\n        font-size: 2.5rem;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.03em;\n        text-transform: uppercase;\n        color: rgba(255,255,255,0.35);\n        transition: color 0.35s ease;\n    }\n    .spp-step.is-active .spp-step-name { color: #ffffff; }\n\n    \/* \u2500\u2500 Right: Panels \u2500\u2500 *\/\n    .spp-panels {\n        width: 60%;\n        display: grid;\n        padding: 2rem 0;\n    }\n\n    .spp-panel {\n        grid-area: 1 \/ 1;\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        pointer-events: none;\n    }\n    .spp-panel.is-active { opacity: 1; pointer-events: auto; }\n\n    \/* Step counter \u2014 top of panel *\/\n    .spp-panel-counter {\n        display: block;\n        margin-bottom: 1.5rem;\n        font-size: 0.6875rem;\n        font-weight: 600;\n        letter-spacing: 0.08em;\n        font-variant-numeric: tabular-nums;\n    }\n    .spp-counter-current {\n        color: rgba(255,255,255,0.70);\n    }\n    .spp-counter-sep {\n        color: rgba(255,255,255,0.15);\n        margin: 0 0.25rem;\n    }\n    .spp-counter-total {\n        color: rgba(255,255,255,0.25);\n    }\n\n    .spp-panel-image {\n        margin-bottom: 1.5rem;\n        border-radius: 0.875rem;\n        overflow: hidden;\n        max-width: 28rem;\n    }\n    .spp-panel-image .spp-img { width: 100%; height: auto; display: block; }\n\n    .spp-panel-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        line-height: 1.25;\n        color: #ffffff;\n        margin-bottom: 0.25rem;\n    }\n    .spp-panel-subtitle {\n        font-size: 1.0625rem;\n        font-weight: 500;\n        font-style: italic;\n        line-height: 1.4;\n        color: rgba(255,255,255,0.50);\n        margin-bottom: 1.25rem;\n    }\n    .spp-panel-outcome {\n        margin-top: 1rem;\n        padding-top: 1rem;\n        border-top: 1px solid rgba(255,255,255,0.06);\n    }\n    .spp-outcome-label {\n        display: block;\n        font-size: 0.6875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.12em;\n        color: rgba(255,255,255,0.50);\n        margin-bottom: 0.375rem;\n    }\n    .spp-outcome-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    .spp-outcome-list li {\n        display: flex;\n        align-items: baseline;\n        gap: 0.625rem;\n        font-size: 0.9375rem;\n        line-height: 1.6;\n        color: rgba(255,255,255,0.60);\n    }\n    .spp-outcome-dot {\n        display: block;\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n        background: rgba(195,4,48,0.50);\n        flex-shrink: 0;\n        margin-top: 0.45em;\n    }\n    .spp-panel-closing {\n        margin-top: 1.5rem;\n        font-size: 1rem;\n        font-weight: 600;\n        font-style: italic;\n        color: rgba(255,255,255,0.45);\n        letter-spacing: 0.01em;\n    }\n    .spp-panel-desc {\n        font-size: 1rem;\n        line-height: 1.75;\n        color: rgba(255,255,255,0.50);\n        margin-bottom: 1.25rem;\n    }\n    .spp-panel-desc p { font-size: inherit; line-height: inherit; color: inherit; margin-bottom: 0.75rem; }\n    .spp-panel-desc p:last-child { margin-bottom: 0; }\n\n    \/* WYSIWYG hierarchy inside panels *\/\n    .spp-panel-desc h3 {\n        font-size: 1.375rem;\n        font-weight: 700;\n        color: #ffffff;\n        line-height: 1.3;\n        margin-bottom: 0.25rem;\n    }\n    .spp-panel-desc h4 {\n        font-size: 1.0625rem;\n        font-weight: 600;\n        color: rgba(255,255,255,0.75);\n        font-style: italic;\n        line-height: 1.35;\n        margin-bottom: 0.75rem;\n    }\n    .spp-panel-desc h5 {\n        font-size: 0.875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: rgba(255,255,255,0.40);\n        margin-top: 1.5rem;\n        margin-bottom: 0.375rem;\n    }\n    .spp-panel-desc strong {\n        color: #ffffff;\n        font-weight: 600;\n    }\n    .spp-panel-desc em {\n        color: rgba(255,255,255,0.65);\n    }\n    .spp-panel-desc ul, .spp-panel-desc ol {\n        padding-left: 1.25rem;\n        margin: 0.75rem 0;\n    }\n    .spp-panel-desc li {\n        margin-bottom: 0.375rem;\n        font-size: inherit;\n        color: inherit;\n    }\n    .spp-panel-desc blockquote {\n        border-left: 2px solid rgba(195,4,48,0.40);\n        padding-left: 1rem;\n        margin: 1.25rem 0;\n        font-style: italic;\n        color: rgba(255,255,255,0.60);\n    }\n    .spp-panel-desc hr {\n        border: none;\n        border-top: 1px solid rgba(255,255,255,0.08);\n        margin: 1.5rem 0;\n    }\n\n    .spp-panel-cta { margin-top: 0.5rem; }\n}\n\n\/* \u2550\u2550\u2550 Large Desktop \u2014 1280px+ \u2550\u2550\u2550 *\/\n@media (min-width: 1280px) {\n    .spp-columns { gap: 5rem; }\n    .spp-step-name { font-size: 3.25rem; }\n    .spp-panel-title { font-size: 1.75rem; }\n    .spp-panel-subtitle { font-size: 1.125rem; }\n    .spp-panel-desc { font-size: 1.0625rem; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Progression Style \u2014 GSAP \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    function initProgression() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(initProgression, 100);\n            return;\n        }\n        gsap.registerPlugin(ScrollTrigger);\n\n        var section = document.querySelector('#services');\n        if (!section || window.innerWidth < 1024) return;\n\n        var scrollArea = section.querySelector('.spp-scroll-area');\n        var steps = section.querySelectorAll('.spp-step');\n        var panels = section.querySelectorAll('.spp-panel');\n        var count = steps.length;\n\n        if (!scrollArea || !count) return;\n\n        \/\/ Each slide = 60vh of scroll distance + 100vh for sticky\n        var zoneH = window.innerHeight * 0.6;\n        scrollArea.style.height = (zoneH * count + window.innerHeight) + 'px';\n\n        var current = 0;\n\n        function activate(idx) {\n            if (idx === current) return;\n            steps.forEach(function(s, i) { s.classList.toggle('is-active', i === idx); });\n            panels.forEach(function(p, i) { p.classList.toggle('is-active', i === idx); });\n            current = idx;\n        }\n\n        ScrollTrigger.create({\n            trigger: scrollArea,\n            start: 'top top',\n            end: 'bottom bottom',\n            scrub: 0.3,\n            onUpdate: function(self) {\n                var idx = Math.min(Math.floor(self.progress * count), count - 1);\n                activate(idx);\n            }\n        });\n\n        \/\/ Click nav\n        steps.forEach(function(btn, idx) {\n            btn.addEventListener('click', function() {\n                var target = scrollArea.offsetTop + (zoneH * idx);\n                window.scrollTo({ top: target, behavior: 'smooth' });\n            });\n        });\n\n        \/\/ Resize\n        var rt;\n        window.addEventListener('resize', function() {\n            clearTimeout(rt);\n            rt = setTimeout(function() {\n                if (window.innerWidth < 1024) return;\n                zoneH = window.innerHeight * 0.6;\n                scrollArea.style.height = (zoneH * count + window.innerHeight) + 'px';\n                ScrollTrigger.refresh();\n            }, 150);\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initProgression);\n    } else {\n        initProgression();\n    }\n    window.addEventListener('load', function() { setTimeout(initProgression, 150); });\n})();\n<\/script>\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=\"\"\n    id=\"other-services\">\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-dark\">\n                            Flexible Engagement & \u00c0 La Carte Services                        <\/h2>\n                                                <p class=\"mt-4 text-lg lg:text-xl leading-relaxed text-body\">\n                            We understand that flexibility is key to a successful near-shore partnership. Beyond our tiers, we offer specialized solutions to support your specific needs:                        <\/p>\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:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                        target=\"_blank\"\n                        class=\"btn-primary btn btn-lg\"\n                        >\n                            Book a call                        <\/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                        <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                Strategic Audit Package                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                Technical, on-page, and semantic deep dive.                            <\/p>\n                                                    <\/div>\n                    <\/div>                <\/div>\n                                <div class=\"relative postit-1-js z-3 lg:mt-10\" data-index=\"1\">\n                        <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                Technical Migration &amp; Launch Support                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                Pre-migration strategy and 301 redirect mapping.                            <\/p>\n                                                    <\/div>\n                    <\/div>                <\/div>\n                                <div class=\"relative postit-2-js z-2 \" data-index=\"2\">\n                        <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                Content Production                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                From 600-word tactical articles to 2,000+ word authority-building resources, all optimized for SEO and GEO.                            <\/p>\n                                                    <\/div>\n                    <\/div>                <\/div>\n                                <div class=\"relative postit-3-js z-1 lg:mt-10\" data-index=\"3\">\n                        <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\">\n                        <!-- Number -->\n                        <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                Link Building                            <\/h4>\n                            \n                                                        <p class=\"text-sm xl:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                High-authority traditional links and GEO-oriented citations to feed AI training data.                            <\/p>\n                                                    <\/div>\n                    <\/div>                <\/div>\n                                <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"z-separator z-separator--01 hidden lg:block\" aria-hidden=\"true\"><\/div>\n\n<!-- Mobile Carousel (hidden on lg+) -->\n<section class=\"relative overflow-hidden py-10 md:py-10 lg:py-12 lg:hidden\"\n    style=\"\">\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-dark\">\n                    Flexible Engagement & \u00c0 La Carte Services                <\/h2>\n                                <p class=\"mt-3 text-base sm:text-lg leading-relaxed text-body\">\n                    We understand that flexibility is key to a successful near-shore partnership. Beyond our tiers, we offer specialized solutions to support your specific needs:                <\/p>\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:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                target=\"_blank\"\n                class=\"btn-primary btn btn-lg w-full sm:w-auto\"\n                >\n                    Book a call                <\/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-6a049663d38b2 cursor-pointer rounded-full p-2.5 sm:p-3 shadow-lg transition-colors duration-200 bg-gray-100 hover:bg-gray-200\">\n                    <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-gray-800\" 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-6a049663d38b2 cursor-pointer rounded-full p-2.5 sm:p-3 shadow-lg transition-colors duration-200 bg-gray-100 hover:bg-gray-200\">\n                    <svg class=\"w-5 h-5 sm:w-6 sm:h-6 text-gray-800\" 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-6a049663d38b2 px-3 sm:px-4\">\n                    <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                        Strategic Audit Package                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                        Technical, on-page, and semantic deep dive.                                    <\/p>\n                                                                    <\/div>\n                            <\/div>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                        Technical Migration &amp; Launch Support                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                        Pre-migration strategy and 301 redirect mapping.                                    <\/p>\n                                                                    <\/div>\n                            <\/div>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                        Content Production                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                        From 600-word tactical articles to 2,000+ word authority-building resources, all optimized for SEO and GEO.                                    <\/p>\n                                                                    <\/div>\n                            <\/div>                        <\/div>\n                                                <div class=\"swiper-slide flex !h-auto mb-10\">\n                            <div 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 hover:bg-gray-900 hover:shadow-2xl hover:bg-gray-900\" style=\"aspect-ratio: 3 \/ 4;\">                                <!-- Number -->\n                                <p class=\"text-sm font-raleway uppercase transition-colors duration-300 text-gray-900 group-hover:text-white\">\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                                        Link Building                                    <\/h4>\n                                    \n                                                                        <p class=\"text-sm sm:text-base leading-relaxed font-raleway transition-colors duration-300 text-gray-900 group-hover:text-white break-words overflow-wrap-anywhere\">\n                                        High-authority traditional links and GEO-oriented citations to feed AI training data.                                    <\/p>\n                                                                    <\/div>\n                            <\/div>                        <\/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-6a049663d38b2', {\n        slidesPerView: 1.2,\n        spaceBetween: 25,\n        centeredSlides: false,\n        loop: true,\n        navigation: {\n            nextEl: '.swiper-button-next-partner-services-6a049663d38b2',\n            prevEl: '.swiper-button-prev-partner-services-6a049663d38b2',\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=\"ct-block z-watermark z-watermark--01 same-theme-next\"\n    id=\"global-standards\"\n    data-block-id=\"global-standards\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000;\">\n\n    <div class=\"ct-container\">\n\n        <!-- \u2550\u2550\u2550 Header \u2550\u2550\u2550 -->\n                    <div class=\"ct-header\">\n                                                    <h2 class=\"ct-title ct-el\" data-ct-delay=\"0.1\" style=\"color: #ffffff;\">GLOBAL STANDARDS, SMART ECONOMICS<\/h2>\n                                                    <div class=\"ct-description ct-el\" data-ct-delay=\"0.2\" style=\"color: rgba(255,255,255,0.45);\"><p>By partnering with Zenit, you leverage the economic efficiency of near-shoring without sacrificing quality.<\/p>\n<\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Column Headers \u2014 fixed at top \u2550\u2550\u2550 -->\n                    <div class=\"ct-col-headers ct-el\" data-ct-delay=\"0.25\">\n                <div class=\"ct-col-num-spacer\"><\/div>\n                <div class=\"ct-col-header ct-col-header-old\" style=\"color: #9b9b9b;\">\n                    Traditional US Agency                <\/div>\n                <span class=\"ct-col-vs\">vs<\/span>\n                <div class=\"ct-col-header ct-col-header-new\" style=\"color: #ffffff;\">\n                    ZENIT NEW WAY                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550\u2550 MOBILE: Verdict Cards (hidden md+) \u2550\u2550\u2550 -->\n            <div class=\"ct-mobile-rows md:hidden\">\n                                    <div class=\"ct-verdict ct-el\" data-ct-delay=\"0.3\"\n                         style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\">\n\n                        <!-- Row number -->\n                        <div class=\"ct-verdict-num\" style=\"color: rgba(255,255,255,0.15);\">01<\/div>\n\n                        <!-- Old way \u2014 struck through -->\n                        <div class=\"ct-verdict-old\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-old\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"#e63956\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-old-text\">\n                                <span class=\"ct-verdict-old-label\" style=\"color: #b0a8a4;\">Siloed<\/span>\n                                                                    <span class=\"ct-verdict-old-desc\" style=\"color: rgba(255,255,255,0.65);\">SEO and AI often require separate retainers or agencies<\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Divider -->\n                        <div class=\"ct-verdict-divider\" style=\"background: rgba(255,255,255,0.06);\"><\/div>\n\n                        <!-- New way \u2014 bold with check -->\n                        <div class=\"ct-verdict-new\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-new\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#1a8a6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-new-text\">\n                                <span class=\"ct-verdict-new-label\" style=\"color: #ffffff;\">Unified<\/span>\n                                                                    <span class=\"ct-verdict-new-desc\" style=\"color: rgba(255,255,255,0.70);\">Dual-Engine (SEO + GEO) integrated into one retainer<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-verdict ct-el\" data-ct-delay=\"0.38\"\n                         style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\">\n\n                        <!-- Row number -->\n                        <div class=\"ct-verdict-num\" style=\"color: rgba(255,255,255,0.15);\">02<\/div>\n\n                        <!-- Old way \u2014 struck through -->\n                        <div class=\"ct-verdict-old\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-old\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"#e63956\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-old-text\">\n                                <span class=\"ct-verdict-old-label\" style=\"color: #b0a8a4;\">Junior\/Mid-Level<\/span>\n                                                                    <span class=\"ct-verdict-old-desc\" style=\"color: rgba(255,255,255,0.65);\">Accounts often managed by junior staff to protect margins.<\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Divider -->\n                        <div class=\"ct-verdict-divider\" style=\"background: rgba(255,255,255,0.06);\"><\/div>\n\n                        <!-- New way \u2014 bold with check -->\n                        <div class=\"ct-verdict-new\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-new\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#1a8a6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-new-text\">\n                                <span class=\"ct-verdict-new-label\" style=\"color: #ffffff;\">Senior Expertise<\/span>\n                                                                    <span class=\"ct-verdict-new-desc\" style=\"color: rgba(255,255,255,0.70);\">Direct access to top-tier strategists and technical experts. <\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-verdict ct-el\" data-ct-delay=\"0.46\"\n                         style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\">\n\n                        <!-- Row number -->\n                        <div class=\"ct-verdict-num\" style=\"color: rgba(255,255,255,0.15);\">03<\/div>\n\n                        <!-- Old way \u2014 struck through -->\n                        <div class=\"ct-verdict-old\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-old\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"#e63956\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-old-text\">\n                                <span class=\"ct-verdict-old-label\" style=\"color: #b0a8a4;\">Extra Fees<\/span>\n                                                                    <span class=\"ct-verdict-old-desc\" style=\"color: rgba(255,255,255,0.65);\">&quot;AI Consulting&quot; or specialized tooling is often billed as an add-on.<\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Divider -->\n                        <div class=\"ct-verdict-divider\" style=\"background: rgba(255,255,255,0.06);\"><\/div>\n\n                        <!-- New way \u2014 bold with check -->\n                        <div class=\"ct-verdict-new\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-new\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#1a8a6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-new-text\">\n                                <span class=\"ct-verdict-new-label\" style=\"color: #ffffff;\">Included<\/span>\n                                                                    <span class=\"ct-verdict-new-desc\" style=\"color: rgba(255,255,255,0.70);\">Proprietary tools like Qwairy &amp; Omni included in the service.<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-verdict ct-el\" data-ct-delay=\"0.54\"\n                         style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\">\n\n                        <!-- Row number -->\n                        <div class=\"ct-verdict-num\" style=\"color: rgba(255,255,255,0.15);\">04<\/div>\n\n                        <!-- Old way \u2014 struck through -->\n                        <div class=\"ct-verdict-old\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-old\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"#e63956\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-old-text\">\n                                <span class=\"ct-verdict-old-label\" style=\"color: #b0a8a4;\">Slow<\/span>\n                                                                    <span class=\"ct-verdict-old-desc\" style=\"color: rgba(255,255,255,0.65);\">Rigid SOWs and slow pivot times due to high overhead.<\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Divider -->\n                        <div class=\"ct-verdict-divider\" style=\"background: rgba(255,255,255,0.06);\"><\/div>\n\n                        <!-- New way \u2014 bold with check -->\n                        <div class=\"ct-verdict-new\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-new\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#1a8a6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-new-text\">\n                                <span class=\"ct-verdict-new-label\" style=\"color: #ffffff;\">Agile<\/span>\n                                                                    <span class=\"ct-verdict-new-desc\" style=\"color: rgba(255,255,255,0.70);\">Weekly sprints and quarterly future-proofing workshops.<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-verdict ct-el\" data-ct-delay=\"0.62\"\n                         style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\">\n\n                        <!-- Row number -->\n                        <div class=\"ct-verdict-num\" style=\"color: rgba(255,255,255,0.15);\">05<\/div>\n\n                        <!-- Old way \u2014 struck through -->\n                        <div class=\"ct-verdict-old\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-old\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"#e63956\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-old-text\">\n                                <span class=\"ct-verdict-old-label\" style=\"color: #b0a8a4;\">$ High<\/span>\n                                                                    <span class=\"ct-verdict-old-desc\" style=\"color: rgba(255,255,255,0.65);\">Typically $10k - $15k\/month for comparable scope.<\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Divider -->\n                        <div class=\"ct-verdict-divider\" style=\"background: rgba(255,255,255,0.06);\"><\/div>\n\n                        <!-- New way \u2014 bold with check -->\n                        <div class=\"ct-verdict-new\">\n                            <span class=\"ct-verdict-icon ct-verdict-icon-new\">\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#1a8a6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                            <div class=\"ct-verdict-new-text\">\n                                <span class=\"ct-verdict-new-label\" style=\"color: #ffffff;\">$$ Optimized<\/span>\n                                                                    <span class=\"ct-verdict-new-desc\" style=\"color: rgba(255,255,255,0.70);\">Enterprise-grade execution at ~30 to 80% lower cost.<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- \u2550\u2550\u2550 DESKTOP: Side-by-side Cards with expand (hidden below md) \u2550\u2550\u2550 -->\n            <div class=\"ct-rows hidden md:flex md:flex-col\">\n                                    <div class=\"ct-row ct-el\" data-ct-delay=\"0.3\">\n\n                        <div class=\"ct-num\" style=\"color: rgba(255,255,255,0.15);\">01<\/div>\n\n                        <div class=\"ct-cards\">\n                            <!-- OLD -->\n                            <div class=\"ct-card ct-card-old is-open-desktop\" style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(195,4,48,0.08);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #b0a8a4;\">\n                                        Siloed                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.35);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.65);\">SEO and AI often require separate retainers or agencies<\/p>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- NEW -->\n                            <div class=\"ct-card ct-card-new is-open-desktop\" style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #ffffff;\">\n                                        Unified                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.50);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.70);\">Dual-Engine (SEO + GEO) integrated into one retainer<\/p>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-row ct-el\" data-ct-delay=\"0.38\">\n\n                        <div class=\"ct-num\" style=\"color: rgba(255,255,255,0.15);\">02<\/div>\n\n                        <div class=\"ct-cards\">\n                            <!-- OLD -->\n                            <div class=\"ct-card ct-card-old\" style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(195,4,48,0.08);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #b0a8a4;\">\n                                        Junior\/Mid-Level                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.35);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.65);\">Accounts often managed by junior staff to protect margins.<\/p>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- NEW -->\n                            <div class=\"ct-card ct-card-new\" style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #ffffff;\">\n                                        Senior Expertise                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.50);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.70);\">Direct access to top-tier strategists and technical experts. <\/p>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-row ct-el\" data-ct-delay=\"0.46\">\n\n                        <div class=\"ct-num\" style=\"color: rgba(255,255,255,0.15);\">03<\/div>\n\n                        <div class=\"ct-cards\">\n                            <!-- OLD -->\n                            <div class=\"ct-card ct-card-old\" style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(195,4,48,0.08);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #b0a8a4;\">\n                                        Extra Fees                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.35);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.65);\">&quot;AI Consulting&quot; or specialized tooling is often billed as an add-on.<\/p>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- NEW -->\n                            <div class=\"ct-card ct-card-new\" style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #ffffff;\">\n                                        Included                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.50);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.70);\">Proprietary tools like Qwairy &amp; Omni included in the service.<\/p>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-row ct-el\" data-ct-delay=\"0.54\">\n\n                        <div class=\"ct-num\" style=\"color: rgba(255,255,255,0.15);\">04<\/div>\n\n                        <div class=\"ct-cards\">\n                            <!-- OLD -->\n                            <div class=\"ct-card ct-card-old\" style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(195,4,48,0.08);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #b0a8a4;\">\n                                        Slow                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.35);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.65);\">Rigid SOWs and slow pivot times due to high overhead.<\/p>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- NEW -->\n                            <div class=\"ct-card ct-card-new\" style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #ffffff;\">\n                                        Agile                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.50);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.70);\">Weekly sprints and quarterly future-proofing workshops.<\/p>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"ct-row ct-el\" data-ct-delay=\"0.62\">\n\n                        <div class=\"ct-num\" style=\"color: rgba(255,255,255,0.15);\">05<\/div>\n\n                        <div class=\"ct-cards\">\n                            <!-- OLD -->\n                            <div class=\"ct-card ct-card-old\" style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(195,4,48,0.08);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #b0a8a4;\">\n                                        $ High                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.35);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.65);\">Typically $10k - $15k\/month for comparable scope.<\/p>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- NEW -->\n                            <div class=\"ct-card ct-card-new\" style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(94,173,193,0.30);\" data-ct-toggle>\n                                <div class=\"ct-card-top\">\n                                    <h4 class=\"ct-card-label\" style=\"color: #ffffff;\">\n                                        $$ Optimized                                    <\/h4>\n                                    <div class=\"ct-toggle\" style=\"color: rgba(255,255,255,0.50);\">\n                                        <svg class=\"ct-icon-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 9l-7 7-7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <div class=\"ct-card-body\">\n                                        <p style=\"color: rgba(255,255,255,0.70);\">Enterprise-grade execution at ~30 to 80% lower cost.<\/p>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Bottom \u2014 Highlight + Closing \u2550\u2550\u2550 -->\n                    <div class=\"ct-bottom ct-el\" data-ct-delay=\"0.8\">\n\n                                                        <div class=\"ct-highlight\">\n                        <div class=\"ct-hl-num\"><\/div>\n                        <div class=\"ct-hl-cards\">\n                                                            <div class=\"ct-hl-old\">\n                                    <span class=\"ct-hl-old-text\" style=\"color: #9b9090;\">HIGH OVERHEAD COST<\/span>\n                                <\/div>\n                                                                                        <div class=\"ct-hl-new\">\n                                    <span class=\"ct-hl-new-text\" style=\"color: #ffffff;\">OVER <span class=\"ct-hl-amount\">$75,000<\/span> USD SAVED \/ YEAR<\/span>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                \n                                    <div class=\"ct-closing-wrap\">\n                        <div class=\"ct-closing-line\" aria-hidden=\"true\"><\/div>\n                        <p class=\"ct-closing\" style=\"color: rgba(255,255,255,0.80);\">We don&#039;t just lower your costs, we increase your output.<\/p>\n                    <\/div>\n                \n            <\/div>\n        \n        <!-- \u2550\u2550\u2550 Buttons \u2550\u2550\u2550 -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Comparison Table \u2014 Styles \u2550\u2550\u2550 -->\n<style>\n.ct-block { position: relative; padding: 5rem 0; }\n.ct-container { max-width: 68rem; margin: 0 auto; padding: 0 1.5rem; }\n\n\/* Header *\/\n.ct-header { text-align: center; max-width: 48rem; margin: 0 auto 3.5rem; }\n.ct-subtitle-row { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 1.5rem; }\n.ct-subtitle-line { display: block; width: 2rem; height: 2px; border-radius: 999px; }\n.ct-subtitle { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; }\n.ct-title { font-size: 1.875rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.025em; margin-bottom: 1rem; }\n.ct-description { font-size: 1rem; line-height: 1.75; }\n.ct-description p { font-size: inherit; line-height: inherit; color: inherit; }\n\n\/* Column Headers \u2014 hidden mobile, shown tablet+ *\/\n.ct-col-headers { display: none; }\n\n\/* \u2550\u2550\u2550 Mobile Verdict Cards \u2550\u2550\u2550 *\/\n@media (max-width: 767px) {\n    .ct-mobile-rows {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n}\n@media (min-width: 768px) {\n    .ct-mobile-rows {\n        display: none !important;\n    }\n}\n.ct-verdict {\n    position: relative;\n    border-radius: 1rem;\n    padding: 1.25rem;\n    overflow: hidden;\n}\n.ct-verdict-num {\n    font-size: 1.5rem;\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: 1rem;\n}\n\n\/* Old \u2014 muted, struck *\/\n.ct-verdict-old {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n}\n.ct-verdict-icon {\n    flex-shrink: 0;\n    width: 1.375rem;\n    height: 1.375rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n}\n.ct-verdict-icon-old {\n    background: rgba(195, 4, 48, 0.08);\n}\n.ct-verdict-icon-new {\n    background: rgba(0, 106, 78, 0.10);\n}\n.ct-verdict-old-text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n.ct-verdict-old-label {\n    font-size: 0.875rem;\n    font-weight: 600;\n    text-decoration: line-through;\n    text-decoration-color: rgba(195, 4, 48, 0.4);\n    opacity: 0.6;\n}\n.ct-verdict-old-desc {\n    font-size: 0.75rem;\n    line-height: 1.5;\n    opacity: 0.5;\n}\n\n\/* Divider *\/\n.ct-verdict-divider {\n    height: 1px;\n    margin: 0.875rem 0;\n}\n\n\/* New \u2014 bold, emphasized *\/\n.ct-verdict-new {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n}\n.ct-verdict-new-text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n.ct-verdict-new-label {\n    font-size: 0.9375rem;\n    font-weight: 700;\n}\n.ct-verdict-new-desc {\n    font-size: 0.8125rem;\n    line-height: 1.6;\n}\n\n\/* Pills \u2014 hidden (legacy, desktop uses col-headers) *\/\n.ct-pill {\n    display: none;\n    align-items: center;\n    font-size: 0.5625rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    padding: 0.25rem 0.625rem;\n    border-radius: 999px;\n    border: 1px solid #e5e7eb;\n    color: #9ca3af;\n    margin-bottom: 0.375rem;\n    margin-top: 0.75rem;\n    align-self: flex-start;\n}\n.ct-pill-new {\n    border-color: rgba(94,173,193,0.15);\n    color: #5eadc1;\n    background: rgba(94,173,193,0.04);\n}\n\n\/* Desktop rows *\/\n.ct-rows { gap: 2.5rem; }\n.ct-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; }\n.ct-num {\n    display: block;\n    font-size: 2rem;\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: 1rem;\n}\n.ct-cards { width: 100%; display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.ct-card {\n    border-radius: 0.875rem;\n    padding: 1.25rem 1.25rem;\n    cursor: pointer;\n    transition: transform 0.25s ease, background 0.25s ease;\n}\n.ct-card:hover { transform: translateY(-1px); }\n\n\/* Mobile: NEW card gets stronger bg \u2014 no !important so inline styles work on desktop *\/\n.ct-card-new {\n    background: rgba(255,255,255,0.07);\n    border-color: rgba(94,173,193,0.30);\n}\n\n.ct-card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 1rem;\n}\n.ct-card-label { font-size: 0.9375rem; font-weight: 700; line-height: 1.35; margin: 0; }\n\n\/* Toggle icon \u2014 smooth rotation *\/\n.ct-toggle {\n    flex-shrink: 0;\n    width: 1.5rem;\n    height: 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.ct-card.is-open .ct-toggle { transform: rotate(180deg); }\n.ct-toggle svg { width: 16px; height: 16px; }\n\n\/* \u2500\u2500 Accordion body \u2014 height driven by JS only \u2500\u2500 *\/\n.ct-card-body {\n    overflow: hidden;\n    height: 0;\n    transition: height 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.ct-card-body p {\n    padding-top: 0.75rem;\n    font-size: 0.8125rem;\n    line-height: 1.65;\n    margin: 0;\n    opacity: 1 !important;\n}\n\n\/* \u2500\u2500 Bottom section \u2500\u2500 *\/\n.ct-bottom {\n    margin-top: 3rem;\n    padding-top: 0;\n}\n\n\/* Highlight row *\/\n.ct-highlight {\n    display: flex;\n    gap: 1rem;\n    align-items: center;\n}\n.ct-hl-num { display: none; }\n.ct-hl-cards {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n.ct-hl-old {\n    flex: 1;\n    display: flex;\n    align-items: center;\n}\n.ct-hl-old-text {\n    font-size: 0.8125rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    text-decoration: line-through;\n    text-decoration-thickness: 1px;\n}\n.ct-hl-new {\n    flex: 1;\n    display: flex;\n    align-items: center;\n}\n.ct-hl-new-text {\n    font-size: 1.125rem;\n    font-weight: 800;\n    letter-spacing: -0.01em;\n}\n\n\/* Dollar amount \u2014 Gold accent (Zenit brand: value \/ ROI) *\/\n.ct-hl-amount {\n    color: #d4af37;\n}\n\n\/* Closing \u2014 gradient divider + statement *\/\n.ct-closing-wrap {\n    position: relative;\n    margin-top: 2.5rem;\n    padding-top: 2.5rem;\n}\n.ct-closing-line {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40%;\n    max-width: 16rem;\n    height: 2px;\n    background: linear-gradient(90deg, transparent 0%, rgba(94,173,193,0.60) 30%, rgba(94,173,193,0.80) 50%, rgba(94,173,193,0.60) 70%, transparent 100%);\n}\n.ct-closing {\n    text-align: center;\n    font-size: 1.25rem;\n    font-weight: 600;\n    line-height: 1.5;\n    letter-spacing: -0.01em;\n    margin: 0;\n}\n\n\/* Buttons *\/\n.ct-buttons { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2rem; }\n\n\/* \u2550\u2550\u2550 Tablet 768px+ \u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .ct-block { padding: 7rem 0; }\n    .ct-header { margin-bottom: 4rem; }\n    .ct-title { font-size: 2.25rem; }\n\n    .ct-col-headers {\n        display: flex;\n        gap: 0.75rem;\n        align-items: center;\n        margin-bottom: 2rem;\n        padding-bottom: 1.25rem;\n    }\n    \/* Hide mobile pills, reset mobile card overrides *\/\n    .ct-pill { display: none; }\n    .ct-card-new { \/* inline styles from PHP apply naturally *\/ }\n\n    .ct-col-num-spacer { width: 3rem; flex-shrink: 0; }\n    .ct-col-header {\n        display: inline-flex;\n        align-items: center;\n        font-size: 0.6875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.12em;\n        padding: 0.5rem 1rem;\n        border-radius: 999px;\n        transition: all 0.3s ease;\n    }\n\n    \/* OLD \u2014 flat, muted, \"legacy\" feel *\/\n    .ct-col-header-old {\n        flex: 1;\n        background: rgba(0,0,0,0.03);\n        border: 1px solid rgba(0,0,0,0.06);\n    }\n    [data-theme=\"dark\"] .ct-col-header-old {\n        background: rgba(255,255,255,0.03);\n        border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    \/* VS separator *\/\n    .ct-col-vs {\n        font-size: 0.625rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        color: rgba(0,0,0,0.25);\n        flex-shrink: 0;\n    }\n    [data-theme=\"dark\"] .ct-col-vs {\n        color: rgba(255,255,255,0.25);\n    }\n\n    \/* NEW \u2014 gradient border glow, \"premium\" feel *\/\n    .ct-col-header-new {\n        flex: 1.4;\n        position: relative;\n        background: rgba(94,173,193,0.04);\n        border: 1px solid transparent;\n        background-clip: padding-box;\n    }\n    [data-theme=\"dark\"] .ct-col-header-new {\n        background: rgba(255,255,255,0.06);\n    }\n    .ct-col-header-new::before {\n        content: '';\n        position: absolute;\n        inset: -1px;\n        border-radius: 999px;\n        padding: 1px;\n        background: linear-gradient(135deg, rgba(94,173,193,0.4), rgba(94,173,193,0.3), rgba(122,192,209,0.25));\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor;\n        mask-composite: exclude;\n        pointer-events: none;\n    }\n    .ct-col-header-new::after {\n        content: '';\n        position: absolute;\n        inset: -4px;\n        border-radius: 999px;\n        background: linear-gradient(135deg, rgba(94,173,193,0.08), rgba(94,173,193,0.06), rgba(122,192,209,0.04));\n        filter: blur(8px);\n        pointer-events: none;\n        z-index: -1;\n    }\n\n    \/* Reset row layout from mobile stacked to desktop side-by-side *\/\n    .ct-rows { gap: 0.625rem; }\n    .ct-row { flex-direction: row; gap: 1rem; align-items: flex-start; }\n    .ct-num {\n        font-size: 1.375rem;\n        width: 3rem;\n        padding-top: 0.875rem;\n        margin-bottom: 0;\n    }\n\n    .ct-cards { flex-direction: row; gap: 2.25rem; }\n    .ct-card-old { flex: 1; }\n    .ct-card-new { flex: 1.4; }\n    .ct-card { padding: 1.125rem 1.25rem; border-radius: 0.75rem; }\n    .ct-card-label { font-size: 1rem; }\n\n    .ct-bottom { margin-top: 3rem; }\n    .ct-hl-num { display: block; width: 3rem; flex-shrink: 0; }\n    .ct-hl-cards { flex-direction: row; gap: 4.25rem; align-items: center; }\n    .ct-hl-old { flex: 1; }\n    .ct-hl-new { flex: 1.4; }\n    .ct-hl-old-text { font-size: 0.875rem; }\n    .ct-hl-new-text { font-size: 1.375rem; }\n    .ct-closing-wrap { margin-top: 3rem; padding-top: 2.5rem; }\n    .ct-closing { font-size: 1.375rem; }\n\n    .ct-buttons { margin-top: 2.5rem; }\n}\n\n\/* \u2550\u2550\u2550 Desktop 1024px+ \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .ct-block { padding: 9rem 0; }\n    .ct-container { padding: 0 2rem; }\n    .ct-header { margin-bottom: 5rem; }\n    .ct-title { font-size: 2.75rem; }\n    .ct-description { font-size: 1.125rem; }\n\n    .ct-col-headers { margin-bottom: 2.5rem; padding-bottom: 1.5rem; gap: 1rem; }\n    .ct-col-num-spacer { width: 3.5rem; }\n    .ct-col-header { font-size: 0.75rem; padding: 0.5rem 1.25rem; }\n    .ct-col-vs { font-size: 0.6875rem; }\n\n    .ct-row { gap: 1.25rem; }\n    .ct-num { font-size: 1.5rem; width: 3.5rem; padding-top: 1rem; }\n    .ct-rows { gap: 0.75rem; }\n    .ct-cards { gap: 2.5rem; }\n    .ct-card { padding: 1.25rem 1.5rem; }\n    .ct-card-label { font-size: 1.125rem; }\n    .ct-card-body p { font-size: 0.9375rem; }\n\n    .ct-bottom { margin-top: 3.5rem; }\n    .ct-hl-num { width: 3.5rem; }\n    .ct-hl-old-text { font-size: 0.9375rem; }\n    .ct-hl-new-text { font-size: 1.625rem; }\n    .ct-closing-wrap { margin-top: 3.5rem; padding-top: 3rem; }\n    .ct-closing { font-size: 1.5rem; }\n\n    .ct-buttons { margin-top: 3rem; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Comparison Table \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'global-standards';\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        \/\/ Accordion \u2014 JS drives height + opacity entirely\n        var isDesktop = window.innerWidth >= 768;\n\n        function openCard(c, b) {\n            if (!b) return;\n            c.classList.add('is-open');\n            b.style.height = b.scrollHeight + 'px';\n            function onEnd(ev) {\n                if (ev.propertyName === 'height' && c.classList.contains('is-open')) {\n                    b.style.height = 'auto';\n                }\n                b.removeEventListener('transitionend', onEnd);\n            }\n            b.addEventListener('transitionend', onEnd);\n        }\n\n        function closeCard(c, b) {\n            if (!b) return;\n            var h = b.scrollHeight;\n            b.style.transition = 'none';\n            b.style.height = h + 'px';\n            b.offsetHeight;\n            b.style.transition = '';\n            b.style.height = '0';\n            c.classList.remove('is-open');\n        }\n\n        s.querySelectorAll('[data-ct-toggle]').forEach(function(card) {\n            var body = card.querySelector('.ct-card-body');\n            if (!body) {\n                var toggle = card.querySelector('.ct-toggle');\n                if (toggle) toggle.style.display = 'none';\n                card.style.cursor = 'default';\n                return;\n            }\n\n            \/\/ First row: open on desktop only, closed on mobile\n            if (card.classList.contains('is-open-desktop')) {\n                card.classList.remove('is-open-desktop');\n                if (isDesktop) {\n                    card.classList.add('is-open');\n                    body.style.height = 'auto';\n                }\n            }\n\n            card.addEventListener('click', function(e) {\n                e.stopPropagation();\n\n                \/\/ Find sibling card in same row\n                var row = card.closest('.ct-row');\n                var sibling = row ? row.querySelector(card.classList.contains('ct-card-old') ? '.ct-card-new' : '.ct-card-old') : null;\n                var siblingBody = sibling ? sibling.querySelector('.ct-card-body') : null;\n\n                if (card.classList.contains('is-open')) {\n                    \/\/ \u2500\u2500 CLOSE \u2500\u2500 both cards in the row\n                    closeCard(card, body);\n                    if (sibling && sibling.classList.contains('is-open')) {\n                        closeCard(sibling, siblingBody);\n                    }\n                } else {\n                    \/\/ \u2500\u2500 OPEN \u2500\u2500 both cards in the row\n                    openCard(card, body);\n                    if (sibling && !sibling.classList.contains('is-open') && siblingBody) {\n                        openCard(sibling, siblingBody);\n                    }\n                }\n            });\n        });\n\n        \/\/ GSAP entrance\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('.ct-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-ct-delay')) || 0;\n                gsap.fromTo(el, { opacity: 0, y: 25 }, { opacity: 1, y: 0, duration: 0.7, delay: d, ease: 'power3.out', scrollTrigger: trigger });\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n<section\n    class=\"stc-block relative overflow-hidden same-theme-next\"\n    id=\"stc-block_f99f05cd123416a16b9d4ed6e90c19d6\"\n    data-block-id=\"stc-block_f99f05cd123416a16b9d4ed6e90c19d6\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000;\">\n\n    <div class=\"mx-auto max-w-[68rem] px-6 lg:px-8\">\n\n        <div class=\"flex flex-col md:flex-row md:items-start gap-12 md:gap-16 lg:gap-20\">\n\n            <!-- Left: Statement -->\n            <div class=\"max-w-xl md:flex-1 md:sticky md:top-24\">\n                \n                                    <h2 class=\"stc-el text-[1.75rem] md:text-[2rem] lg:text-[2.5rem] font-bold leading-tight tracking-tight m-0\" data-stc-delay=\"0.1\" style=\"color: #ffffff;\">This isn't just money saved, it is capital you can reinvest to compound your growth.<\/h2>\n                \n                            <\/div>\n\n            <!-- Right: Staggered Cards -->\n                            <div class=\"flex flex-col gap-3 md:flex-1 md:gap-3.5 lg:gap-4\">\n                                            <div class=\"stc-card stc-el relative flex items-start gap-4 p-5 md:px-6 md:py-[1.375rem] lg:p-[1.5rem_1.75rem] rounded-xl lg:rounded-[0.875rem] transition-all duration-300 ease-in-out hover:-translate-y-0.5\"\n                             data-stc-delay=\"0.15\"\n                             style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\">\n                            <div class=\"flex-1 min-w-0\">\n                                <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-bold leading-snug m-0 mb-1.5\" style=\"color: #ffffff;\">Enhance Product<\/h4>\n                                                                    <p class=\"text-sm md:text-[0.9375rem] lg:text-base leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">Reallocate budget to other channel or business area.<\/p>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"stc-card stc-el relative flex items-start gap-4 p-5 md:px-6 md:py-[1.375rem] lg:p-[1.5rem_1.75rem] rounded-xl lg:rounded-[0.875rem] transition-all duration-300 ease-in-out hover:-translate-y-0.5 md:ml-8 lg:ml-14\"\n                             data-stc-delay=\"0.25\"\n                             style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\">\n                            <div class=\"flex-1 min-w-0\">\n                                <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-bold leading-snug m-0 mb-1.5\" style=\"color: #ffffff;\">Reinvest in Ad Spend<\/h4>\n                                                                    <p class=\"text-sm md:text-[0.9375rem] lg:text-base leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">Pour that $70k back into paid acquisition to fuel immediate leads.\ufeff<\/p>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"stc-card stc-el relative flex items-start gap-4 p-5 md:px-6 md:py-[1.375rem] lg:p-[1.5rem_1.75rem] rounded-xl lg:rounded-[0.875rem] transition-all duration-300 ease-in-out hover:-translate-y-0.5 md:ml-4 lg:ml-6\"\n                             data-stc-delay=\"0.35\"\n                             style=\"background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\">\n                            <div class=\"flex-1 min-w-0\">\n                                <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-bold leading-snug m-0 mb-1.5\" style=\"color: #ffffff;\">Expand Content Volume<\/h4>\n                                                                    <p class=\"text-sm md:text-[0.9375rem] lg:text-base leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">Double your content production to dominate more search terms.\ufeff<\/p>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Statement Cards \u2014 Styles (Minimal) \u2550\u2550\u2550 -->\n<style>\n\/* Section padding \u2014 responsive *\/\n.stc-block {\n    padding: 5rem 0;\n}\n@media (min-width: 768px) {\n    .stc-block { padding: 7rem 0; }\n}\n@media (min-width: 1024px) {\n    .stc-block { padding: 9rem 0; }\n}\n\n\/* Prismatic accent on hover \u2014 pseudo-element *\/\n.stc-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 1rem;\n    right: 1rem;\n    height: 1px;\n    opacity: 0;\n    background: linear-gradient(90deg, transparent, rgba(94,173,193,0.30), transparent);\n    transition: opacity 0.4s ease;\n}\n.stc-card:hover::after { opacity: 1; }\n\n\/* Theme adjacency *\/\n.stc-block.same-theme-next { \/* keep as-is *\/ }\n<\/style>\n\n<!-- \u2550\u2550\u2550 Statement Cards \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'stc-block_f99f05cd123416a16b9d4ed6e90c19d6';\n\n    function setup() {\n        var s = document.getElementById(sid);\n        if (!s) return;\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('.stc-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-stc-delay')) || 0;\n                gsap.fromTo(el,\n                    { opacity: 0, y: 30 },\n                    { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger }\n                );\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n<section\n    class=\"ps-block relative\"\n    id=\"proof-stats\"\n    data-block-id=\"proof-stats\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"mx-auto max-w-[68rem] px-6 lg:px-8\">\n\n        <!-- Header -->\n                    <div class=\"text-center max-w-3xl mx-auto mb-12 md:mb-14 lg:mb-16\">\n                                                    <h2 class=\"ps-title text-[1.75rem] md:text-4xl lg:text-[2.5rem] font-bold leading-[1.2] tracking-tight m-0 mb-4 ps-el\" data-ps-delay=\"0.1\" style=\"color: #111827;\">We don't just promise results, we deliver measurable business growth.<\/h2>\n                                            <\/div>\n        \n        <!-- Stat Cards -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-5 lg:gap-6\">\n                                    <div class=\"ps-card relative rounded-xl overflow-hidden transition-all duration-300 ease-in-out hover:-translate-y-[3px] ps-el\"\n                         data-ps-delay=\"0.2\"\n                         style=\"background: #f3f4f6; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 32px -8px rgba(0,0,0,0.08);\">\n\n                        \n                        <div class=\"px-6 pb-6 pt-5 md:px-6 md:pb-7 md:pt-6 lg:px-7 lg:pb-8 lg:pt-7\">\n                            <div class=\"ps-stat-number text-4xl md:text-[2.75rem] lg:text-5xl font-extrabold leading-none tracking-[-0.03em] mb-2\" data-stat-final=\"+78%\">\n                                +0%                            <\/div>\n                            <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-semibold leading-snug m-0\" style=\"color: #111827;\">Organic sessions<\/h4>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ps-card relative rounded-xl overflow-hidden transition-all duration-300 ease-in-out hover:-translate-y-[3px] ps-el\"\n                         data-ps-delay=\"0.3\"\n                         style=\"background: #f3f4f6; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 32px -8px rgba(0,0,0,0.08);\">\n\n                        \n                        <div class=\"px-6 pb-6 pt-5 md:px-6 md:pb-7 md:pt-6 lg:px-7 lg:pb-8 lg:pt-7\">\n                            <div class=\"ps-stat-number text-4xl md:text-[2.75rem] lg:text-5xl font-extrabold leading-none tracking-[-0.03em] mb-2\" data-stat-final=\"+128% \">\n                                +0%                             <\/div>\n                            <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-semibold leading-snug m-0\" style=\"color: #111827;\">LLM Citations<\/h4>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"ps-card relative rounded-xl overflow-hidden transition-all duration-300 ease-in-out hover:-translate-y-[3px] ps-el\"\n                         data-ps-delay=\"0.4\"\n                         style=\"background: #f3f4f6; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 32px -8px rgba(0,0,0,0.08);\">\n\n                        \n                        <div class=\"px-6 pb-6 pt-5 md:px-6 md:pb-7 md:pt-6 lg:px-7 lg:pb-8 lg:pt-7\">\n                            <div class=\"ps-stat-number text-4xl md:text-[2.75rem] lg:text-5xl font-extrabold leading-none tracking-[-0.03em] mb-2\" data-stat-final=\"86% \">\n                                0%                             <\/div>\n                            <h4 class=\"text-base md:text-[1.0625rem] lg:text-lg font-semibold leading-snug m-0\" style=\"color: #111827;\">Positive AI Sentiment<\/h4>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- Buttons -->\n        \n        <!-- Logo Bar \u2014 same pattern as hero-landing trust bar -->\n                    <div class=\"mt-12 md:mt-14 lg:mt-16 text-center ps-el\" data-ps-delay=\"0.6\">\n                                <div class=\"ps-logos-track relative\">\n                    <!-- Left fade -->\n                    <div class=\"ps-logos-fade ps-logos-fade-l absolute top-0 bottom-0 left-0 w-20 md:w-24 lg:w-32 z-[2] pointer-events-none\" style=\"background: linear-gradient(to right, #ffffff, transparent);\"><\/div>\n                    <!-- Right fade -->\n                    <div class=\"ps-logos-fade ps-logos-fade-r absolute top-0 bottom-0 right-0 w-20 md:w-24 lg:w-32 z-[2] pointer-events-none\" style=\"background: linear-gradient(to left, #ffffff, transparent);\"><\/div>\n\n                    <div class=\"ps-marquee-container w-full overflow-hidden relative py-4\">\n                        <div class=\"ps-marquee-content flex w-max will-change-transform\">\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\"\n                                             alt=\"Stellantis\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp\"\n                                             alt=\"oppo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\"\n                                             alt=\"omoda\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\"\n                                             alt=\"nestle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp\"\n                                             alt=\"meli\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\"\n                                             alt=\"oracle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\"\n                                             alt=\"pernod-ricard\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\"\n                                             alt=\"dodge\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\"\n                                             alt=\"geely\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\"\n                                             alt=\"isladelice\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp\"\n                                             alt=\"ram\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\"\n                                             alt=\"Stellantis\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp\"\n                                             alt=\"oppo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\"\n                                             alt=\"omoda\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\"\n                                             alt=\"nestle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp\"\n                                             alt=\"meli\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\"\n                                             alt=\"oracle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\"\n                                             alt=\"pernod-ricard\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\"\n                                             alt=\"dodge\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\"\n                                             alt=\"geely\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\"\n                                             alt=\"isladelice\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp\"\n                                             alt=\"ram\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/olmeca-logo.webp\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM_151x24_blanco.svg\"\n                                             alt=\"Client logo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/Stellantis.webp\"\n                                             alt=\"Stellantis\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oppo.webp\"\n                                             alt=\"oppo\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/omoda.svg\"\n                                             alt=\"omoda\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/nestle.webp\"\n                                             alt=\"nestle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/meli.webp\"\n                                             alt=\"meli\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/oracle.webp\"\n                                             alt=\"oracle\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/pernod-ricard.webp\"\n                                             alt=\"pernod-ricard\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/dodge.svg\"\n                                             alt=\"dodge\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/geely.svg\"\n                                             alt=\"geely\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/isladelice.webp\"\n                                             alt=\"isladelice\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"ps-marquee-item shrink-0 mx-8 md:mx-10 lg:mx-12\">\n                                    <div class=\"flex items-center justify-center w-[110px] h-[32px] md:w-[120px] md:h-[34px] lg:w-[130px] lg:h-[36px]\">\n                                        <img decoding=\"async\" class=\"ps-logo w-full h-full object-contain transition-all duration-500 ease-in-out ps-logo-light\"\n                                             src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/07\/ram.webp\"\n                                             alt=\"ram\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Proof Stats \u2014 Minimal Styles (Tailwind can't handle) \u2550\u2550\u2550 -->\n<style>\n\/* Section padding \u2014 responsive *\/\n.ps-block {\n    padding: 5rem 0;\n}\n\n\/* Prismatic accent line on hover *\/\n.ps-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    opacity: 0;\n    background: linear-gradient(90deg, transparent, rgba(94,173,193,0.60), rgba(94,173,193,0.50), transparent);\n    transition: opacity 0.4s ease;\n}\n.ps-card:hover::after { opacity: 1; }\n.ps-card:hover {\n    box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 12px 40px -8px rgba(0,0,0,0.12) !important;\n}\n\n\/* Stat number \u2014 Prismatic gradient text *\/\n.ps-stat-number {\n    background: linear-gradient(90deg, rgba(212,175,55,0.80), rgba(212,175,55,1), rgba(212,175,55,0.80));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n\/* Description paragraph reset *\/\n.ps-description p { font-size: inherit; line-height: inherit; color: inherit; margin: 0; }\n\n\/* Logo filter styles *\/\n.ps-logo-light {\n    filter: grayscale(100%) brightness(0) opacity(0.40);\n}\n.ps-logo-light:hover {\n    filter: grayscale(0%) brightness(1) opacity(1);\n}\n.ps-logo-dark {\n    filter: grayscale(100%) brightness(0) invert(1) opacity(0.3);\n}\n.ps-logo-dark:hover {\n    filter: grayscale(0%) brightness(1) invert(0) opacity(1);\n}\n\n\/* Same-theme adjacent section *\/\n.same-theme-next {\n    \/* handled by global theme system *\/\n}\n\n\/* \u2550\u2550\u2550 Tablet 768px+ \u2550\u2550\u2550 *\/\n@media (min-width: 768px) {\n    .ps-block { padding: 7rem 0; }\n}\n\n\/* \u2550\u2550\u2550 Desktop 1024px+ \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .ps-block { padding: 9rem 0; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Proof Stats \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'proof-stats';\n\n    function setup() {\n        var s = document.getElementById(sid);\n        if (!s) return;\n\n        if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\n            gsap.registerPlugin(ScrollTrigger);\n            var trigger = { trigger: s, start: 'top 80%', once: true };\n\n            \/\/ Animate elements\n            s.querySelectorAll('.ps-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-ps-delay')) || 0;\n                gsap.fromTo(el,\n                    { opacity: 0, y: 30 },\n                    { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger }\n                );\n            });\n\n            \/\/ Animate stat numbers \u2014 count up from 0\n            s.querySelectorAll('.ps-stat-number').forEach(function(el) {\n                var text = el.getAttribute('data-stat-final') || el.textContent.trim();\n                var prefix = text.match(\/^[^0-9]*\/)[0] || '';\n                var suffix = text.match(\/[^0-9]*$\/)[0] || '';\n                var num = parseFloat(text.replace(\/[^0-9.]\/g, ''));\n                if (isNaN(num)) return;\n\n                var obj = { val: 0 };\n                gsap.to(obj, {\n                    val: num,\n                    duration: 2,\n                    delay: 0.4,\n                    ease: 'power2.out',\n                    scrollTrigger: { trigger: el, start: 'top 85%', once: true },\n                    onUpdate: function() {\n                        el.textContent = prefix + Math.round(obj.val).toLocaleString() + suffix;\n                    }\n                });\n            });\n        }\n\n        \/\/ Logo marquee \u2014 GSAP driven, same pattern as hero-landing\n        var mContent = s.querySelector('.ps-marquee-content');\n        var mContainer = s.querySelector('.ps-marquee-container');\n        if (mContent && mContainer && typeof gsap !== 'undefined') {\n            var ml;\n            function buildMarquee() {\n                if (ml) { ml.kill(); ml = null; }\n                gsap.set(mContent, { x: 0 });\n                var dist = mContent.scrollWidth \/ 3;\n                ml = gsap.timeline({ repeat: -1, defaults: { ease: 'none' } });\n                ml.to(mContent, { x: -dist, duration: dist \/ 60 });\n            }\n            buildMarquee();\n            mContainer.addEventListener('mouseenter', function() { if (ml) ml.pause(); });\n            mContainer.addEventListener('mouseleave', function() { if (ml) ml.resume(); });\n            var rt;\n            window.addEventListener('resize', function() { clearTimeout(rt); rt = setTimeout(buildMarquee, 200); });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n<section\n    class=\"at-block z-watermark z-watermark--04 z-watermark--top-left relative\"\n    id=\"audience\"\n    data-block-id=\"audience\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000;\">\n\n    <div class=\"mx-auto max-w-4xl px-6 lg:px-8\">\n\n        <!-- Header -->\n                    <div class=\"text-center max-w-3xl mx-auto mb-12 md:mb-14 lg:mb-16\">\n                                                    <h2 class=\"text-2xl md:text-[2rem] lg:text-4xl font-bold leading-tight tracking-tight m-0 at-el\" data-at-delay=\"0.1\" style=\"color: #ffffff;\">Whether you need a roadmap, a co-pilot, or a full team, Zenit scales to your stage.<\/h2>\n                            <\/div>\n        \n        <!-- Mobile: Accordion | Desktop: Tabs -->\n                    <div class=\"at-el\" data-at-delay=\"0.2\">\n\n                <!-- \u2550\u2550\u2550 MOBILE ACCORDION (hidden md+) \u2550\u2550\u2550 -->\n                <div class=\"at-accordion md:hidden flex flex-col gap-2.5\">\n                                            <div class=\"at-acc-item rounded-2xl overflow-hidden transition-all duration-300\"\n                             style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);\">\n\n                            <!-- Accent top line (visible when open) -->\n                            <div class=\"at-acc-accent\"><\/div>\n\n                            <button class=\"at-acc-trigger flex items-center justify-between w-full px-5 py-4 text-left cursor-pointer transition-all\"\n                                    style=\"color: rgba(255,255,255,0.55);\"\n                                    aria-expanded=\"true\">\n                                <span class=\"flex items-center gap-3\">\n                                    <span class=\"at-acc-number text-xs font-bold\" style=\"color: rgba(255,255,255,0.20);\">01<\/span>\n                                    <span class=\"font-semibold text-base\">For CMOs<\/span>\n                                <\/span>\n                                <span class=\"at-acc-icon-wrap flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300\"\n                                      style=\"background: rgba(255,255,255,0.06);\">\n                                    <svg class=\"at-acc-chevron w-4 h-4 transition-transform duration-300\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"at-acc-body\" style=\"\">\n                                <div class=\"px-5 pb-6 pt-1\">\n                                                                            <p class=\"text-lg font-bold leading-tight mb-3 m-0\" style=\"color: #ffffff;\">Own your narrative in AI-generated answers.<\/p>\n                                                                                                                <div class=\"w-10 h-0.5 rounded-full mb-4\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-sm leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">We turn generative search into a controlled brand channel aligning GEO and AEO with pipeline and revenue objectives. Enterprise-grade strategy, optimized budget.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-5 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"at-acc-item rounded-2xl overflow-hidden transition-all duration-300\"\n                             style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);\">\n\n                            <!-- Accent top line (visible when open) -->\n                            <div class=\"at-acc-accent\"><\/div>\n\n                            <button class=\"at-acc-trigger flex items-center justify-between w-full px-5 py-4 text-left cursor-pointer transition-all\"\n                                    style=\"color: rgba(255,255,255,0.55);\"\n                                    aria-expanded=\"false\">\n                                <span class=\"flex items-center gap-3\">\n                                    <span class=\"at-acc-number text-xs font-bold\" style=\"color: rgba(255,255,255,0.20);\">02<\/span>\n                                    <span class=\"font-semibold text-base\">For SMEs<\/span>\n                                <\/span>\n                                <span class=\"at-acc-icon-wrap flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300\"\n                                      style=\"background: rgba(255,255,255,0.06);\">\n                                    <svg class=\"at-acc-chevron w-4 h-4 transition-transform duration-300\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"at-acc-body\" style=\"height: 0;\">\n                                <div class=\"px-5 pb-6 pt-1\">\n                                                                            <p class=\"text-lg font-bold leading-tight mb-3 m-0\" style=\"color: #ffffff;\">Get recommended before competitors.<\/p>\n                                                                                                                <div class=\"w-10 h-0.5 rounded-full mb-4\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-sm leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">You don&#039;t need a $15k\/month US agency to secure AI authority. Zenit helps you get there first with senior strategists at near-shore efficiency.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-5 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"at-acc-item rounded-2xl overflow-hidden transition-all duration-300\"\n                             style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);\">\n\n                            <!-- Accent top line (visible when open) -->\n                            <div class=\"at-acc-accent\"><\/div>\n\n                            <button class=\"at-acc-trigger flex items-center justify-between w-full px-5 py-4 text-left cursor-pointer transition-all\"\n                                    style=\"color: rgba(255,255,255,0.55);\"\n                                    aria-expanded=\"false\">\n                                <span class=\"flex items-center gap-3\">\n                                    <span class=\"at-acc-number text-xs font-bold\" style=\"color: rgba(255,255,255,0.20);\">03<\/span>\n                                    <span class=\"font-semibold text-base\">For Entreprise<\/span>\n                                <\/span>\n                                <span class=\"at-acc-icon-wrap flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300\"\n                                      style=\"background: rgba(255,255,255,0.06);\">\n                                    <svg class=\"at-acc-chevron w-4 h-4 transition-transform duration-300\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/button>\n                            <div class=\"at-acc-body\" style=\"height: 0;\">\n                                <div class=\"px-5 pb-6 pt-1\">\n                                                                            <p class=\"text-lg font-bold leading-tight mb-3 m-0\" style=\"color: #ffffff;\">Engineer AI discoverability at scale.<\/p>\n                                                                                                                <div class=\"w-10 h-0.5 rounded-full mb-4\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-sm leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">From technical audits to governance and training, we structure your organization for long-term authority across AI search ecosystems. Same caliber as our work with Stellantis, Pernod Ricard, and GWM.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-5 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <!-- \u2550\u2550\u2550 DESKTOP TABS (hidden below md) \u2550\u2550\u2550 -->\n                <div class=\"at-tabs-desktop hidden md:block\">\n                    <div class=\"flex justify-center gap-1.5 lg:gap-2 mb-0\" role=\"tablist\">\n                                                    <button class=\"at-tab flex items-center justify-center py-2.5 px-6 min-h-[44px] border rounded-full text-sm font-semibold cursor-pointer transition-all is-active\"\n                                    role=\"tab\"\n                                    aria-selected=\"true\"\n                                    aria-controls=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-0\"\n                                    data-at-index=\"0\"\n                                    style=\"background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.10); color: #ffffff;\">\n                                For CMOs                            <\/button>\n                                                    <button class=\"at-tab flex items-center justify-center py-2.5 px-6 min-h-[44px] border rounded-full text-sm font-semibold cursor-pointer transition-all\"\n                                    role=\"tab\"\n                                    aria-selected=\"false\"\n                                    aria-controls=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-1\"\n                                    data-at-index=\"1\"\n                                    style=\"background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.10); color: rgba(255,255,255,0.55);\">\n                                For SMEs                            <\/button>\n                                                    <button class=\"at-tab flex items-center justify-center py-2.5 px-6 min-h-[44px] border rounded-full text-sm font-semibold cursor-pointer transition-all\"\n                                    role=\"tab\"\n                                    aria-selected=\"false\"\n                                    aria-controls=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-2\"\n                                    data-at-index=\"2\"\n                                    style=\"background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.10); color: rgba(255,255,255,0.55);\">\n                                For Entreprise                            <\/button>\n                                            <\/div>\n\n                    <div class=\"relative mt-5 lg:mt-6\">\n                                                    <div class=\"at-panel rounded-xl p-10 lg:p-12 border is-active\"\n                                 id=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-0\"\n                                 role=\"tabpanel\"\n                                 style=\"background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08);\">\n                                <div>\n                                                                            <p class=\"text-2xl lg:text-3xl font-bold leading-tight mb-5 m-0\" style=\"color: #ffffff;\">Own your narrative in AI-generated answers.<\/p>\n                                                                                                                <div class=\"w-12 h-0.5 rounded-full mb-5\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-base lg:text-lg leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">We turn generative search into a controlled brand channel aligning GEO and AEO with pipeline and revenue objectives. Enterprise-grade strategy, optimized budget.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-7 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"at-panel rounded-xl p-10 lg:p-12 border\"\n                                 id=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-1\"\n                                 role=\"tabpanel\"\n                                 style=\"background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08);\">\n                                <div>\n                                                                            <p class=\"text-2xl lg:text-3xl font-bold leading-tight mb-5 m-0\" style=\"color: #ffffff;\">Get recommended before competitors.<\/p>\n                                                                                                                <div class=\"w-12 h-0.5 rounded-full mb-5\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-base lg:text-lg leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">You don&#039;t need a $15k\/month US agency to secure AI authority. Zenit helps you get there first with senior strategists at near-shore efficiency.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-7 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"at-panel rounded-xl p-10 lg:p-12 border\"\n                                 id=\"at-block_ada9bda93eec2afb0c15c1dfc13616e3-panel-2\"\n                                 role=\"tabpanel\"\n                                 style=\"background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08);\">\n                                <div>\n                                                                            <p class=\"text-2xl lg:text-3xl font-bold leading-tight mb-5 m-0\" style=\"color: #ffffff;\">Engineer AI discoverability at scale.<\/p>\n                                                                                                                <div class=\"w-12 h-0.5 rounded-full mb-5\" style=\"background: rgba(94,173,193,0.50);\" aria-hidden=\"true\"><\/div>\n                                                                                                                <p class=\"text-base lg:text-lg leading-relaxed m-0\" style=\"color: rgba(255,255,255,0.60);\">From technical audits to governance and training, we structure your organization for long-term authority across AI search ecosystems. Same caliber as our work with Stellantis, Pernod Ricard, and GWM.<\/p>\n                                                                                                                <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                                           target=\"_blank\"\n                                           class=\"inline-flex mt-7 btn-primary btn btn-md\" data-theme=\"dark\">\n                                            Book a call                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n\n            <\/div>\n        \n        <!-- Global Buttons -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Audience Tabs \u2014 CSS \u2550\u2550\u2550 -->\n<style>\n\/* Section padding *\/\n.at-block { padding: 5rem 0; }\n@media (min-width: 768px)  { .at-block { padding: 7rem 0; } }\n@media (min-width: 1024px) { .at-block { padding: 9rem 0; } }\n\n\/* \u2500\u2500 Mobile Accordion \u2014 Premium \u2500\u2500 *\/\n.at-acc-body {\n    overflow: hidden;\n    transition: height 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.at-acc-trigger {\n    background: none;\n    border: none;\n}\n\n\/* Accent line \u2014 hidden by default, revealed on open *\/\n.at-acc-accent {\n    height: 2px;\n    background: linear-gradient(90deg, transparent 0%, rgba(94,173,193,0.60) 30%, rgba(94,173,193,0.50) 70%, transparent 100%);\n    transform: scaleX(0);\n    transform-origin: center;\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.at-acc-item.is-open .at-acc-accent {\n    transform: scaleX(1);\n}\n\n\/* Chevron rotation *\/\n.at-acc-item.is-open .at-acc-chevron {\n    transform: rotate(180deg);\n}\n\n\/* Icon wrap glow on open *\/\n.at-acc-item.is-open .at-acc-icon-wrap {\n    background: rgba(94,173,193,0.10) !important;\n}\n.at-acc-item.is-open .at-acc-chevron {\n    color: #5eadc1;\n}\n\n\/* Open item gets elevated *\/\n.at-acc-item.is-open {\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 40px -10px rgba(94,173,193,0.06);\n}\n\n\/* Trigger text changes on open *\/\n.at-acc-item.is-open .at-acc-trigger span:last-of-type {\n    color: inherit;\n}\n\n\/* \u2500\u2500 Desktop Tabs \u2500\u2500 *\/\n.at-tab { position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent; }\n.at-tab.is-active { box-shadow: 0 2px 12px rgba(0,0,0,0.08); }\n.at-tab.is-active::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 20%;\n    right: 20%;\n    height: 2px;\n    background: rgba(94,173,193,0.50);\n    border-radius: 2px;\n}\n.at-tab:active {\n    transform: scale(0.97);\n    transition-duration: 0.1s;\n}\n\n\/* Panel show\/hide *\/\n.at-panel { display: none; animation: atFadeIn 0.35s ease; }\n.at-panel.is-active { display: block; }\n\n@keyframes atFadeIn {\n    from { opacity: 0; transform: translateY(6px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550 Audience Tabs \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'audience';\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        \/\/ \u2500\u2500 Mobile Accordion \u2500\u2500\n        var accItems = s.querySelectorAll('.at-acc-item');\n        accItems.forEach(function(item, idx) {\n            var trigger = item.querySelector('.at-acc-trigger');\n            var body = item.querySelector('.at-acc-body');\n            if (!trigger || !body) return;\n\n            \/\/ First item open by default\n            if (idx === 0) {\n                item.classList.add('is-open');\n                body.style.height = 'auto';\n            } else {\n                body.style.height = '0';\n            }\n\n            trigger.addEventListener('click', function() {\n                if (item.classList.contains('is-open')) {\n                    \/\/ Close\n                    body.style.height = body.scrollHeight + 'px';\n                    body.offsetHeight; \/\/ force reflow\n                    body.style.height = '0';\n                    item.classList.remove('is-open');\n                    trigger.setAttribute('aria-expanded', 'false');\n                } else {\n                    \/\/ Close others\n                    accItems.forEach(function(other) {\n                        if (other !== item && other.classList.contains('is-open')) {\n                            var otherBody = other.querySelector('.at-acc-body');\n                            otherBody.style.height = otherBody.scrollHeight + 'px';\n                            otherBody.offsetHeight;\n                            otherBody.style.height = '0';\n                            other.classList.remove('is-open');\n                            other.querySelector('.at-acc-trigger').setAttribute('aria-expanded', 'false');\n                        }\n                    });\n                    \/\/ Open this\n                    item.classList.add('is-open');\n                    trigger.setAttribute('aria-expanded', 'true');\n                    body.style.height = body.scrollHeight + 'px';\n                    body.addEventListener('transitionend', function handler() {\n                        if (item.classList.contains('is-open')) body.style.height = 'auto';\n                        body.removeEventListener('transitionend', handler);\n                    });\n                }\n            });\n        });\n\n        \/\/ \u2500\u2500 Desktop Tabs \u2500\u2500\n        var tabs = s.querySelectorAll('.at-tab');\n        var panels = s.querySelectorAll('.at-panel');\n        var colors = {\n            activeBg: 'rgba(255,255,255,0.12)',\n            activeTx: '#ffffff',\n            inactiveBg: 'rgba(255,255,255,0.06)',\n            inactiveTx: 'rgba(255,255,255,0.55)'\n        };\n\n        tabs.forEach(function(tab) {\n            tab.addEventListener('click', function() {\n                var idx = parseInt(tab.getAttribute('data-at-index'));\n\n                \/\/ Update tabs\n                tabs.forEach(function(t) {\n                    t.classList.remove('is-active');\n                    t.setAttribute('aria-selected', 'false');\n                    t.style.background = colors.inactiveBg;\n                    t.style.color = colors.inactiveTx;\n                });\n                tab.classList.add('is-active');\n                tab.setAttribute('aria-selected', 'true');\n                tab.style.background = colors.activeBg;\n                tab.style.color = colors.activeTx;\n\n                \/\/ Update panels\n                panels.forEach(function(p) { p.classList.remove('is-active'); });\n                panels[idx].classList.add('is-active');\n            });\n        });\n\n        \/\/ GSAP entrance\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('.at-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-at-delay')) || 0;\n                gsap.fromTo(el,\n                    { opacity: 0, y: 30 },\n                    { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger }\n                );\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n<section\n    class=\"fuc-spotlight same-theme-next\"\n    id=\"use-cases\"\n    data-block-id=\"use-cases\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000; --fuc-separator: rgba(255,255,255,0.08);\">\n\n    <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n        <!-- Header row: title left, nav right -->\n        <div class=\"flex justify-between items-end mb-8 md:mb-10 gap-4 fuc-sp-el\" data-fuc-delay=\"0\">\n            <div class=\"flex-1\">\n                                                    <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-bold leading-tight tracking-tight m-0\" style=\"color: #ffffff;\">See the Dual-Engine in action<\/h2>\n                            <\/div>\n                    <\/div>\n\n        <!-- Slides -->\n        <div class=\"relative fuc-sp-el\" data-fuc-delay=\"0.15\">\n                            <div class=\"fuc-sp-slide rounded-2xl overflow-hidden z-card-accent z-card-accent--01 z-card-accent--thick is-active\"\n                     data-slide=\"0\"\n                     style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);\">\n\n                    <div class=\"flex flex-col md:flex-row p-6 md:p-10 lg:p-12\">\n                        <!-- Left: visual -->\n                        <div class=\"flex-1 md:pr-10 lg:pr-12\">\n                                                            <div class=\"mb-5\">\n                                    <div class=\"inline-flex items-center justify-center rounded-xl px-5 py-3.5 lg:px-6 lg:py-4\" style=\"background: rgba(255,255,255,0.08);\">\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-7 lg:h-9 w-auto object-contain\"\n                                             loading=\"lazy\">\n                                    <\/div>\n                                <\/div>\n                            \n                            <h3 class=\"text-xl md:text-2xl lg:text-3xl font-bold leading-tight mb-3 m-0\" style=\"color: #ffffff;\">\n                                <a href=\"https:\/\/zenitseo.com\/en\/casos-de-exito\/gwm-mexico\/\" class=\"no-underline text-inherit hover:underline hover:underline-offset-[3px]\">GWM M\u00e9xico<\/a>\n                            <\/h3>\n\n                            \n                                                            <div class=\"rounded-lg overflow-hidden mb-6\">\n                                    <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/zenitseo.com\/wp-content\/uploads\/2025\/06\/GWM-2-1024x683.webp\" class=\"w-full h-auto block\" 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                            <a href=\"https:\/\/zenitseo.com\/en\/casos-de-exito\/gwm-mexico\/\" class=\"fuc-sp-link inline-flex items-center gap-2 text-sm font-semibold no-underline transition-opacity\" style=\"color: #ffffff;\">\n                                Read case study                                <svg width=\"14\" height=\"14\" 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                            <\/a>\n                        <\/div>\n\n                        <!-- Right: KPIs grouped -->\n                                                    <div class=\"flex-1 md:pl-10 lg:pl-12 md:border-l flex flex-col justify-center\" style=\"border-color: var(--fuc-separator);\">\n                                                                                                            <div class=\"fuc-sp-kpi-group\">\n                                            Traditional Impact                                        <\/div>\n                                                                                                                <div class=\"flex items-baseline gap-5 py-3 lg:py-3.5\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\n                                            <span class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold tracking-tighter min-w-[5rem] lg:min-w-[6rem] shrink-0\" style=\"color: #ffffff;\">\n                                                +50%                                            <\/span>\n                                            <span class=\"text-sm lg:text-base font-medium\" style=\"color: rgba(255,255,255,0.65);\">\n                                                YoY organic visibility for high converting landing pages                                            <\/span>\n                                        <\/div>\n                                                                            <div class=\"flex items-baseline gap-5 py-3 lg:py-3.5\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\n                                            <span class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold tracking-tighter min-w-[5rem] lg:min-w-[6rem] shrink-0\" style=\"color: #ffffff;\">\n                                                +70%                                            <\/span>\n                                            <span class=\"text-sm lg:text-base font-medium\" style=\"color: rgba(255,255,255,0.65);\">\n                                                organic ranking improvement YoY                                            <\/span>\n                                        <\/div>\n                                                                                                                                                <div class=\"fuc-sp-kpi-group\">\n                                            AI\/GEO Impact                                        <\/div>\n                                                                                                                <div class=\"flex items-baseline gap-5 py-3 lg:py-3.5\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\n                                            <span class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold tracking-tighter min-w-[5rem] lg:min-w-[6rem] shrink-0\" style=\"color: #ffffff;\">\n                                                +128%                                            <\/span>\n                                            <span class=\"text-sm lg:text-base font-medium\" style=\"color: rgba(255,255,255,0.65);\">\n                                                LLM Citations                                            <\/span>\n                                        <\/div>\n                                                                            <div class=\"flex items-baseline gap-5 py-3 lg:py-3.5\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\n                                            <span class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold tracking-tighter min-w-[5rem] lg:min-w-[6rem] shrink-0\" style=\"color: #ffffff;\">\n                                                +92%                                            <\/span>\n                                            <span class=\"text-sm lg:text-base font-medium\" style=\"color: rgba(255,255,255,0.65);\">\n                                                Zero-Click Mentions                                            <\/span>\n                                        <\/div>\n                                                                                                                                                <div class=\"fuc-sp-kpi-group\">\n                                            Combined                                        <\/div>\n                                                                                                                <div class=\"flex items-baseline gap-5 py-3 lg:py-3.5\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\n                                            <span class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold tracking-tighter min-w-[5rem] lg:min-w-[6rem] shrink-0\" style=\"color: #ffffff;\">\n                                                +86%                                            <\/span>\n                                            <span class=\"text-sm lg:text-base font-medium\" style=\"color: rgba(255,255,255,0.65);\">\n                                                positive sentiment in AI-generated brand citations                                            <\/span>\n                                        <\/div>\n                                                                                                <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Buttons -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Spotlight \u2014 Minimal CSS (only what Tailwind cannot handle) \u2550\u2550\u2550 -->\n<style>\n\/* Section responsive padding *\/\n.fuc-spotlight { position: relative; padding: 5rem 0; }\n@media (min-width: 768px) { .fuc-spotlight { padding: 7rem 0; } }\n@media (min-width: 1024px) { .fuc-spotlight { padding: 9rem 0; } }\n\n\/* Slide show\/hide + animation *\/\n.fuc-sp-slide { display: none; animation: fucFadeIn 0.4s ease; }\n.fuc-sp-slide.is-active { display: block; }\n@keyframes fucFadeIn {\n    from { opacity: 0; transform: translateX(12px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n\/* KPI group gradient text *\/\n.fuc-sp-kpi-group {\n    font-size: 0.6875rem; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 0.12em;\n    margin: 1.75rem 0 0.625rem;\n    color: #5eadc1;\n    -webkit-text-fill-color: #5eadc1;\n}\n.fuc-sp-kpi-group:first-child { margin-top: 0; }\n\n\/* Link hover *\/\n.fuc-sp-link:hover { opacity: 0.7; }\n\n\/* Last KPI row \u2014 no bottom border *\/\n.flex.items-baseline.gap-5:last-child { border-bottom: none !important; }\n\n\/* Same-theme spacing *\/\n.same-theme-next { \/* handled by global theme system *\/ }\n<\/style>\n\n<!-- \u2550\u2550\u2550 Spotlight \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'use-cases';\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        \/\/ Carousel nav\n        var slides = s.querySelectorAll('.fuc-sp-slide');\n        var prev = s.querySelector('.fuc-sp-prev');\n        var next = s.querySelector('.fuc-sp-next');\n        var current = 0;\n\n        function goTo(idx) {\n            slides[current].classList.remove('is-active');\n            current = (idx + slides.length) % slides.length;\n            slides[current].classList.add('is-active');\n        }\n\n        if (prev) prev.addEventListener('click', function() { goTo(current - 1); });\n        if (next) next.addEventListener('click', function() { goTo(current + 1); });\n\n        \/\/ GSAP entrance\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-sp-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-fuc-delay')) || 0;\n                gsap.fromTo(el,\n                    { opacity: 0, y: 30 },\n                    { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger }\n                );\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\n\n\n\n<section\n    class=\"tm-block\"\n    id=\"testimonials\"\n    data-block-id=\"testimonials\"\n    data-theme=\"light\"\n    style=\"background-color: #ffffff;\">\n\n    <div class=\"mx-auto max-w-6xl px-6 lg:px-8\">\n\n        <!-- Header -->\n        <div class=\"max-w-3xl mx-auto text-center mb-10 md:mb-14\">\n                                        <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-bold leading-tight tracking-tight tm-el\" data-tm-delay=\"0.1\" style=\"color: #111827;\">Winning in AI Search Starts Here<\/h2>\n                                        <p class=\"mt-4 text-base lg:text-lg leading-7 tm-el\" data-tm-delay=\"0.15\" style=\"color: #6b7280;\"><p>From SMEs to enterprise organizations, hear how our clients strengthen their authority across ChatGPT, Gemini, and beyond.<\/p>\n<\/p>\n                                <\/div>\n\n        <!-- Testimonial Slides -->\n                    <div class=\"relative tm-el\" data-tm-delay=\"0.2\">\n                                    <div class=\"tm-slide is-active rounded-2xl overflow-hidden\"\n                         data-slide=\"0\"\n                         style=\"border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 12px 32px -8px rgba(0,0,0,0.08);\">\n\n                        <div class=\"flex flex-col md:flex-row\">\n                            <!-- Left: Big stat \u2014 darker split bg -->\n                                                            <div class=\"flex flex-col justify-center p-10 md:p-14 lg:p-20 md:w-[40%] shrink-0 relative\"\n                                     style=\"background: #f3f4f6;\">\n                                    <div class=\"text-6xl md:text-7xl lg:text-8xl font-extrabold leading-none tracking-tighter mb-4\" style=\"color: #111827;\">1-2x<\/div>\n                                                                            <div class=\"text-base md:text-lg lg:text-xl font-medium leading-snug\" style=\"color: #6b7280;\">year-on-year increase in clicks<\/div>\n                                                                    <\/div>\n                            \n                            <!-- Gradient divider (replaces border-left) -->\n                            <div class=\"hidden md:block w-px self-stretch tm-gradient-divider\"><\/div>\n\n                            <!-- Right: Quote + Author -->\n                            <div class=\"flex flex-col justify-center flex-1 p-10 md:p-14 lg:p-20\"\n                                 style=\"background: #f3f4f6;\">\n                                                                    <div class=\"text-xs font-bold uppercase tracking-widest opacity-50 mb-6\" style=\"color: #111827;\">ARITG<\/div>\n                                \n                                                                    <blockquote class=\"text-lg lg:text-xl leading-relaxed lg:leading-9 italic mb-8\" style=\"color: #374151;\">&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &quot;<\/blockquote>\n                                \n                                <div class=\"flex items-center gap-3\">\n                                                                        <div>\n                                                                                    <div class=\"text-sm lg:text-base font-semibold\" style=\"color: #111827;\">Guillaume<\/div>\n                                                                                                                            <div class=\"text-xs lg:text-sm mt-0.5\" style=\"color: #9ca3af;\">CEO<\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n        <!-- Buttons -->\n        \n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 Testimonials \u2014 Styles (minimal, Tailwind handles layout) \u2550\u2550\u2550 -->\n<style>\n.tm-block { position: relative; padding: 5rem 0; }\n.tm-slide { display: none; animation: tmFadeIn 0.4s ease; }\n.tm-slide.is-active { display: block; }\n@keyframes tmFadeIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\/* Gradient divider between stat and quote *\/\n.tm-gradient-divider {\n    background: linear-gradient(180deg, transparent 10%, rgba(94,173,193,0.25) 40%, rgba(94,173,193,0.20) 60%, transparent 90%);\n}\n@media (min-width: 768px) { .tm-block { padding: 7rem 0; } }\n@media (min-width: 1024px) { .tm-block { padding: 9rem 0; } }\n<\/style>\n\n<!-- \u2550\u2550\u2550 Testimonials \u2014 JS \u2550\u2550\u2550 -->\n<script data-no-optimize=\"1\" data-wpr-no-optimize=\"1\">\n(function() {\n    var sid = 'testimonials';\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        \/\/ Carousel\n        var slides = s.querySelectorAll('.tm-slide');\n        var prev = s.querySelector('.tm-prev');\n        var next = s.querySelector('.tm-next');\n        var current = 0;\n\n        function goTo(idx) {\n            slides[current].classList.remove('is-active');\n            current = (idx + slides.length) % slides.length;\n            slides[current].classList.add('is-active');\n        }\n\n        if (prev) prev.addEventListener('click', function() { goTo(current - 1); });\n        if (next) next.addEventListener('click', function() { goTo(current + 1); });\n\n        \/\/ GSAP entrance\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('.tm-el').forEach(function(el) {\n                var d = parseFloat(el.getAttribute('data-tm-delay')) || 0;\n                gsap.fromTo(el,\n                    { opacity: 0, y: 30 },\n                    { opacity: 1, y: 0, duration: 0.8, delay: d, ease: 'power3.out', scrollTrigger: trigger }\n                );\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', setup);\n    } else {\n        setup();\n    }\n    window.addEventListener('load', function() { setTimeout(setup, 100); });\n})();\n<\/script>\n\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    id=\"team\">\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\">We Measure Our Success by Yours<\/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                                                    \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\">From fast-growing companies to global enterprises, Zenit helps brands earn authority across AI engines and search. <br \/>\r\n\ufeffOur team operates from Mexico City and Paris, aligned with your time zone, powered by enterprise experience.<br \/>\r\n<strong>Think of us as your extended team<\/strong><\/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<section\n    class=\"overflow-hidden py-24 md:py-28 lg:py-32 same-theme-next\"\n    style=\"background-color: #000000;\"\n    data-accordion-style=\"centered\"\n    data-theme=\"dark\"\n    id=\"FAQ\">\n   \n   \n   \n   <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n        <div class=\"mx-auto max-w-4xl text-center\">\n                        \n                            <h2 class=\"text-white\">All your questions answered<\/h2>\n            \n                            <p class=\"mt-3 text-pretty text-lg font-small sm:text-xl\/8  text-white\/70\">We\u2019ve got you here\u2019s what most new users want to know.<\/p>\n            \n            \n            <div class=\"mt-26\" id=\"accordion-block_3d1ed31ab09c080e267a8394e755437f-container\">\n                <dl class=\"divide-y divide-white\/40\">\n                                                <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading1\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse1\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">Why choose Zenit<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse1\" aria-labelledby=\"heading1\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            We bring 10 ye ars of experience optimizing for global giants like Stellantis, Pernod Ricard, and Great Wall Motor (GWM) directly to your project. You get thesame enterprise-level strategy without the enterprise price tag. We are renowned for delivering measurable business impact, backed by a dedicated expert team and powered by our proprietary in-house technology.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading2\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse2\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">Can&#8217;t our existing SEO agency just add GEO?<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse2\" aria-labelledby=\"heading2\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            Traditional SEO agencies optimize for Google's algorithm. GEO requires understanding how LLMs synthesize information, build context, and cite sources,a fundamentally different skill set. Most legacy agencies are still learning.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading3\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse3\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">What makes your Dual-Engine methodology different?<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse3\" aria-labelledby=\"heading3\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            Standard SEO focuses only on 41.5% of traffic (traditional clicks). Our DualEngine Methodology integrates a second engine for Generative Engine Optimization (GEO). Engine A protects your revenue by capturing high-intent clicks, while Engine B future-proofs your brand by optimizing for the 58.5% of searches that now end in zero-click AI answers. We don't force you to choose between two budgets; we unify them into one strategy that is future proof and resilient.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading4\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse4\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">How does near-shoring with Zenit compare to a US agency?<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse4\" aria-labelledby=\"heading4\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            It comes down to efficiency and resource allocation. Traditional US agencies often have high overhead costs that are passed on to you. By near-shoring with Zenit Mexico-based team, you access enterprise-level expertise, the same caliber used by our current clients like Stellantis, Pernod Ricard, and Great Wall Motor (GWM) at a fraction of the cost. This allows you to reinvest savings (up to $70k\/year on top tiers) back into your growth.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading5\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse5\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">Where is your team located? Will there be communication issues?<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse5\" aria-labelledby=\"heading5\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            Our core technical and strategic team is based in Mexico, operating on Central Standard Time (CST) to align perfectly with North American business hours. We also maintain support capabilities in France for global coverage. Our staff is fully bilingual and culturally attuned to the US and Canadian market, ensuring seamless, real-time collaboration via Slack, Notion, Meet and others.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading6\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse6\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">What if AI search doesn&#8217;t take off?&#8221;<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse6\" aria-labelledby=\"heading6\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            The strategies that work for GEO (structured content, authoritative sourcing, semantic clarity) also improve traditional SEO. You win either way. But with Gartner predicting 50% traffic decline and 1 in 7 users already preferring ChatGPT, waiting is the riskier bet.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                                        <div class=\"accordion-item py-6 first:pt-0 last:pb-0 transition-colors duration-200 rounded-lg\">\n                                <dt class=\"cursor-pointer group\" id=\"heading7\">\n                                    <button class=\"flex w-full items-start justify-between text-left text-white p-4 -mx-4 pl-8\" \n                                            type=\"button\" \n                                            onclick=\"toggleAccordion(this)\"\n                                            aria-expanded=\"false\" \n                                            aria-controls=\"collapse7\">\n                                        <h4 class=\"group-hover:text-primary transition-colors duration-200\">Do you use proprietary technology?<\/h4>\n                                        <span class=\"ml-6 flex h-7 items-center\">\n                                            <svg class=\"plus-icon size-6 transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n                                            <\/svg>\n                                            <svg class=\"minus-icon size-6 hidden transition-transform duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n                                <\/dt>\n                                <dd class=\"max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out hidden\" id=\"collapse7\" aria-labelledby=\"heading7\">\n                                    <div class=\"accordion-body text-left pt-4 pr-12 px-4 -mx-4 pl-8\">\n                                        <p class=\"text-base\/7 text-white\/70\">\n                                            Yes. We don't just rely on third-party tools. We utilize Omni, our proprietary internal tools for AI citation tracking, optimizations and sentiment monitoring in a strict and protected data environment (data sovereignty). This allows us to see what your competitors miss\u2014specifically, how LLMs are perceiving and citing your brand.                                        <\/p>\n                                    <\/div>\n                                <\/dd>\n                            <\/div>\n                                            <\/dl>\n            <\/div>\n        <\/div>\n    <\/div>\n        <div class=\"mt-20 flex flex-col gap-5 md:flex-row lg:flex-row items-center justify-center gap-x-6\">\n                            \n                                    <\/div>\n<\/section>\n\n\n<script>\n    function toggleAccordion(element) {\n        const accordionItem = element.closest('.accordion-item');\n        const content = accordionItem.querySelector('dd');\n        const plusIcon = accordionItem.querySelector('.plus-icon');\n        const minusIcon = accordionItem.querySelector('.minus-icon');\n        const section = accordionItem.closest('section');\n        const hasBg = section && section.style.backgroundColor;\n        \n        \/\/ Close all other accordions in this block\n        const blockContainer = accordionItem.closest('[id$=\"-container\"]');\n        if (blockContainer) {\n            blockContainer.querySelectorAll('.accordion-item').forEach(item => {\n                if (item !== accordionItem) {\n                    if (!hasBg) {\n                        item.classList.remove('bg-gray-50');\n                    }\n                    const itemContent = item.querySelector('dd');\n                    const itemButton = item.querySelector('button[onclick]');\n                    if (itemContent && itemButton) {\n                        itemContent.classList.remove('max-h-[1000px]');\n                        itemContent.classList.add('hidden');\n                        itemButton.setAttribute('aria-expanded', 'false');\n                        const itemPlusIcon = item.querySelector('.plus-icon');\n                        const itemMinusIcon = item.querySelector('.minus-icon');\n                        itemPlusIcon.classList.remove('hidden');\n                        itemMinusIcon.classList.add('hidden');\n                    }\n                }\n            });\n        }\n        \n        \/\/ Toggle current accordion\n        const isExpanded = element.getAttribute('aria-expanded') === 'true';\n        if (!isExpanded) {\n            content.classList.remove('hidden');\n            content.classList.add('max-h-[1000px]');\n            element.setAttribute('aria-expanded', 'true');\n            plusIcon.classList.add('hidden');\n            minusIcon.classList.remove('hidden');\n            if (!hasBg) {\n                accordionItem.classList.add('bg-gray-50');\n            }\n        } else {\n            content.classList.remove('max-h-[1000px]');\n            element.setAttribute('aria-expanded', 'false');\n            if (!hasBg) {\n                accordionItem.classList.remove('bg-gray-50');\n            }\n            setTimeout(() => {\n                content.classList.add('hidden');\n            }, 300);\n            plusIcon.classList.remove('hidden');\n            minusIcon.classList.add('hidden');\n        }\n    }\n<\/script>\n\n\n\n\n<section\n    class=\"dcta-block relative isolate z-watermark z-watermark--04 z-watermark--top-left same-theme-next\"\n    id=\"call-us\"\n    data-block-id=\"call-us\"\n    data-theme=\"dark\"\n    style=\"background-color: #000000;\">\n\n    <!-- Ambient glows -->\n    <div class=\"absolute inset-0 -z-10 overflow-hidden pointer-events-none\" aria-hidden=\"true\">\n        <div class=\"absolute -top-1\/4 -right-1\/4 w-[60%] h-[60%] rounded-full blur-[120px]\"\n             style=\"background: rgba(255,255,255,0.06);\"><\/div>\n        <div class=\"absolute -bottom-1\/4 -left-1\/4 w-[50%] h-[50%] rounded-full blur-[100px]\"\n             style=\"background: rgba(94,173,193,0.04);\"><\/div>\n    <\/div>\n\n    <div class=\"dcta-inner mx-auto max-w-7xl px-6 lg:px-8\">\n\n        <!-- \u2500\u2500 Section header \u2500\u2500 -->\n                <div class=\"dcta-header text-center max-w-3xl mx-auto\">\n            \n                        <h2 class=\"dcta-title\" style=\"color: #ffffff;\">\n                Find Out What AI Really Says About Your Brand            <\/h2>\n            \n                    <\/div>\n        \n        <!-- \u2500\u2500 Two-column layout with OR divider \u2500\u2500 -->\n        <div class=\"dcta-grid mt-12 md:mt-16 lg:mt-20 relative\">\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-start\">\n\n                <!-- \u258c LEFT CARD \u2014 Form \u258c -->\n                <div class=\"dcta-card dcta-card-form relative rounded-2xl lg:rounded-3xl overflow-hidden\"\n                     style=\"background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 32px rgba(0,0,0,0.2);\">\n\n                    <!-- Accent top edge -->\n                    <div class=\"absolute top-0 left-0 right-0 h-[2px]\" style=\"background: linear-gradient(90deg, transparent 0%, #5eadc150 20%, #5eadc1 50%, #5eadc150 80%, transparent 100%);\"><\/div>\n\n                    <div class=\"p-6 sm:p-8 lg:p-10 xl:p-12\">\n\n                        <!-- Badge -->\n                        <div class=\"inline-flex items-center gap-2 rounded-full px-3.5 py-1 text-xs font-semibold uppercase tracking-wider mb-6\"\n                             style=\"background: rgba(94,173,193,0.10); color: #5eadc1; border: 1px solid rgba(94,173,193,0.20);\">\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.3 24.3 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21a48.25 48.25 0 0 1-8.135-.687c-1.718-.293-2.3-2.379-1.067-3.61L5 14.5\"\/>\n                            <\/svg>\n                            Free Audit\n                        <\/div>\n\n                                                <h3 class=\"dcta-card-title\" style=\"color: #ffffff;\">\n                            Find Out What AI Really <br \/>\r\nSays About Your Brand                        <\/h3>\n                        \n                                                <p class=\"dcta-card-desc mt-3\" style=\"color: rgba(255,255,255,0.60);\">\n                            We audit exactly how your brand appears or doesn&#039;t across ChatGPT, AI Overviews, and Perplexity.                        <\/p>\n                        \n                                                <div class=\"dcta-form mt-8\" data-theme=\"dark\">\n                            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1588-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1588\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/1589#wpcf7-f1588-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1588\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1588-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"dcta-form-fields\">\n\t<p><label>Brand name<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"brand-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your brand name\" value=\"\" type=\"text\" name=\"brand-name\" \/><\/span>\n\t<\/p>\n\t<p><label>Work Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"work-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"you@company.com\" value=\"\" type=\"email\" name=\"work-email\" \/><\/span>\n\t<\/p>\n\t<p><label>Website URL<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"website-url\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-url\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"https:\/\/yourwebsite.com\" value=\"\" type=\"url\" name=\"website-url\" \/><\/span>\n\t<\/p>\n\t<p><label>Industry<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"industry\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"industry\"><option value=\"Industry\">Industry<\/option><option value=\"SaaS \/ Software\">SaaS \/ Software<\/option><option value=\"E-commerce \/ Retail\">E-commerce \/ Retail<\/option><option value=\"Financial Services\">Financial Services<\/option><option value=\"Healthcare\">Healthcare<\/option><option value=\"Manufacturing\">Manufacturing<\/option><option value=\"Professional Services\">Professional Services<\/option><option value=\"Media \/ Publishing\">Media \/ Publishing<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t<\/p>\n\t<p><label>Market<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"market\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"market\"><option value=\"Main Market\">Main Market<\/option><option value=\"North America\">North America<\/option><option value=\"Latin America\">Latin America<\/option><option value=\"Europe\">Europe<\/option><option value=\"Global\">Global<\/option><\/select><\/span>\n\t<\/p>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Get Your Visibility Score\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                        <\/div>\n                        \n                        <!-- Trust signal -->\n                        <div class=\"flex items-center justify-center gap-2 mt-6\" style=\"color: rgba(255,255,255,0.45);\">\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color: rgba(255,255,255,0.20);\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z\"\/>\n                            <\/svg>\n                            <span class=\"text-xs\">No spam. Your data stays private.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u258c OR Divider (desktop: vertical, mobile: horizontal) \u258c -->\n                <div class=\"dcta-or-divider absolute left-1\/2 top-0 bottom-0 -translate-x-1\/2 hidden lg:flex flex-col items-center justify-center z-10\">\n                    <div class=\"flex-1 w-px\" style=\"background: rgba(255,255,255,0.08);\"><\/div>\n                    <span class=\"dcta-or-badge flex items-center justify-center w-10 h-10 rounded-full text-xs font-bold uppercase tracking-wider my-3\"\n                          style=\"color: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.08); background: #000000;\">\n                        or\n                    <\/span>\n                    <div class=\"flex-1 w-px\" style=\"background: rgba(255,255,255,0.08);\"><\/div>\n                <\/div>\n\n                <!-- Mobile OR divider -->\n                <div class=\"dcta-or-mobile flex items-center gap-4 lg:hidden -my-2\">\n                    <div class=\"flex-1 h-px\" style=\"background: rgba(255,255,255,0.08);\"><\/div>\n                    <span class=\"text-xs font-bold uppercase tracking-wider\" style=\"color: rgba(255,255,255,0.25);\">or<\/span>\n                    <div class=\"flex-1 h-px\" style=\"background: rgba(255,255,255,0.08);\"><\/div>\n                <\/div>\n\n                <!-- \u258c RIGHT CARD \u2014 Strategy Pitch (sticky on desktop) \u258c -->\n                <div class=\"dcta-card dcta-card-pitch dcta-sticky relative rounded-2xl lg:rounded-3xl overflow-hidden\"\n                     style=\"background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(94,173,193,0.04) 100%); border: 1px solid rgba(94,173,193,0.15); box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 32px rgba(0,0,0,0.2);\">\n\n                    <!-- Accent top edge (turquoise tint) -->\n                    <div class=\"absolute top-0 left-0 right-0 h-[2px]\" style=\"background: linear-gradient(90deg, transparent 0%, #5eadc150 20%, #5eadc1 50%, #5eadc150 80%, transparent 100%);\"><\/div>\n\n                    <div class=\"p-6 sm:p-8 lg:p-10 xl:p-12\">\n\n                        <!-- Badge -->\n                        <div class=\"inline-flex items-center gap-2 rounded-full px-3.5 py-1 text-xs font-semibold uppercase tracking-wider mb-6 self-start\"\n                             style=\"background: rgba(94,173,193,0.10); color: #5eadc1; border: 1px solid rgba(94,173,193,0.20);\">\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155\"\/>\n                            <\/svg>\n                            Strategy Session\n                        <\/div>\n\n                                                <h3 class=\"dcta-card-title\" style=\"color: #ffffff;\">\n                            Already Know You Need to Act? <br \/>\r\nLet's Build Your Roadmap.                        <\/h3>\n                        \n                                                <p class=\"dcta-card-desc mt-3\" style=\"color: rgba(255,255,255,0.60);\">\n                            A 15 minute strategic session with a senior Zenit consultant not a sales call, a working session.                        <\/p>\n                        \n                        <!-- Divider -->\n                        <div class=\"my-6 lg:my-8 h-px\" style=\"background: rgba(255,255,255,0.08);\"><\/div>\n\n                        <!-- Checklist -->\n                                                <div class=\"dcta-checklist\">\n                                                        <p class=\"dcta-checklist-title text-sm font-bold italic mb-5\" style=\"color: rgba(255,255,255,0.85);\">\n                                What we&#039;ll cover together:                            <\/p>\n                            \n                                                        <ul class=\"space-y-5\">\n                                                                <li class=\"flex items-start gap-4\">\n                                    <span class=\"dcta-check-icon flex-shrink-0 mt-0.5 flex items-center justify-center w-6 h-6 rounded-full\"\n                                          style=\"background: rgba(94,173,193,0.15);\">\n                                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                            <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"dcta-checklist-text leading-relaxed\" style=\"color: rgba(255,255,255,0.65);\">\n                                        Where your brand stands across traditional search AND AI engines today                                    <\/span>\n                                <\/li>\n                                                                <li class=\"flex items-start gap-4\">\n                                    <span class=\"dcta-check-icon flex-shrink-0 mt-0.5 flex items-center justify-center w-6 h-6 rounded-full\"\n                                          style=\"background: rgba(94,173,193,0.15);\">\n                                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                            <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"dcta-checklist-text leading-relaxed\" style=\"color: rgba(255,255,255,0.65);\">\n                                        Which Dual-Engine tier fits your current stage and resources                                    <\/span>\n                                <\/li>\n                                                                <li class=\"flex items-start gap-4\">\n                                    <span class=\"dcta-check-icon flex-shrink-0 mt-0.5 flex items-center justify-center w-6 h-6 rounded-full\"\n                                          style=\"background: rgba(94,173,193,0.15);\">\n                                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                            <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"dcta-checklist-text leading-relaxed\" style=\"color: rgba(255,255,255,0.65);\">\n                                        Your top 3 competitive gaps in AI visibility and how to close them                                    <\/span>\n                                <\/li>\n                                                                <li class=\"flex items-start gap-4\">\n                                    <span class=\"dcta-check-icon flex-shrink-0 mt-0.5 flex items-center justify-center w-6 h-6 rounded-full\"\n                                          style=\"background: rgba(94,173,193,0.15);\">\n                                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                            <path d=\"M3 8.5l3.5 3.5L13 5\" stroke=\"#5eadc1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"dcta-checklist-text leading-relaxed\" style=\"color: rgba(255,255,255,0.65);\">\n                                        A preliminary timeline and investment range for your specific situation                                    <\/span>\n                                <\/li>\n                                                            <\/ul>\n                                                    <\/div>\n                        \n                        <!-- CTA Button -->\n                                                <div class=\"dcta-pitch-cta mt-8 lg:mt-10\">\n                            <a href=\"https:\/\/calendar.app.google\/cLbWFgmA2us3sy1W7\"\n                               target=\"_self\"\n                               class=\"dcta-pitch-btn group\">\n                                Book a full strategy session                                 <svg class=\"ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n\n            <\/div><!-- grid -->\n        <\/div><!-- .dcta-grid -->\n    <\/div><!-- .dcta-inner -->\n<\/section>\n\n<!-- \u2500\u2500 Scoped styles \u2500\u2500 -->\n<style>\n\/* \u2550\u2550\u2550 Section spacing \u2550\u2550\u2550 *\/\n.dcta-block {\n    padding: 5rem 0;\n}\n@media (min-width: 768px) {\n    .dcta-block { padding: 7rem 0; }\n}\n@media (min-width: 1024px) {\n    .dcta-block { padding: 9rem 0; }\n}\n\n\/* \u2550\u2550\u2550 Typography \u2550\u2550\u2550 *\/\n.dcta-title {\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-weight: 700;\n    font-size: 1.875rem;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}\n@media (min-width: 768px) {\n    .dcta-title { font-size: 2.25rem; }\n}\n@media (min-width: 1024px) {\n    .dcta-title { font-size: 2.75rem; }\n}\n\n.dcta-description {\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-size: 1rem;\n    line-height: 1.75;\n}\n@media (min-width: 768px) {\n    .dcta-description { font-size: 1.0625rem; }\n}\n@media (min-width: 1024px) {\n    .dcta-description { font-size: 1.125rem; }\n}\n\n.dcta-card-title {\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-weight: 700;\n    font-size: 1.25rem;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n}\n@media (min-width: 768px) {\n    .dcta-card-title { font-size: 1.375rem; }\n}\n@media (min-width: 1024px) {\n    .dcta-card-title { font-size: 1.5rem; }\n}\n\n.dcta-card-desc {\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-size: 0.9375rem;\n    line-height: 1.7;\n}\n@media (min-width: 1024px) {\n    .dcta-card-desc { font-size: 1rem; }\n}\n\n.dcta-checklist-text {\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-size: 0.9375rem;\n}\n@media (min-width: 1024px) {\n    .dcta-checklist-text { font-size: 1rem; }\n}\n\n\/* \u2550\u2550\u2550 Card hover \u2550\u2550\u2550 *\/\n.dcta-card {\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}\n@media (min-width: 1024px) {\n    .dcta-card:hover {\n        transform: translateY(-4px);\n    }\n}\n\n\/* \u2550\u2550\u2550 Sticky pitch card \u2550\u2550\u2550 *\/\n@media (min-width: 1024px) {\n    .dcta-sticky {\n        position: -webkit-sticky !important;\n        position: sticky !important;\n        top: 2rem !important;\n    }\n}\n\n\/* \u2550\u2550\u2550 CF7 Form \u2014 inherits global .wpcf7 premium styles \u2550\u2550\u2550 *\/\n\n\/* CF7 spinner *\/\n.dcta-form .wpcf7-spinner {\n    margin: 1rem auto 0;\n}\n\n\/* \u2550\u2550\u2550 Checklist \u2550\u2550\u2550 *\/\n.dcta-checklist li {\n    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.dcta-checklist li:hover {\n    transform: translateX(4px);\n}\n.dcta-check-icon {\n    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;\n}\n.dcta-checklist li:hover .dcta-check-icon {\n    transform: scale(1.1);\n    box-shadow: 0 0 0 4px rgba(195, 4, 48, 0.06);\n}\n\n\/* \u2550\u2550\u2550 Pitch CTA button \u2014 Turquoise accent \u2550\u2550\u2550 *\/\n.dcta-pitch-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 0.9375rem 1.5rem;\n    font-family: var(--font-raleway, 'Raleway', sans-serif);\n    font-size: 1rem;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    color: #ffffff;\n    background: #5eadc1;\n    border: 1.5px solid #5eadc1;\n    border-radius: 0.75rem;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n.dcta-pitch-btn:hover {\n    transform: translateY(-2px);\n    background: #4a9ab0;\n    border-color: #4a9ab0;\n    box-shadow: 0 8px 24px rgba(94, 173, 193, 0.25);\n    color: #ffffff;\n}\n\n\/* Dark theme pitch button \u2014 same turquoise *\/\n[data-theme=\"dark\"] .dcta-pitch-btn {\n    color: #ffffff;\n    background: #5eadc1;\n    border-color: #5eadc1;\n}\n[data-theme=\"dark\"] .dcta-pitch-btn:hover {\n    background: #4a9ab0;\n    border-color: #4a9ab0;\n    box-shadow: 0 8px 24px rgba(94, 173, 193, 0.3);\n    color: #ffffff;\n}\n\n\/* \u2550\u2550\u2550 OR divider \u2550\u2550\u2550 *\/\n.dcta-or-divider {\n    pointer-events: none;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1589","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>Nearshoring - ZENIT SEO<\/title>\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\/nearshoring\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nearshoring - ZENIT SEO\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zenitseo.com\/en\/nearshoring\/\" \/>\n<meta property=\"og:site_name\" content=\"ZENIT SEO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T12:11:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zenitseo.com\/en\/nearshoring\/\",\"url\":\"https:\/\/zenitseo.com\/en\/nearshoring\/\",\"name\":\"Nearshoring - ZENIT SEO\",\"isPartOf\":{\"@id\":\"https:\/\/zenitseo.com\/#website\"},\"datePublished\":\"2026-03-26T16:57:15+00:00\",\"dateModified\":\"2026-04-27T12:11:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zenitseo.com\/en\/nearshoring\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zenitseo.com\/en\/nearshoring\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zenitseo.com\/en\/nearshoring\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zenitseo.com\/en\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nearshoring\"}]},{\"@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":"Nearshoring - ZENIT SEO","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\/nearshoring\/","og_locale":"en_US","og_type":"article","og_title":"Nearshoring - ZENIT SEO","og_url":"https:\/\/zenitseo.com\/en\/nearshoring\/","og_site_name":"ZENIT SEO","article_modified_time":"2026-04-27T12:11:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zenitseo.com\/en\/nearshoring\/","url":"https:\/\/zenitseo.com\/en\/nearshoring\/","name":"Nearshoring - ZENIT SEO","isPartOf":{"@id":"https:\/\/zenitseo.com\/#website"},"datePublished":"2026-03-26T16:57:15+00:00","dateModified":"2026-04-27T12:11:01+00:00","breadcrumb":{"@id":"https:\/\/zenitseo.com\/en\/nearshoring\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zenitseo.com\/en\/nearshoring\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zenitseo.com\/en\/nearshoring\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zenitseo.com\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Nearshoring"}]},{"@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\/1589","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=1589"}],"version-history":[{"count":52,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages\/1589\/revisions"}],"predecessor-version":[{"id":1731,"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/pages\/1589\/revisions\/1731"}],"wp:attachment":[{"href":"https:\/\/zenitseo.com\/en\/wp-json\/wp\/v2\/media?parent=1589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}