{"id":20619,"date":"2025-07-17T16:12:46","date_gmt":"2025-07-17T14:12:46","guid":{"rendered":"http:\/\/innersparklife.com\/?page_id=20619"},"modified":"2026-01-26T13:55:07","modified_gmt":"2026-01-26T12:55:07","slug":"gomera-2026","status":"publish","type":"page","link":"https:\/\/innersparklife.com\/gomera-2026\/","title":{"rendered":"Gomera 2026"},"content":{"rendered":"<div class=\"gb-container gb-container-9d98f85b\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Inner Spark &#8211; Hero Final<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    },\n                    dropShadow: {\n                        'soft': '0 4px 6px rgba(0, 0, 0, 0.5)',\n                        'hard': '0 2px 4px rgba(0,0,0,0.8)'\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .popup-transition { transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }\n    <\/style>\n<\/head>\n<body class=\"font-sans antialiased\">\n\n    <!-- \u25bc\u25bc\u25bc HERO SECTION \u25bc\u25bc\u25bc -->\n    <section class=\"relative h-screen w-full overflow-hidden bg-brand-blue\">\n        \n        <!-- Background Image -->\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" \n                src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/12\/Generated-Image-December-22-2025-2_20PM-scaled.jpeg\" \n                alt=\"La Gomera Sky\" \n                class=\"w-full h-full object-cover object-top\"\n                onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/1920x1080\/202e39\/ffffff?text=La+Gomera';\"\n            >\n            <!-- Gradient: Strong at top for text contrast, fading out completely -->\n            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/80 via-black\/30 to-transparent h-[75%]\"><\/div>\n        <\/div>\n\n        <!-- Content Container: Top Aligned with padding -->\n        <div class=\"relative z-10 w-full h-full flex flex-col items-center justify-start pt-32 sm:pt-40 px-4 text-center\">\n            \n            <!-- Compact Layout Group -->\n            <div class=\"max-w-3xl mx-auto space-y-6\">\n                \n                <!-- Eyebrow -->\n                <div class=\"flex items-center justify-center gap-3 text-brand-gold font-bold text-xs sm:text-sm tracking-[0.2em] uppercase drop-shadow-hard\">\n                    <span>Feb 17-22<\/span>\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-white shadow-sm\"><\/span>\n                    <span>La Gomera<\/span>\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-white shadow-sm\"><\/span>\n                    <span>15 Spots<\/span>\n                <\/div>\n\n                <!-- Headline -->\n                <h1 class=\"font-display text-4xl sm:text-5xl md:text-6xl text-white uppercase tracking-wide leading-tight drop-shadow-hard\">\n                    You Aren&#8217;t Just Tired.<br>\n                    <span class=\"text-brand-gold\">You Are Carrying Too Much.<\/span>\n                <\/h1>\n\n                <!-- Subhead -->\n                <p class=\"text-base sm:text-lg text-white font-sans font-medium max-w-xl mx-auto leading-relaxed drop-shadow-hard\">\n                    A 6-day journey to drop the weight, detox from the noise, and remember what it feels like to be truly alive.\n                <\/p>\n\n                <!-- CTA: SOLID BUTTON FOR VISIBILITY -->\n                <div class=\"pt-6\">\n                    <button id=\"open-booking-popup\" class=\"group relative inline-flex items-center gap-2 bg-brand-gold hover:bg-white text-brand-blue hover:text-brand-blue px-8 py-4 rounded-full transition-all duration-300 shadow-xl hover:shadow-2xl hover:-translate-y-1\">\n                        <span class=\"font-bold tracking-widest uppercase text-sm shadow-black\">I Want to Feel Light Again<\/span>\n                        <svg class=\"w-5 h-5 group-hover:translate-x-1 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Bottom element: Scroll Hint -->\n        <div class=\"absolute bottom-12 w-full text-center z-10 pointer-events-none\">\n            <p class=\"text-white text-[10px] sm:text-xs font-bold uppercase tracking-[0.3em] animate-pulse drop-shadow-hard\">\n                Scroll to Explore\n            <\/p>\n            <div class=\"mt-2 text-white\/80 animate-bounce drop-shadow-hard\">\n                <svg class=\"w-4 h-4 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7\"><\/path><\/svg>\n            <\/div>\n        <\/div>\n\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 HERO \u25b2\u25b2\u25b2 -->\n\n\n    <!-- \u25bc\u25bc\u25bc BOOKING POP-UP (Functional Ticket Tailor Integration) \u25bc\u25bc\u25bc -->\n    <div id=\"booking-popup\" class=\"popup-transition fixed inset-0 bg-brand-blue\/90 backdrop-blur-sm flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\n        <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden\">\n            \n            <!-- Modal Header -->\n            <div class=\"flex justify-between items-center p-6 border-b bg-gray-50\">\n                <h3 class=\"font-display text-2xl text-brand-blue uppercase tracking-tight\">Complete Your Reservation<\/h3>\n                <button id=\"close-booking-popup\" class=\"text-gray-400 hover:text-brand-blue text-4xl leading-none transition-colors\">&times;<\/button>\n            <\/div>\n            \n            <!-- Modal Body with Widget -->\n            <div class=\"p-6 overflow-y-auto\">\n                <p class=\"text-center text-gray-600 mb-6 font-sans text-lg\">Select your room and follow the steps below to confirm your place.<\/p>\n                \n                <!-- Ticket Tailor Widget Code -->\n                <div class=\"tt-widget\">\n                    <div class=\"tt-widget-fallback\">\n                        <p>\n                            <a href=\"https:\/\/www.tickettailor.com\/checkout\/new-session\/id\/6388404\/chk\/79ff\/?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" target=\"_blank\" class=\"text-brand-blue underline font-bold\">Click here to buy tickets<\/a>\n                            <br \/>\n                            <small><a href=\"https:\/\/www.tickettailor.com?rf=wdg_169606\" class=\"tt-widget-powered\">Sell tickets online with Ticket Tailor<\/a><\/small>\n                        <\/p>\n                    <\/div>\n                    <!-- Correct script source and attributes -->\n                    <script src=\"https:\/\/cdn.tickettailor.com\/js\/widgets\/min\/widget.js\" \n                            data-url=\"https:\/\/www.tickettailor.com\/checkout\/new-session\/id\/6388404\/chk\/79ff\/?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" \n                            data-type=\"inline\" \n                            data-inline-minimal=\"true\" \n                            data-inline-show-logo=\"false\" \n                            data-inline-bg-fill=\"false\" \n                            data-inline-inherit-ref-from-url-param=\"\" \n                            data-inline-ref=\"\">\n                    <\/script>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <!-- \u25b2\u25b2\u25b2 BOOKING POP-UP \u25b2\u25b2\u25b2 -->\n\n    <!-- Script for Modal Interactions -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const bookingPopup = document.getElementById('booking-popup');\n            const openBookingBtn = document.getElementById('open-booking-popup');\n            const closeBookingBtn = document.getElementById('close-booking-popup');\n\n            const openPopup = (popup) => {\n                if (!popup) return;\n                popup.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\n                document.body.style.overflow = 'hidden';\n            };\n\n            const closePopup = (popup) => {\n                if (!popup) return;\n                popup.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\n                document.body.style.overflow = 'auto';\n            };\n\n            if (openBookingBtn) openBookingBtn.addEventListener('click', () => openPopup(bookingPopup));\n            if (closeBookingBtn) closeBookingBtn.addEventListener('click', () => closePopup(bookingPopup));\n\n            \/\/ Close on click outside\n            if (bookingPopup) {\n                bookingPopup.addEventListener('click', (event) => {\n                    if (event.target === bookingPopup) closePopup(bookingPopup);\n                });\n            }\n\n            \/\/ Close on Escape key\n            document.addEventListener('keydown', (event) => {\n                if (event.key === 'Escape') {\n                    if (bookingPopup && !bookingPopup.classList.contains('pointer-events-none')) {\n                        closePopup(bookingPopup);\n                    }\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-bc64b7e5\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 2: The Diagnostic<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 2: THE DIAGNOSTIC (The Gray Filter) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                \n                <!-- Text Column -->\n                <div class=\"order-2 lg:order-1\">\n                    <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider mb-6\">\n                        Why Does &#8220;Success&#8221;<br> Feel So Heavy?\n                    <\/h2>\n                    \n                    <div class=\"space-y-6 text-lg text-gray-700 font-sans leading-relaxed\">\n                        <p>\n                            You wake up tired. You go through the motions. You smile when you\u2019re supposed to. <span class=\"font-bold text-brand-blue\">But inside? It feels like you\u2019re walking through mud.<\/span>\n                        <\/p>\n                        <p>\n                            The colors of life look gray. The things that used to excite you feel like obligations. This is not physical exhaustion. This is <span class=\"font-bold text-brand-blue italic\">Spiritual Fatigue<\/span>.\n                        <\/p>\n                        <p class=\"border-l-4 border-brand-gold pl-4 italic text-gray-600\">\n                            It happens when you spend years in an environment that asks for your performance but ignores your soul.\n                        <\/p>\n                        <p>\n                            It happens when you are surrounded by noise, negativity, and demands that slowly drain your battery until the &#8220;Spark&#8221; is almost gone. You don&#8217;t need a nap. You need a <span class=\"font-bold text-brand-gold uppercase\">System Reboot<\/span>.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Image Column (Mood\/Texture) -->\n                <div class=\"order-1 lg:order-2 relative h-full min-h-[400px]\">\n                    <div class=\"absolute inset-0 bg-brand-blue rounded-2xl transform rotate-3 opacity-10\"><\/div>\n                    <img decoding=\"async\" \n                        class=\"relative rounded-2xl shadow-xl w-full h-full object-cover transform -rotate-2 hover:rotate-0 transition-transform duration-500\" \n                        src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/12\/Generated-Image-December-22-2025-2_27PM.jpeg\" \n                        alt=\"The gray feeling of spiritual fatigue\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x800\/e2e8f0\/334155?text=Diagnostic+Mood+Image';\"\n                    >\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 2: THE DIAGNOSTIC \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-bef4c711\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 3: The Antidote<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"font-sans\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 3: THE ANTIDOTE (The Upward Current) \u25bc\u25bc\u25bc -->\n    <section class=\"relative py-20 sm:py-32 bg-fixed bg-cover bg-center\" style=\"background-image: url('https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/12\/Generated-Image-December-21-2025-1_05PM.jpeg');\">\n        \n        <!-- Dark Overlay for Contrast -->\n        <div class=\"absolute inset-0 bg-brand-blue\/85\"><\/div>\n\n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Header -->\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-white sm:text-6xl uppercase tracking-wider mb-4\">\n                    Plug Into a <span class=\"text-brand-gold\">Higher Voltage<\/span>\n                <\/h2>\n                <p class=\"text-xl text-gray-300 font-sans max-w-2xl mx-auto\">\n                    Why La Gomera is the medicine for a heavy spirit.\n                <\/p>\n            <\/div>\n\n            <!-- Content Grid -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                \n                <!-- Intro Text -->\n                <div class=\"text-white font-sans text-lg leading-relaxed space-y-6\">\n                    <p>\n                        To cure spiritual fatigue, you cannot just &#8220;think positive.&#8221; <strong class=\"text-brand-gold\">You must change your physics.<\/strong>\n                    <\/p>\n                    <p>\n                        La Gomera is a volcanic anomaly. It has a <span class=\"border-b-2 border-brand-gold\">Vital Current<\/span> so strong you feel it the moment you step off the ferry. The air is different here. The silence is louder.\n                    <\/p>\n                <\/div>\n\n                <!-- The Inner Spark Method Cards -->\n                <div class=\"space-y-6\">\n                    \n                    <!-- Method 1 -->\n                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-xl hover:bg-white\/15 transition-colors duration-300\">\n                        <div class=\"flex items-start\">\n                            <span class=\"text-3xl mr-4\">\ud83d\udd0c<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-gold uppercase tracking-wide mb-2\">The Detox<\/h3>\n                                <p class=\"text-gray-200 text-sm sm:text-base\">We leave the toxic environment behind. No news. No draining calls. Just silence.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Method 2 -->\n                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-xl hover:bg-white\/15 transition-colors duration-300\">\n                        <div class=\"flex items-start\">\n                            <span class=\"text-3xl mr-4\">\u26a1<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-gold uppercase tracking-wide mb-2\">The Activation<\/h3>\n                                <p class=\"text-gray-200 text-sm sm:text-base\">We don&#8217;t just sit. We hike, we breathe, we move. We use <strong>intensity<\/strong> to break the numbness.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Method 3 -->\n                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-xl hover:bg-white\/15 transition-colors duration-300\">\n                        <div class=\"flex items-start\">\n                            <span class=\"text-3xl mr-4\">\ud83d\udc41\ufe0f<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-gold uppercase tracking-wide mb-2\">The Purpose<\/h3>\n                                <p class=\"text-gray-200 text-sm sm:text-base\">Through ancient rituals, we clear the fog so you can finally see <strong>where<\/strong> you want to go next.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 3: THE ANTIDOTE \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-7add64f8\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section: The Cosmic Moment (White Background)<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Animaci\u00f3n suave para la l\u00ednea dorada *\/\n        @keyframes pulse-gold {\n            0%, 100% { opacity: 0.5; }\n            50% { opacity: 1; }\n        }\n        .animate-pulse-gold {\n            animation: pulse-gold 3s infinite;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION: THE COSMIC ALIGNMENT (WHITE THEME) \u25bc\u25bc\u25bc -->\n    <section class=\"bg-white py-20 sm:py-32 relative overflow-hidden\">\n        \n        <!-- Elementos decorativos de fondo (Sutiles en gris\/azul para dar profundidad al blanco) -->\n        <div class=\"absolute top-0 left-0 w-96 h-96 bg-brand-gold\/10 rounded-full blur-3xl -translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 right-0 w-[500px] h-[500px] bg-brand-blue\/5 rounded-full blur-3xl translate-x-1\/3 translate-y-1\/3 pointer-events-none\"><\/div>\n\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            \n            <!-- 1. INTRODUCCI\u00d3N LATERAL -->\n            <div class=\"flex flex-col md:flex-row gap-12 mb-20 items-end\">\n                <div class=\"w-full md:w-1\/2\">\n                     <p class=\"font-sans text-brand-gold font-bold tracking-[0.2em] uppercase text-sm mb-4\">\n                        February 2026\n                    <\/p>\n                    <h2 class=\"font-display text-5xl text-brand-blue sm:text-6xl uppercase tracking-wider leading-none\">\n                        The Great <br>\n                        <!-- Gradiente ajustado para fondo blanco: Dorado a Azul oscuro -->\n                        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-gold to-brand-blue\">Cosmic Reset<\/span>\n                    <\/h2>\n                <\/div>\n                <div class=\"w-full md:w-1\/2 border-l border-brand-gold\/50 pl-6 pb-2\">\n                    <p class=\"text-gray-600 text-lg leading-relaxed\">\n                        Why La Gomera? Why now? Because the sky is writing a new chapter. Under the pristine starlight of this island, the boundary between your dreams and your reality dissolves.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 2. LA ALINEACI\u00d3N (Timeline) -->\n            <div class=\"relative mt-12\">\n                \n                <!-- La L\u00ednea Central Conectora -->\n                <div class=\"absolute left-4 md:left-1\/2 top-0 bottom-0 w-px bg-gradient-to-b from-transparent via-brand-gold to-transparent md:-translate-x-1\/2 animate-pulse-gold\"><\/div>\n\n                <!-- ITEM 1: SATURNO + NEPTUNO -->\n                <div class=\"relative flex flex-col md:flex-row items-center mb-16 md:mb-24 group\">\n                    <!-- Icono Central (Mantenemos fondo azul para contraste fuerte) -->\n                    <div class=\"absolute left-4 md:left-1\/2 w-8 h-8 rounded-full border-2 border-brand-gold bg-brand-blue z-20 -translate-x-1\/2 flex items-center justify-center shadow-[0_0_15px_rgba(212,192,131,0.4)]\">\n                        <div class=\"w-2 h-2 bg-brand-gold rounded-full\"><\/div>\n                    <\/div>\n                    \n                    <!-- Contenido Izquierda -->\n                    <div class=\"w-full md:w-1\/2 md:pr-16 pl-12 md:pl-0 text-left md:text-right order-2 md:order-1\">\n                        <h3 class=\"font-display text-2xl text-brand-blue mb-2 group-hover:text-brand-gold transition-colors duration-300\">Saturn Meets Neptune<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed\">\n                            The &#8220;Architect&#8221; meets the &#8220;Dreamer.&#8221; Usually, these forces clash. Here, they merge. It is the cosmic mandate to <strong class=\"text-brand-blue\">manifest your spiritual vision<\/strong> into tangible reality.\n                        <\/p>\n                    <\/div>\n                    \n                    <!-- Decoraci\u00f3n Derecha (N\u00famero grande sutil) -->\n                    <div class=\"w-full md:w-1\/2 md:pl-16 pl-12 mt-2 md:mt-0 order-3 md:order-2 opacity-100\">\n                         <!-- CAMBIO: De text-gray-100 a text-brand-gold\/25 -->\n                         <span class=\"font-display text-6xl md:text-8xl text-brand-gold\/25 select-none transition-colors duration-300 group-hover:text-brand-gold\/40\">01<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- ITEM 2: 0 GRADOS ARIES -->\n                <div class=\"relative flex flex-col md:flex-row items-center mb-16 md:mb-24 group\">\n                    <!-- Icono Central -->\n                    <div class=\"absolute left-4 md:left-1\/2 w-8 h-8 rounded-full border-2 border-brand-gold bg-brand-blue z-20 -translate-x-1\/2 flex items-center justify-center shadow-[0_0_15px_rgba(212,192,131,0.4)]\">\n                        <div class=\"w-2 h-2 bg-brand-gold rounded-full\"><\/div>\n                    <\/div>\n\n                    <!-- Decoraci\u00f3n Izquierda -->\n                     <div class=\"w-full md:w-1\/2 md:pr-16 pl-12 md:pl-0 text-left md:text-right hidden md:block opacity-100\">\n                         <!-- CAMBIO: De text-gray-100 a text-brand-gold\/25 -->\n                         <span class=\"font-display text-6xl md:text-8xl text-brand-gold\/25 select-none transition-colors duration-300 group-hover:text-brand-gold\/40\">02<\/span>\n                    <\/div>\n\n                    <!-- Contenido Derecha -->\n                    <div class=\"w-full md:w-1\/2 md:pl-16 pl-12 md:pl-0\">\n                         <h3 class=\"font-display text-2xl text-brand-blue mb-2 group-hover:text-brand-gold transition-colors duration-300\">The Zero Point<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed\">\n                            It happens at exactly <strong>0\u00b0 Aries<\/strong>. The first spark. The absolute beginning. It symbolizes a raw, aggressive global reset. A complete clean slate.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- ITEM 3: VELOCIDAD M\u00c1XIMA -->\n                <div class=\"relative flex flex-col md:flex-row items-center group\">\n                    <!-- Icono Central -->\n                    <div class=\"absolute left-4 md:left-1\/2 w-8 h-8 rounded-full border-2 border-brand-gold bg-brand-blue z-20 -translate-x-1\/2 flex items-center justify-center shadow-[0_0_15px_rgba(212,192,131,0.4)]\">\n                        <div class=\"w-2 h-2 bg-brand-gold rounded-full\"><\/div>\n                    <\/div>\n\n                    <!-- Contenido Izquierda -->\n                    <div class=\"w-full md:w-1\/2 md:pr-16 pl-12 md:pl-0 text-left md:text-right order-2 md:order-1\">\n                        <h3 class=\"font-display text-2xl text-brand-blue mb-2 group-hover:text-brand-gold transition-colors duration-300\">Maximum Velocity<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed\">\n                            With a Solar Eclipse just days before and <strong>all planets moving direct<\/strong>, there is no resistance. The energy flows fast and forward. No looking back.\n                        <\/p>\n                    <\/div>\n\n                     <!-- Decoraci\u00f3n Derecha -->\n                     <div class=\"w-full md:w-1\/2 md:pl-16 pl-12 mt-2 md:mt-0 order-3 md:order-2 opacity-100\">\n                         <!-- CAMBIO: De text-gray-100 a text-brand-gold\/25 -->\n                         <span class=\"font-display text-6xl md:text-8xl text-brand-gold\/25 select-none transition-colors duration-300 group-hover:text-brand-gold\/40\">03<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <!-- CTA Sutil al final -->\n            <div class=\"text-center mt-20\">\n                <p class=\"text-brand-gold font-sans text-sm tracking-widest uppercase font-semibold\">The stars are ready. Are you?<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION: THE COSMIC ALIGNMENT (WHITE THEME) \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-f6991e4c\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 7: The Evidence<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .video-wrapper {\n            position: relative;\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n            height: 0;\n            overflow: hidden;\n            border-radius: 0.5rem;\n            background-color: #000;\n        }\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 7: THE EVIDENCE (Video Proof) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Header -->\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">\n                    Don&#8217;t Just Take Our Word.<br>\n                    <span class=\"text-brand-gold\">Feel Their Energy.<\/span>\n                <\/h2>\n            <\/div>\n\n            <!-- Video Grid -->\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\n                \n                <!-- Video 1: Sylvie -->\n                <div class=\"flex flex-col h-full bg-gray-50 rounded-xl p-4 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100\">\n                    <div class=\"video-wrapper shadow-md mb-6\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/0QHQwkaQlaI\" title=\"Sylvie Testimonial\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                    <\/div>\n                    <div class=\"flex-grow flex flex-col justify-between text-center px-2\">\n                        <p class=\"text-gray-700 italic font-sans text-lg mb-4\">\n                            &#8220;I\u2019ll be honest: it\u2019s not magic, it\u2019s real work. But I feel a peace I haven&#8217;t felt in years.&#8221;\n                        <\/p>\n                        <p class=\"text-brand-blue font-bold uppercase tracking-wider text-sm\">&#8211; Sylvie<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Video 2: Ovidiu -->\n                <div class=\"flex flex-col h-full bg-gray-50 rounded-xl p-4 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100\">\n                    <div class=\"video-wrapper shadow-md mb-6\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/8QxAiBj4hc0\" title=\"Ovidiu Testimonial\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                    <\/div>\n                    <div class=\"flex-grow flex flex-col justify-between text-center px-2\">\n                        <p class=\"text-gray-700 italic font-sans text-lg mb-4\">\n                            &#8220;After the cold river and the fire, I feel incredibly fresh and sharp.&#8221;\n                        <\/p>\n                        <p class=\"text-brand-blue font-bold uppercase tracking-wider text-sm\">&#8211; Ovidiu<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Video 3: Fabian -->\n                <div class=\"flex flex-col h-full bg-gray-50 rounded-xl p-4 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100\">\n                    <div class=\"video-wrapper shadow-md mb-6\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/qqQFkVx-Aeg\" title=\"Fabian Testimonial\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                    <\/div>\n                    <div class=\"flex-grow flex flex-col justify-between text-center px-2\">\n                        <p class=\"text-gray-700 italic font-sans text-lg mb-4\">\n                            &#8220;The fire brought up so much energy inside me. I\u2019m taking back power and joy.&#8221;\n                        <\/p>\n                        <p class=\"text-brand-blue font-bold uppercase tracking-wider text-sm\">&#8211; Fabian<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 7: THE EVIDENCE \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-46d4f898\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Detailed Agenda &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .accordion-content {\n            transition: max-height 0.4s ease-out, opacity 0.4s ease-out;\n            max-height: 0;\n            opacity: 0;\n            overflow: hidden;\n        }\n        .accordion-content.active {\n            opacity: 1;\n        }\n        .accordion-chevron {\n            transition: transform 0.3s ease;\n        }\n        .accordion-chevron.rotate-180 {\n            transform: rotate(180deg);\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc DETAILED AGENDA SECTION \u25bc\u25bc\u25bc -->\n    <section class=\"relative py-16 sm:py-24\" style=\"background-image: url('https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/46-20250718234452.jpg'); background-size: cover; background-position: center; background-attachment: fixed;\">\n        \n        <!-- Overlay -->\n        <div class=\"absolute inset-0 bg-brand-blue\/90 z-0\"><\/div>\n\n        <div class=\"relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Section Header -->\n            <div class=\"text-center mb-12\">\n                <h2 class=\"font-display text-4xl text-white sm:text-5xl uppercase tracking-wider\">\n                    Your Journey&#8217;s Itinerary\n                <\/h2>\n                <p class=\"mt-4 text-lg text-gray-200 max-w-3xl mx-auto font-sans\">\n                    Each day is carefully designed to guide you on a journey of discovery.\n                <\/p>\n            <\/div>\n\n            <!-- Accordion Container -->\n            <div class=\"space-y-4\" id=\"agenda-accordion\">\n                \n                <!-- Day 1 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">01<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE GREAT UNPLUG<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">Leaving the &#8220;armor&#8221; at the port<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        The journey begins. We catch the ferry to La Gomera at <strong>16:00<\/strong> from the Port of Los Cristianos. Upon arrival, we make a quick stop for supplies before enjoying a welcoming dinner at a local restaurant at <strong>20:00<\/strong>. We arrive at our sanctuary, <strong>Casas del Chorro<\/strong>, around <strong>21:30<\/strong> to settle in and rest. The transition has started.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Silence.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 2 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">02<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE OCEANIC WASH<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">From rigidity to flow<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        We rise early. The morning is dedicated to a boat excursion departing from the <strong>Port of Valle Gran Rey<\/strong>, immersing ourselves in the ocean&#8217;s vastness. After lunch at the port, we ascend to the <strong>Miradores del Gran Rey<\/strong> for a hike and a deep meditation session on the mountain. We connect with the island&#8217;s geology and flow.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Playfulness.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 3 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">03<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE DEEP ROOTING<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">From anxiety to ancient stability<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        We start with morning practices and a group breakfast. Then, we enter the <strong>Magic Forest of Garajonay<\/strong>. We spend the full day immersed in nature, performing shamanic meditation and breathwork at the heart of the hermitage. It is a day of deep grounding. We close with a curated dinner at a selected restaurant before returning to rest.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Grounding.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 4 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">04<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE FIRE &#038; THE STAR<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">From &#8220;Nice Person&#8221; to &#8220;Wild Sovereign&#8221;<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        Morning practices ignite the day. We venture to <strong>Monta\u00f1a del Cepo<\/strong> and then to the &#8220;Mountain of Fire&#8221; facing the ocean for personal empowerment practices. After lunch in <strong>Agulo<\/strong>, the afternoon is free for rest and connection. At night, we gather for shamanic teachings and a ritual under the stars, harnessing the energy of the <strong>Neptune-Saturn alignment portal<\/strong>.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Power.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 5 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">05<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE SOVEREIGN VIEW<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">From confusion to clarity<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        Morning practices and breakfast prepare us for the <strong>Route of the Miradores de Garajonay<\/strong>. We visit the island&#8217;s most spectacular viewpoints, gaining perspective from above the clouds. It is a day of vision and clarity. We celebrate with a dinner in the evening before returning to our sanctuary.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Perspective.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 6 -->\n                <div class=\"bg-white\/95 backdrop-blur-sm border border-gray-200 rounded-xl overflow-hidden shadow-md transition-all hover:shadow-xl\">\n                    <button type=\"button\" class=\"group accordion-toggle flex items-center justify-between w-full p-6 text-left focus:outline-none\">\n                        <div class=\"flex items-center gap-4\">\n                            <span class=\"flex items-center justify-center w-12 h-12 rounded-full bg-brand-blue text-brand-gold font-display text-xl shrink-0\">06<\/span>\n                            <div>\n                                <h3 class=\"font-display text-xl text-brand-blue group-hover:text-brand-gold transition-colors uppercase\">THE LIGHTER RETURN<\/h3>\n                                <p class=\"text-xs sm:text-sm text-gray-500 font-semibold uppercase tracking-wide\">Integrating the new you<\/p>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"w-6 h-6 text-gray-400 transform transition-transform duration-300 accordion-chevron\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-6 pt-0 pl-[1.5rem] sm:pl-[5rem]\">\n                            <div class=\"border-l-2 border-brand-gold pl-4 space-y-4\">\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Experience<\/strong>\n                                    <p class=\"text-gray-700 leading-relaxed\">\n                                        After a final breakfast, we head to the <strong>Port of San Sebasti\u00e1n de La Gomera<\/strong>. We seal the journey with a closing ritual using Tarot to integrate the lessons. We share a final lunch together before catching the ferry back around <strong>16:00<\/strong>. You return to the world, but you are not the same person who left.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <strong class=\"text-brand-blue uppercase text-sm tracking-wider block mb-1\">The Gift<\/strong>\n                                    <p class=\"text-brand-gold font-bold italic text-lg\">Freedom.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Disclaimer Text -->\n            <div class=\"text-center text-white mt-12 px-4 opacity-80\">\n                <p class=\"text-sm font-sans italic\">\n                    The agenda may undergo variations to accommodate unexpected situations or the needs of the participants.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Script -->\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        const accordionToggles = document.querySelectorAll(\n          \"#agenda-accordion .accordion-toggle\"\n        );\n\n        accordionToggles.forEach((button) => {\n          button.addEventListener(\"click\", () => {\n            const content = button.nextElementSibling;\n            const icon = button.querySelector(\".accordion-chevron\");\n            \n            \/\/ Check if already open (we use clientHeight because max-height might be transitioning)\n            \/\/ But checking style.maxHeight directly is usually safer for this toggle logic\n            const isOpen = content.style.maxHeight && content.style.maxHeight !== \"0px\";\n\n            \/\/ Close all other accordions\n            document.querySelectorAll(\"#agenda-accordion .accordion-content\").forEach((acc) => {\n                if (acc !== content) {\n                    acc.style.maxHeight = \"0px\";\n                    acc.classList.remove(\"active\");\n                    const otherBtn = acc.previousElementSibling;\n                    const otherIcon = otherBtn.querySelector('.accordion-chevron');\n                    if(otherIcon) otherIcon.classList.remove(\"rotate-180\");\n                }\n            });\n\n            \/\/ Toggle the clicked item\n            if (isOpen) {\n              content.style.maxHeight = \"0px\";\n              content.classList.remove(\"active\");\n              icon.classList.remove(\"rotate-180\");\n            } else {\n              content.style.maxHeight = content.scrollHeight + \"px\";\n              content.classList.add(\"active\");\n              icon.classList.add(\"rotate-180\");\n            }\n          });\n        });\n      });\n    <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-ef33f6aa\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 4: The Guides<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"font-sans bg-white\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 4: THE GUIDES (We Know the Void) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                \n                <!-- Image Column -->\n                <div class=\"relative\">\n                    <!-- Decorative border frame -->\n                    <div class=\"absolute inset-0 border-2 border-brand-gold transform translate-x-4 translate-y-4 rounded-lg -z-10\"><\/div>\n                    <img decoding=\"async\" \n                        class=\"rounded-lg shadow-xl w-full h-auto object-cover aspect-[4\/5]\" \n                        src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/12\/Generated-Image-December-22-2025-2_22PM.jpeg\" \n                        alt=\"Teiwaz &#038; Monika, founders of Inner Spark\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x750\/e2e8f0\/334155?text=Teiwaz+%26+Monika';\"\n                    >\n                <\/div>\n\n                <!-- Text Column -->\n                <div class=\"text-left\">\n                    <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider mb-6\">\n                        We Know What It\u2019s Like to Sleepwalk\n                    <\/h2>\n                    \n                    <div class=\"space-y-6 text-lg text-gray-700 font-sans leading-relaxed\">\n                        <p class=\"font-bold text-brand-blue\">\n                            We are Teiwaz &#038; Monika.\n                        <\/p>\n                        <p>\n                            We remember the feeling. The Sunday evening dread. The feeling that life was passing us by while we were busy &#8220;managing&#8221; it.\n                        <\/p>\n                        <p>\n                            We left the engineering labs and the law firms not because we wanted a holiday, but because we were <span class=\"italic text-brand-blue font-semibold\">starving for meaning<\/span>.\n                        <\/p>\n                        <p>\n                            We are here to guide you back to that source. Safely.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Signature \/ Personal Touch -->\n                    <div class=\"mt-8 pt-8 border-t border-gray-100\">\n                        <p class=\"font-display text-2xl text-brand-gold tracking-wide\">Teiwaz &#038; Monika<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 4: THE GUIDES \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-73ee1087\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 6: Visual Proof<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .video-container {\n            position: relative;\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n            height: 0;\n            overflow: hidden;\n            border-radius: 1rem;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 6: THE VISUAL PROOF (Experience 2025) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24 bg-brand-blue\">\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n            \n            <div class=\"mb-12\">\n                <h2 class=\"font-display text-4xl text-white sm:text-5xl uppercase tracking-wider mb-4\">\n                    This Is What <span class=\"text-brand-gold\">Aliveness<\/span> Looks Like\n                <\/h2>\n                <p class=\"text-xl text-gray-300 font-sans max-w-2xl mx-auto\">\n                    A glimpse inside the Vortex (2025 Recap).\n                <\/p>\n            <\/div>\n\n            <!-- Video Wrapper -->\n            <div class=\"relative w-full max-w-4xl mx-auto\">\n                <!-- Gold Accent Border behind video -->\n                <div class=\"absolute -inset-2 bg-brand-gold\/20 rounded-2xl blur-sm -z-10\"><\/div>\n                \n                <div class=\"video-container bg-black\">\n                    <iframe \n                        src=\"https:\/\/www.youtube.com\/embed\/wg9ifZk9e3w?rel=0\" \n                        title=\"Inner Spark Retreat 2025 Recap\" \n                        frameborder=\"0\" \n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                        allowfullscreen>\n                    <\/iframe>\n                <\/div>\n                \n                <p class=\"mt-6 text-brand-gold\/80 font-sans text-sm font-semibold tracking-wide uppercase flex items-center justify-center gap-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\" \/>\n                    <\/svg>\n                    Turn on your sound. This is the energy waiting for you.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 6: THE VISUAL PROOF \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-2fb659f1\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 8: The Container &#038; Logistics<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 8: THE CONTAINER & LOGISTICS \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">\n                    Your Sanctuary in the Clouds\n                <\/h2>\n                <p class=\"mt-4 text-xl text-gray-600 font-sans max-w-2xl mx-auto\">\n                    We handle the details. You handle the transformation.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12\">\n                \n                <!-- 1. ACCOMMODATION (Featured Large Card) -->\n                <div class=\"lg:col-span-2 bg-white rounded-2xl shadow-xl overflow-hidden flex flex-col md:flex-row\">\n                    <!-- Image Slider -->\n                    <div class=\"md:w-1\/2 relative h-64 md:h-auto bg-gray-200\" x-data=\"{ \n                        active: 0, \n                        images: [\n                            'https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/6-20250718235449.jpg',\n                            'https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/14-20250718235502.jpg',\n                            'https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/8-20250718235452.jpg',\n                            'https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/15-20250718235504.jpg'\n                        ]\n                    }\">\n                        <template x-for=\"(img, index) in images\" :key=\"index\">\n                            <img :src=\"img\" x-show=\"active === index\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-500\"\n                                 x-transition:enter=\"transition ease-out duration-300\"\n                                 x-transition:enter-start=\"opacity-0\"\n                                 x-transition:enter-end=\"opacity-100\"\n                                 alt=\"Casas del Chorro Accommodation\"\n                                 onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/334155?text=Accommodation';\">\n                        <\/template>\n                        \n                        <!-- Arrows -->\n                        <button @click=\"active = (active === 0) ? images.length - 1 : active - 1\" class=\"absolute left-2 top-1\/2 -translate-y-1\/2 bg-black\/30 hover:bg-black\/50 text-white p-2 rounded-full transition\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n                        <button @click=\"active = (active === images.length - 1) ? 0 : active + 1\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 bg-black\/30 hover:bg-black\/50 text-white p-2 rounded-full transition\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n                    <\/div>\n                    \n                    <!-- Content -->\n                    <div class=\"md:w-1\/2 p-8 flex flex-col justify-center\">\n                        <div class=\"flex items-center mb-4\">\n                            <i class=\"fa-solid fa-bed text-2xl text-brand-gold mr-3\"><\/i>\n                            <h3 class=\"font-display text-2xl text-brand-blue\">The Accommodation: Casas del Chorro<\/h3>\n                        <\/div>\n                        <p class=\"text-gray-600 mb-4 font-sans leading-relaxed\">\n                            We stay in cozy, 3-star apartments nestled directly in nature. No traffic noise. No city lights. Just the sound of the wind and the forest.\n                        <\/p>\n                        <ul class=\"space-y-2 text-sm text-gray-700 font-sans border-t border-gray-100 pt-4\">\n                            <li class=\"flex items-start\"><i class=\"fa-solid fa-check text-brand-gold mt-1 mr-2\"><\/i> <span><strong>Shared or Private:<\/strong> Choose your level of solitude.<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fa-solid fa-check text-brand-gold mt-1 mr-2\"><\/i> <span>Fully equipped apartments in a historic rural estate.<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. FOOD (Card) -->\n                <div class=\"bg-white rounded-xl shadow-lg p-8 border border-gray-100\">\n                    <div class=\"flex items-center mb-4\">\n                        <span class=\"flex items-center justify-center w-10 h-10 rounded-full bg-brand-gold\/20 text-brand-gold mr-4\">\n                             <i class=\"fa-solid fa-utensils\"><\/i>\n                        <\/span>\n                        <h3 class=\"font-display text-xl text-brand-blue\">Community &#038; Culture<\/h3>\n                    <\/div>\n                    <p class=\"text-gray-600 font-sans\">\n                        <strong>Breakfasts:<\/strong> We prepare them together\u2014building tribe and community.\n                    <\/p>\n                    <p class=\"text-gray-600 font-sans mt-3\">\n                        <strong>Meals:<\/strong> We explore authentic local taverns (Guachinches). Real food, fresh ingredients, vegetarian options available. <br><em class=\"text-sm text-gray-500\">(Budget approx. \u20ac300 for the week).<\/em>\n                    <\/p>\n                <\/div>\n\n                <!-- 3. GETTING THERE (Card) -->\n                <div class=\"bg-white rounded-xl shadow-lg p-8 border border-gray-100\">\n                    <div class=\"flex items-center mb-4\">\n                        <span class=\"flex items-center justify-center w-10 h-10 rounded-full bg-brand-gold\/20 text-brand-gold mr-4\">\n                             <i class=\"fa-solid fa-plane-arrival\"><\/i>\n                        <\/span>\n                        <h3 class=\"font-display text-xl text-brand-blue\">Frictionless Arrival<\/h3>\n                    <\/div>\n                    <p class=\"text-gray-600 font-sans\">\n                        <strong>Meeting Point:<\/strong> Port of Los Cristianos, Tenerife (Feb 17, 14:00).\n                    <\/p>\n                    <p class=\"text-gray-600 font-sans mt-3\">\n                        <strong>The Ferry:<\/strong> Don&#8217;t worry about tickets. Select our <span class=\"font-semibold text-brand-blue\">&#8220;Ferry Transfer Service&#8221;<\/span> (+\u20ac85) at checkout, and we handle your booking and guide you from the port to the retreat door.\n                    <\/p>\n                <\/div>\n\n                <!-- 4. DEEP DIVE (Card - Highlighted) -->\n                <div class=\"lg:col-span-2 bg-brand-blue rounded-xl shadow-lg p-8 flex flex-col md:flex-row items-center gap-6\">\n                     <div class=\"flex-shrink-0\">\n                        <span class=\"flex items-center justify-center w-16 h-16 rounded-full bg-brand-gold text-brand-blue text-2xl\">\n                             <i class=\"fa-solid fa-hands-holding-circle\"><\/i>\n                        <\/span>\n                    <\/div>\n                    <div class=\"text-center md:text-left\">\n                        <h3 class=\"font-display text-2xl text-white mb-2\">The Deep Dive: Individual Healing (Optional)<\/h3>\n                        <p class=\"text-gray-300 font-sans max-w-2xl\">\n                            Want to go deeper? We offer a limited number of <strong>1-on-1 Shamanic Healing Sessions<\/strong> (+\u20ac120) during the retreat. Only 2 spots available. Reserve this if you have a specific block you want to clear.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 8: LOGISTICS \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-4f59cce1\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 9: Snapshots of Vitality<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Masonry Layout *\/\n        .masonry-grid {\n            column-count: 1;\n            column-gap: 1.5rem;\n        }\n        @media (min-width: 640px) {\n            .masonry-grid {\n                column-count: 2;\n            }\n        }\n        @media (min-width: 1024px) {\n            .masonry-grid {\n                column-count: 3;\n            }\n        }\n        .masonry-item {\n            break-inside: avoid;\n            margin-bottom: 1.5rem;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-white\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 9: SNAPSHOTS OF VITALITY (Photo Gallery) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">\n                    Moments of <span class=\"text-brand-gold\">Light<\/span>\n                <\/h2>\n                <p class=\"mt-4 text-gray-600 font-sans italic\">\n                    Real people. Real magic.\n                <\/p>\n            <\/div>\n\n            <!-- Masonry Grid -->\n            <div class=\"masonry-grid\">\n                \n                <!-- 1. Accommodation -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/16-20250718235505.jpg\" \n                         alt=\"Peaceful Accommodation\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/334155?text=Accommodation';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Sanctuary<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Vitality (Vertical) -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/47-20250718234456.jpg\" \n                         alt=\"Vitality and Energy\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x800\/e2e8f0\/334155?text=Vitality';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Vitality<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Community -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/6-20250718234257.jpg\" \n                         alt=\"Community Connection\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x600\/e2e8f0\/334155?text=Community';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Tribe<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Awe -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/19-20250718234332.jpg\" \n                         alt=\"Moments of Awe\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/334155?text=Awe';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Awe<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Nature -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/49-20250718234503.jpg\" \n                         alt=\"Wild Nature\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x500\/e2e8f0\/334155?text=Nature';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Wildness<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. Food -->\n                <div class=\"masonry-item group relative overflow-hidden rounded-lg shadow-lg\">\n                    <img decoding=\"async\" class=\"w-full h-auto transform transition duration-500 group-hover:scale-105\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/4-20250718234250.jpg\" \n                         alt=\"Joy of Food\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/334155?text=Joy';\">\n                    <div class=\"absolute inset-0 bg-black\/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\">\n                        <span class=\"text-white font-display uppercase tracking-wider bg-brand-blue\/80 px-4 py-2 rounded\">Joy<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 9: SNAPSHOTS OF VITALITY \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-f2ccf839\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 10: The Offer<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 10: THE OFFER & INVESTMENT \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24 bg-brand-blue relative overflow-hidden\">\n        \n        <!-- Decorative background elements -->\n        <div class=\"absolute top-0 left-0 w-64 h-64 bg-brand-gold opacity-5 rounded-full blur-3xl -translate-x-1\/2 -translate-y-1\/2\"><\/div>\n        <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-brand-gold opacity-5 rounded-full blur-3xl translate-x-1\/3 translate-y-1\/3\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            \n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-white sm:text-5xl uppercase tracking-wider\">\n                    Choose Your Space\n                <\/h2>\n                <p class=\"mt-4 text-xl text-brand-gold font-sans font-semibold\">\n                    February 17-22, 2026\n                <\/p>\n                <p class=\"mt-2 text-gray-300 font-sans\">\n                    Only 15 spots available for this journey.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\n                \n                <!-- Option A: Shared -->\n                <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden transform hover:-translate-y-2 transition-transform duration-300 border-4 border-transparent hover:border-brand-gold\/30\">\n                    <div class=\"p-8 text-center\">\n                        <h3 class=\"font-display text-2xl text-brand-blue uppercase tracking-wide\">The Shared Sanctuary<\/h3>\n                        <p class=\"text-gray-500 mt-2 font-sans\">Connect with the tribe<\/p>\n                        \n                        <div class=\"my-8 flex justify-center items-baseline\">\n                            <span class=\"text-5xl font-extrabold text-brand-blue\">\u20ac997<\/span>\n                        <\/div>\n\n                        <ul class=\"space-y-4 text-left text-gray-600 font-sans mb-8 px-4\">\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> Bed in a cozy shared apartment<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> All retreat activities &#038; rituals<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> Daily transport on the island<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> Community connection<\/li>\n                        <\/ul>\n\n                        <!-- Bot\u00f3n eliminado -->\n                    <\/div>\n                <\/div>\n\n                <!-- Option B: Private (Highlighted) -->\n                <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden transform hover:-translate-y-2 transition-transform duration-300 border-4 border-brand-gold relative\">\n                    <div class=\"absolute top-0 right-0 bg-brand-gold text-brand-blue text-xs font-bold px-3 py-1 uppercase rounded-bl-lg\">\n                        Most Popular\n                    <\/div>\n                    <div class=\"p-8 text-center\">\n                        <h3 class=\"font-display text-2xl text-brand-blue uppercase tracking-wide\">The Private Retreat<\/h3>\n                        <p class=\"text-gray-500 mt-2 font-sans\">Deep rest &#038; solitude<\/p>\n                        \n                        <div class=\"my-8 flex justify-center items-baseline\">\n                            <span class=\"text-5xl font-extrabold text-brand-blue\">\u20ac1350<\/span>\n                        <\/div>\n\n                        <ul class=\"space-y-4 text-left text-gray-600 font-sans mb-8 px-4\">\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> <span class=\"font-bold text-brand-blue\">Private room<\/span> for total silence<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> All retreat activities &#038; rituals<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> Daily transport on the island<\/li>\n                            <li class=\"flex items-start\"><span class=\"text-brand-gold mr-2\">\u2713<\/span> Extra space for integration<\/li>\n                        <\/ul>\n\n                        <!-- Bot\u00f3n eliminado -->\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Early Bird \/ Gift Bonus -->\n            <div class=\"mt-12 text-center\">\n                <div class=\"inline-block bg-white\/10 backdrop-blur-md border border-brand-gold\/50 rounded-lg px-6 py-4\">\n                    <p class=\"text-gray-200 font-sans\">\n                        <span class=\"text-2xl mr-2\">\ud83c\udf81<\/span> \n                        <strong>Early Bird Gift:<\/strong> Book by <span class=\"text-brand-gold\">Nov 30<\/span> to receive our exclusive <em class=\"text-white\">&#8220;Art of Acceptance&#8221;<\/em> Ebook.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 10: THE OFFER \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-68612b13\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 11: FAQ<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Custom details marker styling *\/\n        details > summary {\n            list-style: none;\n        }\n        details > summary::-webkit-details-marker {\n            display: none;\n        }\n        details[open] summary ~ * {\n            animation: sweep .3s ease-in-out;\n        }\n        @keyframes sweep {\n            0%    {opacity: 0; transform: translateY(-10px)}\n            100%  {opacity: 1; transform: translateY(0)}\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-gray-50\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 11: FAQ (The Essential 7) \u25bc\u25bc\u25bc -->\n    <section class=\"py-16 sm:py-24\">\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">\n                    Questions? We Have Answers.\n                <\/h2>\n                <p class=\"mt-4 text-gray-600 font-sans\">\n                    Everything you need to clarify before saying &#8220;Yes&#8221;.\n                <\/p>\n            <\/div>\n\n            <div class=\"space-y-4\">\n                \n                <!-- FAQ 1: Fatigue vs Activity -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>I&#8217;m physically exhausted. Is this retreat too intense?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        This is exactly why you need this. Resting on a sofa won&#8217;t fix spiritual fatigue. You need <em>vitality<\/em>. While we do hike (5-10km), the pace is meditative, not athletic. If you can walk for a few hours, you can do this. The goal is to recharge your battery, not drain it.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 2: Experience Level -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>I&#8217;ve never done Shamanic practices. Is it weird?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        Not at all. We are grounded people (Engineers and Lawyers by background). We strip away the &#8220;woo-woo&#8221; and focus on practical, powerful tools to reconnect with nature and yourself. No prior experience is needed, just an open mind.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 3: Solo Travel -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>Can I come alone?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        Absolutely. In fact, about 80% of our participants come solo. It\u2019s the best way to truly disconnect from your daily role and meet your new tribe without masks.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 4: Logistics -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>How do I get to La Gomera?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        Most people fly into <strong>Tenerife South (TFS)<\/strong>. From there, it&#8217;s a short taxi to Los Cristianos port. You can book our &#8220;Ferry Transfer Service&#8221; add-on, and we\u2019ll handle your ferry ticket and guide you from the moment you reach the port in Tenerife.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 5: Food -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>What about food and dietary restrictions?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        We eat at authentic local taverns. The food is fresh and local. There are always vegetarian options, and we can accommodate gluten-free or other needs if you let us know in advance.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 6: Safety -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>Is it safe?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        La Gomera is extremely safe. We are experienced guides who know the terrain and the island deeply. You are in a held, secure container from start to finish.\n                    <\/div>\n                <\/details>\n\n                <!-- FAQ 7: Cancellation -->\n                <details class=\"group bg-white rounded-lg shadow-sm border border-gray-200 open:border-brand-gold transition-colors duration-300\">\n                    <summary class=\"flex justify-between items-center font-bold cursor-pointer list-none p-6 text-lg text-brand-blue hover:text-brand-gold transition-colors\">\n                        <span>What is the cancellation policy?<\/span>\n                        <span class=\"transition group-open:rotate-180\">\n                            <svg fill=\"none\" height=\"24\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"text-gray-600 px-6 pb-6 font-sans leading-relaxed\">\n                        Life happens. We offer <strong>100% Free Cancellation<\/strong> up to 60 days before the retreat starts. After that, we can discuss transferring your spot to a future retreat.\n                    <\/div>\n                <\/details>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 11: FAQ \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-c0718b74\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section 12: Final CTA<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['\"Open Sans\"', 'sans-serif'],\n                        'display': ['\"Luckiest Guy\"', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#202e39',\n                        'brand-gold': '#d4c083',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .popup-transition { transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }\n    <\/style>\n<\/head>\n<body class=\"font-sans\">\n\n    <!-- \u25bc\u25bc\u25bc SECTION 12: FINAL CTA \u25bc\u25bc\u25bc -->\n    <section class=\"relative py-24 sm:py-32 flex items-center justify-center min-h-[600px] overflow-hidden\">\n        \n        <!-- Background Image -->\n        <div class=\"absolute inset-0 z-0\">\n             <img decoding=\"async\" \n                src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/20-20250718234336.jpg\" \n                alt=\"Sunset over the sea of clouds in La Gomera\" \n                class=\"w-full h-full object-cover\"\n                onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/1920x1080\/202e39\/d4c083?text=Sunset+Background';\"\n            >\n            <div class=\"absolute inset-0 bg-brand-blue\/70\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-10 text-center max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <h2 class=\"font-display text-4xl sm:text-5xl md:text-6xl text-white uppercase tracking-wider leading-tight mb-8\">\n                How Long Will You<br>Carry This Weight?\n            <\/h2>\n\n            <div class=\"space-y-6 text-xl text-gray-200 font-sans leading-relaxed max-w-2xl mx-auto mb-10\">\n                <p>\n                    You can go back to the same routine. The same gray days. Or you can choose to put the backpack down.\n                <\/p>\n                <p class=\"font-semibold text-brand-gold\">\n                    The island is ready to recharge you. But you have to take the first step.\n                <\/p>\n            <\/div>\n\n            <div class=\"flex flex-col sm:flex-row gap-5 justify-center items-center\">\n                <!-- Primary CTA (Booking) -->\n                <button id=\"open-booking-popup-final\" class=\"w-full sm:w-auto bg-brand-gold text-brand-blue hover:bg-white hover:text-brand-blue transition-all duration-300 font-sans font-bold py-4 px-10 rounded-lg text-lg shadow-lg hover:shadow-2xl hover:-translate-y-1 uppercase tracking-wide\">\n                    I Choose Aliveness\n                <\/button>\n                \n                <!-- Secondary CTA (Discovery Call) - Updated ID to match script -->\n                <button id=\"open-call-popup\" class=\"w-full sm:w-auto bg-transparent border-2 border-white text-white hover:bg-white hover:text-brand-blue transition-all duration-300 font-sans font-bold py-4 px-10 rounded-lg text-lg uppercase tracking-wide cursor-pointer\">\n                    Schedule a Discovery Call\n                <\/button>\n            <\/div>\n\n            <!-- Risk Reversal -->\n            <p class=\"mt-8 text-sm text-gray-400 font-sans\">\n                <span class=\"text-brand-gold\">\u2713<\/span> 100% Free Cancellation up to 60 days before start.\n            <\/p>\n\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 SECTION 12: FINAL CTA \u25b2\u25b2\u25b2 -->\n\n\n    <!-- \u25bc\u25bc\u25bc BOOKING POP-UP (Standard) \u25bc\u25bc\u25bc -->\n    <div id=\"booking-popup\" class=\"popup-transition fixed inset-0 bg-black\/60 backdrop-blur-sm flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\n        <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] flex flex-col\">\n            <div class=\"flex justify-between items-center p-4 border-b\">\n                <h3 class=\"font-display text-lg text-brand-blue\">Complete Your Reservation<\/h3>\n                <button id=\"close-booking-popup\" class=\"text-gray-400 hover:text-brand-blue text-3xl leading-none\">&times;<\/button>\n            <\/div>\n            <div class=\"p-4 sm:p-6 overflow-y-auto\">\n                <p class=\"text-center text-gray-600 mb-4 font-sans\">Select your room and follow the steps below to confirm your place.<\/p>\n                <div class=\"tt-widget\"><div class=\"tt-widget-fallback\"><p><a href=\"https:\/\/www.tickettailor.com\/checkout\/new-session\/id\/6388404\/chk\/79ff\/?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" target=\"_blank\">Click here to buy tickets<\/a><br \/><small><a href=\"https:\/\/www.tickettailor.com?rf=wdg_169606\" class=\"tt-widget-powered\">Sell tickets online with Ticket Tailor<\/a><\/small><\/p><\/div><script src=\"https:\/\/cdn.tickettailor.com\/js\/widgets\/min\/widget.js\" data-url=\"https:\/\/www.tickettailor.com\/checkout\/new-session\/id\/6388404\/chk\/79ff\/?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" data-type=\"inline\" data-inline-minimal=\"true\" data-inline-show-logo=\"false\" data-inline-bg-fill=\"false\" data-inline-inherit-ref-from-url-param=\"\" data-inline-ref=\"\"><\/script><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u25bc\u25bc\u25bc DISCOVERY CALL POP-UP (New Widget) \u25bc\u25bc\u25bc -->\n    <div id=\"call-popup\" class=\"popup-transition fixed inset-0 bg-black\/60 backdrop-blur-sm flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\n        <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] flex flex-col\">\n            <!-- Pop-up Header -->\n            <div class=\"flex justify-between items-center p-4 border-b\">\n                <h3 class=\"font-display text-lg text-brand-blue\">Schedule a Free Discovery Call<\/h3>\n                <button id=\"close-call-popup\" class=\"text-gray-400 hover:text-brand-blue text-3xl leading-none\">&times;<\/button>\n            <\/div>\n            <!-- Pop-up Content -->\n            <div class=\"p-4 sm:p-6 overflow-y-auto\">\n                 <p class=\"text-center text-gray-600 mb-4 font-sans\">Find a time that works for you. We&#8217;re looking forward to connecting!<\/p>\n                <!-- Ticket Tailor Widget for Discovery Call -->\n                <div class=\"tt-widget\"><div class=\"tt-widget-fallback\"><p><a href=\"https:\/\/www.tickettailor.com\/events\/innerspark\/1262642\/select-date?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" target=\"_blank\">Click here to book a call<\/a><br \/><small><a href=\"https:\/\/www.tickettailor.com?rf=wdg_169606\" class=\"tt-widget-powered\">Sell tickets online with Ticket Tailor<\/a><\/small><\/p><\/div><script src=\"https:\/\/cdn.tickettailor.com\/js\/widgets\/min\/widget.js\" data-url=\"https:\/\/www.tickettailor.com\/events\/innerspark\/1262642\/select-date?show_search_filter=true&#038;show_date_filter=true&#038;show_sort=true\" data-type=\"inline\" data-inline-minimal=\"true\" data-inline-show-logo=\"false\" data-inline-bg-fill=\"false\" data-inline-inherit-ref-from-url-param=\"\" data-inline-ref=\"\"><\/script><\/div>\n                <!-- End of Ticket Tailor Widget -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- \u25b2\u25b2\u25b2 DISCOVERY CALL POP-UP MODAL \u25b2\u25b2\u25b2 -->\n\n    <!-- Script Logic -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ --- Booking Popup Logic ---\n            const bookingPopup = document.getElementById('booking-popup');\n            const openBookingBtn = document.getElementById('open-booking-popup-final');\n            const closeBookingBtn = document.getElementById('close-booking-popup');\n\n            \/\/ --- Call Popup Logic ---\n            const callPopup = document.getElementById('call-popup');\n            const openCallBtn = document.getElementById('open-call-popup');\n            const closeCallBtn = document.getElementById('close-call-popup');\n\n            const openPopup = (popup) => {\n                if (!popup) return;\n                popup.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\n                document.body.style.overflow = 'hidden';\n            };\n\n            const closePopup = (popup) => {\n                if (!popup) return;\n                popup.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\n                document.body.style.overflow = 'auto';\n            };\n\n            \/\/ Event Listeners for Booking\n            if(openBookingBtn) openBookingBtn.addEventListener('click', () => openPopup(bookingPopup));\n            if(closeBookingBtn) closeBookingBtn.addEventListener('click', () => closePopup(bookingPopup));\n            if(bookingPopup) bookingPopup.addEventListener('click', (e) => { if(e.target === bookingPopup) closePopup(bookingPopup); });\n\n            \/\/ Event Listeners for Call\n            if(openCallBtn) openCallBtn.addEventListener('click', () => openPopup(callPopup));\n            if(closeCallBtn) closeCallBtn.addEventListener('click', () => closePopup(callPopup));\n            if(callPopup) callPopup.addEventListener('click', (e) => { if(e.target === callPopup) closePopup(callPopup); });\n\n            \/\/ Escape Key for both\n            document.addEventListener('keydown', (event) => {\n                if (event.key === 'Escape') {\n                    if (bookingPopup && !bookingPopup.classList.contains('pointer-events-none')) closePopup(bookingPopup);\n                    if (callPopup && !callPopup.classList.contains('pointer-events-none')) closePopup(callPopup);\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-1461b86d\"><\/div>\n\n\n<p class=\"eplus-wrapper wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"editor_plus_copied_stylings":"{}","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-20619","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/20619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/comments?post=20619"}],"version-history":[{"count":225,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/20619\/revisions"}],"predecessor-version":[{"id":22353,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/20619\/revisions\/22353"}],"wp:attachment":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/media?parent=20619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}