{"id":23,"date":"2026-01-30T17:33:48","date_gmt":"2026-01-30T17:33:48","guid":{"rendered":"https:\/\/demowebdesign.live\/jordan\/?page_id=23"},"modified":"2026-03-24T21:39:59","modified_gmt":"2026-03-24T21:39:59","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/jordan\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ede6c37 e-flex e-con-boxed e-con e-parent\" data-id=\"ede6c37\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2ea9ba9 e-con-full e-flex e-con e-child\" data-id=\"2ea9ba9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d27b74b heading elementor-widget elementor-widget-heading\" data-id=\"d27b74b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Liberate Yourself from the False Reality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f5fdb7 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3f5fdb7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Discover truth beyond manipulation,<br data-start=\"567\" data-end=\"570\" \/>Experience consciousness beyond the physical realm.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc99f43 elementor-widget__width-initial btn elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"cc99f43\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/a.co\/d\/00DfLuYC\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore My Creations<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0712086 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"0712086\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-321fe13 elementor-widget__width-initial elementor-absolute img elementor-widget elementor-widget-image\" data-id=\"321fe13\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:7.3,&quot;sizes&quot;:[]},&quot;motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:50}},&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"775\" height=\"1024\" src=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/01\/1-775x1024.png\" class=\"attachment-large size-large wp-image-50\" alt=\"\" srcset=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/01\/1-775x1024.png 775w, https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/01\/1-227x300.png 227w, https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/01\/1-768x1014.png 768w, https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/01\/1.png 1100w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c3a729 e-con-full e-flex e-con e-child\" data-id=\"7c3a729\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-830d8cd elementor-widget elementor-widget-html\" data-id=\"830d8cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46a6992 e-flex e-con-boxed e-con e-parent\" data-id=\"46a6992\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-818ff11 e-con-full e-flex e-con e-child\" data-id=\"818ff11\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30d782b elementor-widget__width-initial heading elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"30d782b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A Transformational Path Toward Awareness<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38daeea elementor-widget elementor-widget-text-editor\" data-id=\"38daeea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1008\" data-end=\"1093\">Uncover deeper understanding, reconnect with purpose, and step into conscious living.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdb9977 elementor-align-center elementor-widget__width-initial btn elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"cdb9977\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover the Movement<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-460fbe6 e-con-full e-flex e-con e-child\" data-id=\"460fbe6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df5d010 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"df5d010\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efb7ee3 e-flex e-con-boxed e-con e-parent\" data-id=\"efb7ee3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-083e9dc e-con-full e-flex e-con e-child\" data-id=\"083e9dc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e907422 elementor-widget elementor-widget-html\" data-id=\"e907422\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .about-section {\r\n            display: grid;\r\n            grid-template-columns: 400px 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Left Column - Author Image *\/\r\n        .author-image-container {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .image-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 350px;\r\n            aspect-ratio: 3\/4;\r\n        }\r\n\r\n        \/* Stylish border frame matching the button style *\/\r\n        .image-frame {\r\n            position: absolute;\r\n            inset: -12px;\r\n            border: 2px solid #d4af37;\r\n            background: transparent;\r\n            pointer-events: none;\r\n            z-index: 2;\r\n        }\r\n\r\n        .image-frame::before,\r\n        .image-frame::after {\r\n            content: '';\r\n            position: absolute;\r\n            background: #d4af37;\r\n        }\r\n\r\n        \/* Top-left and bottom-right corner decorations *\/\r\n        .image-frame::before {\r\n            top: -2px;\r\n            left: -2px;\r\n            width: 40px;\r\n            height: 2px;\r\n        }\r\n\r\n        .image-frame::after {\r\n            bottom: -2px;\r\n            right: -2px;\r\n            width: 40px;\r\n            height: 2px;\r\n        }\r\n\r\n        \/* Corner diamonds *\/\r\n        .corner-diamond {\r\n            position: absolute;\r\n            width: 10px;\r\n            height: 10px;\r\n            background: #d4af37;\r\n            transform: rotate(45deg);\r\n            z-index: 3;\r\n        }\r\n\r\n        .corner-diamond.top-left {\r\n            top: -17px;\r\n            left: -17px;\r\n        }\r\n\r\n        .corner-diamond.top-right {\r\n            top: -17px;\r\n            right: -17px;\r\n        }\r\n\r\n        .corner-diamond.bottom-left {\r\n            bottom: -17px;\r\n            left: -17px;\r\n        }\r\n\r\n        .corner-diamond.bottom-right {\r\n            bottom: -17px;\r\n            right: -17px;\r\n        }\r\n\r\n        .author-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            filter: grayscale(20%) contrast(1.1);\r\n            background: linear-gradient(135deg, rgba(30, 20, 15, 0.9) 0%, rgba(40, 25, 20, 0.8) 100%);\r\n            border: 8px solid #d4af37;\r\n            box-shadow: \r\n                inset 0 0 20px rgba(0, 0, 0, 0.3),\r\n                0 0 30px rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Glow effect *\/\r\n        .image-glow {\r\n            position: absolute;\r\n            inset: -20px;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* Right Column - Content *\/\r\n        .author-content {\r\n            position: relative;\r\n            justify-content: s;\r\n        }\r\n\r\n        .ornament {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1.2rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        h1 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 2.8rem!important;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.1rem;\r\n            line-height: 1.3;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .subtitle {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 0.9rem;\r\n            color: #C7C7C7;\r\n            letter-spacing: 0.3rem;\r\n            margin-bottom: 2.5rem;\r\n            text-transform: uppercase;\r\n            font-weight: 800;\r\n            \/*text-align: left !important;*\/\r\n        }\r\n\r\n        .divider {\r\n            width: 200px !important;\r\n            height: 7px !important;\r\n            background: linear-gradient(90deg, \r\n                rgba(212, 175, 55, 0.6) 0%, \r\n                transparent 100%);\r\n            margin: 2rem 0;\r\n            position: relative;\r\n            margin-left: 0px !important;\r\n        }\r\n\r\n        .divider::before {\r\n            content: '\u2726';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 0;\r\n            transform: translateY(-50%);\r\n            color: #d4af37;\r\n            font-size: 0.6rem;\r\n            background: #1a0f0a;\r\n            padding-right: 0.5rem;\r\n        }\r\n\r\n        p {\r\n            font-size: 1.15rem;\r\n            line-height: 1.9;\r\n            margin-bottom: 1.5rem;\r\n            color: #d4d4d4;\r\n            text-align: left;\r\n            font-weight: 300;\r\n            letter-spacing: 0.02rem;\r\n            font-style: italic;\r\n        }\r\n\r\n        p:last-of-type {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .emphasis {\r\n            color: #e8dcc0;\r\n            font-weight: 400;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .about-section {\r\n                grid-template-columns: 350px 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .image-wrapper {\r\n                max-width: 300px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            p {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .about-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .author-image-container {\r\n                justify-content: center;\r\n            }\r\n            \r\n\r\n            .image-wrapper {\r\n                max-width: 280px;\r\n            }\r\n\r\n            .author-content {\r\n                text-align: center;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            p {\r\n                text-align: center;\r\n                font-size: 1.05rem;\r\n            }\r\n\r\n            .divider {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .ornament {\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .image-wrapper {\r\n                max-width: 240px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 1.75rem;\r\n                letter-spacing: 0.05rem;\r\n            }\r\n\r\n            .subtitle {\r\n                letter-spacing: 0.2rem;\r\n            }\r\n\r\n            p {\r\n                font-size: 1rem;\r\n                line-height: 1.8;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"about-section\">\r\n            <!-- Left Column - Author Image -->\r\n            <div class=\"author-image-container\">\r\n                <div class=\"image-wrapper\">\r\n                    <div class=\"image-glow\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/02\/001.png\" \r\n                         alt=\"Author Portrait\" \r\n                         class=\"author-image\">\r\n                    <div class=\"image-frame\"><\/div>\r\n                    <div class=\"corner-diamond top-left\"><\/div>\r\n                    <div class=\"corner-diamond top-right\"><\/div>\r\n                    <div class=\"corner-diamond bottom-left\"><\/div>\r\n                    <div class=\"corner-diamond bottom-right\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column - Content -->\r\n            <div class=\"author-content\">\r\n                <h1>The Architect of Awakening<\/h1>\r\n                <div class=\"subtitle\">Seeker \u00b7 Visionary \u00b7 Guide<\/div>\r\n\r\n                <div class=\"divider\"><\/div>\r\n\r\n                <div class=\"content\">\r\n                    <p>\r\n                        In the vast expanse between what is seen and what is known, there walks a soul who has pierced the veil of illusion. \r\n                        <span class=\"emphasis\">A keeper of ancient wisdom reborn in modern consciousness<\/span>, devoted to illuminating the path \r\n                        that leads from shadow into light. Through the alchemy of words and the resonance of truth, this voice emerges not to \r\n                        command, but to awaken that which already sleeps within each heart.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        The journey chronicled here is one of profound transformation\u2014a pilgrimage through the corridors of consciousness where \r\n                        fear dissolves and understanding blossoms. <span class=\"emphasis\">Each insight offered is a key, each reflection a mirror<\/span>, \r\n                        inviting the seeker to remember their inherent divinity and recognize the unity that binds all existence. This is not teaching \r\n                        imposed from without, but recognition stirred from within.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99a7081 e-con-full e-flex e-con e-child\" data-id=\"99a7081\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc2373 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5dc2373\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4206cb8 e-flex e-con-boxed e-con e-parent\" data-id=\"4206cb8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3b24989 e-con-full e-flex e-con e-child\" data-id=\"3b24989\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2bc928 elementor-widget elementor-widget-html\" data-id=\"d2bc928\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        }\r\n\r\n        .container {\r\n            max-width: 1150px;\r\n            width: 100%;\r\n        }\r\n\r\n        .book-section {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .section-header {\r\n            margin-bottom: 3.5rem;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.6;\r\n            margin-bottom: 1.25rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .ornament-symbol:hover {\r\n            opacity: 1;\r\n            letter-spacing: 0.7rem;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        h1 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.18rem;\r\n            line-height: 1.2;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        h1:hover {\r\n            letter-spacing: 0.22rem;\r\n        }\r\n\r\n        .tagline {\r\n            font-size: 1.35rem;\r\n            color: #C7C7C7;\r\n            font-style: italic;\r\n            letter-spacing: 0.05rem;\r\n            font-weight: 400;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n\r\n        .tagline:hover {\r\n            color: rgba(212, 175, 55, 0.95);\r\n        }\r\n\r\n        \/* Main Content Grid *\/\r\n        .content-grid {\r\n            display: grid;\r\n            grid-template-columns: 340px 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            margin-top: 3.5rem;\r\n        }\r\n\r\n        \/* Book Cover *\/\r\n        .book-cover-container {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cover-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 300px;\r\n            aspect-ratio: 2\/3;\r\n            cursor: pointer;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cover-wrapper:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n        }\r\n\r\n        .cover-frame {\r\n            position: absolute;\r\n            inset: -12px;\r\n            border: 2px solid #d4af37;\r\n            background: transparent;\r\n            pointer-events: none;\r\n            z-index: 2;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cover-wrapper:hover .cover-frame {\r\n            inset: -16px;\r\n            border-color: #f4e4c1;\r\n            box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);\r\n        }\r\n\r\n        .corner-diamond {\r\n            position: absolute;\r\n            width: 10px;\r\n            height: 10px;\r\n            background: #d4af37;\r\n            transform: rotate(45deg);\r\n            z-index: 3;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cover-wrapper:hover .corner-diamond {\r\n            background: #f4e4c1;\r\n            transform: rotate(45deg) scale(1.3);\r\n        }\r\n\r\n        .corner-diamond.top-left { top: -17px; left: -17px; }\r\n        .corner-diamond.top-right { top: -17px; right: -17px; }\r\n        .corner-diamond.bottom-left { bottom: -17px; left: -17px; }\r\n        .corner-diamond.bottom-right { bottom: -17px; right: -17px; }\r\n\r\n        .cover-wrapper:hover .corner-diamond.top-left { top: -21px; left: -21px; }\r\n        .cover-wrapper:hover .corner-diamond.top-right { top: -21px; right: -21px; }\r\n        .cover-wrapper:hover .corner-diamond.bottom-left { bottom: -21px; left: -21px; }\r\n        .cover-wrapper:hover .corner-diamond.bottom-right { bottom: -21px; right: -21px; }\r\n\r\n        .book-cover {\r\n            width: 100%;\r\n            height: 100% !important;\r\n            object-fit: cover;\r\n            display: block;\r\n            box-shadow: \r\n                0 15px 40px rgba(0, 0, 0, 0.6),\r\n                0 5px 15px rgba(212, 175, 55, 0.1);\r\n        \r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cover-wrapper:hover .book-cover {\r\n            box-shadow: \r\n                0 25px 60px rgba(0, 0, 0, 0.7),\r\n                0 10px 25px rgba(212, 175, 55, 0.2);\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        .cover-glow {\r\n            position: absolute;\r\n            inset: -25px;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            opacity: 0.7;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .cover-wrapper:hover .cover-glow {\r\n            opacity: 1;\r\n            inset: -35px;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.25) 0%, transparent 70%);\r\n        }\r\n\r\n        \/* Description *\/\r\n        .book-description {\r\n            text-align: left;\r\n        }\r\n\r\n        .description-text {\r\n            font-size: 1.25rem;\r\n            line-height: 1.85;\r\n            color: #d4d4d4;\r\n            font-style: italic;\r\n            margin-bottom: 2.5rem;\r\n            letter-spacing: 0.02rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .description-text:hover {\r\n            color: #e4e4e4;\r\n        }\r\n\r\n        .emphasis {\r\n            color: #e8dcc0;\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .emphasis:hover {\r\n            color: #f4e4c1;\r\n        }\r\n\r\n        \/* Key Insights *\/\r\n        .insights {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1rem;\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .insight-item {\r\n            text-align: center;\r\n            padding: 1.95rem 1.25rem;\r\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.04) 0%, rgba(212, 175, 55, 0.01) 100%);\r\n            border: 4px solid rgba(212, 175, 55, 0.2);\r\n            border-radius: 2px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .insight-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .insight-item:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .insight-item:hover {\r\n            transform: translateY(-5px);\r\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.03) 100%);\r\n            border-color: rgba(212, 175, 55, 0.4);\r\n            box-shadow: \r\n                0 10px 30px rgba(0, 0, 0, 0.4),\r\n                0 0 20px rgba(212, 175, 55, 0.15);\r\n        }\r\n\r\n        .insight-icon {\r\n            font-size: 1.75rem;\r\n            color: #d4af37;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .insight-item:hover .insight-icon {\r\n            color: #f4e4c1;\r\n            transform: scale(1.2) rotate(90deg);\r\n        }\r\n\r\n        .insight-label {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 0.7rem !important;\r\n            color: #d4af37;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.15rem;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insight-item:hover .insight-label {\r\n            color: #f4e4c1;\r\n            letter-spacing: 0.2rem;\r\n        }\r\n\r\n        \/* Decorative corners on insights *\/\r\n        .insight-corner {\r\n            position: absolute;\r\n            width: 12px;\r\n            height: 12px;\r\n            border: 1px solid rgba(212, 175, 55, 0.3);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .insight-corner.top-left {\r\n            top: 8px;\r\n            left: 8px;\r\n            border-right: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .insight-corner.bottom-right {\r\n            bottom: 8px;\r\n            right: 8px;\r\n            border-left: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .insight-item:hover .insight-corner {\r\n            border-color: rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        .insight-item:hover .insight-corner.top-left {\r\n            top: 6px;\r\n            left: 6px;\r\n        }\r\n\r\n        .insight-item:hover .insight-corner.bottom-right {\r\n            bottom: 6px;\r\n            right: 6px;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .content-grid {\r\n                grid-template-columns: 300px 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .cover-wrapper {\r\n                max-width: 260px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .description-text {\r\n                font-size: 1.15rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .content-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .book-cover-container {\r\n                order: -1;\r\n            }\r\n\r\n            .cover-wrapper {\r\n                max-width: 250px !important;\r\n                margin-bottom: 40px !important;\r\n                margin: 0 auto 40px auto;\r\n            }\r\n\r\n            .book-description {\r\n                text-align: center;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .tagline {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .description-text {\r\n                text-align: center;\r\n            }\r\n\r\n            .insights {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.25rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            \r\n\r\n            h1 {\r\n                font-size: 1.85rem;\r\n                letter-spacing: 0.12rem;\r\n            }\r\n\r\n            .tagline {\r\n                font-size: 1.05rem;\r\n            }\r\n\r\n            .description-text {\r\n                font-size: 1.05rem;\r\n                line-height: 1.75;\r\n            }\r\n\r\n            .cover-wrapper {\r\n                max-width: 240px;\r\n                margin: 0 auto 40px auto;\r\n            }\r\n\r\n            .insight-item {\r\n                padding: 1.5rem 1rem;\r\n            }\r\n\r\n            .insight-label {\r\n                font-size: 0.8rem;\r\n                letter-spacing: 0.12rem;\r\n            }\r\n\r\n            .insight-icon {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Smooth scroll behavior *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"book-section\">\r\n            <!-- Header -->\r\n            <div class=\"section-header\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                <h1>The Sacred Awakening<\/h1>\r\n                <p class=\"tagline\">Where Illusion Dissolves and Truth Emerges<\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"content-grid\">\r\n                <!-- Book Cover -->\r\n                <div class=\"book-cover-container\">\r\n                    <div class=\"cover-wrapper\">\r\n                        <div class=\"cover-glow\"><\/div>\r\n                        <a href=\"https:\/\/a.co\/d\/00DfLuYC\">\r\n                        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/02\/1.png\" \r\n                             alt=\"Book Cover\" \r\n                             class=\"book-cover\"><\/a>\r\n                        <div class=\"cover-frame\"><\/div>\r\n                        <div class=\"corner-diamond top-left\"><\/div>\r\n                        <div class=\"corner-diamond top-right\"><\/div>\r\n                        <div class=\"corner-diamond bottom-left\"><\/div>\r\n                        <div class=\"corner-diamond bottom-right\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Description -->\r\n                <div class=\"book-description\">\r\n                    <p class=\"description-text\">\r\n                        A luminous guide for seekers who feel the pull beyond ordinary perception. \r\n                        <span class=\"emphasis\">This manuscript unveils the eternal truths<\/span> hidden beneath \r\n                        layers of illusion, inviting consciousness to remember its infinite nature and \r\n                        embrace the transformative power of awakening.\r\n                    <\/p>\r\n\r\n                    <div class=\"insights\">\r\n                        <div class=\"insight-item\">\r\n                            <div class=\"insight-corner top-left\"><\/div>\r\n                            <div class=\"insight-corner bottom-right\"><\/div>\r\n                            <span class=\"insight-icon\">\u25c7<\/span>\r\n                            <div class=\"insight-label\">Inner Truth<\/div>\r\n                        <\/div>\r\n                        <div class=\"insight-item\">\r\n                            <div class=\"insight-corner top-left\"><\/div>\r\n                            <div class=\"insight-corner bottom-right\"><\/div>\r\n                            <span class=\"insight-icon\">\u25c7<\/span>\r\n                            <div class=\"insight-label\">Unity Consciousness<\/div>\r\n                        <\/div>\r\n                        <div class=\"insight-item\">\r\n                            <div class=\"insight-corner top-left\"><\/div>\r\n                            <div class=\"insight-corner bottom-right\"><\/div>\r\n                            <span class=\"insight-icon\">\u25c7<\/span>\r\n                            <div class=\"insight-label\">Transformation<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a4f52d e-con-full e-flex e-con e-child\" data-id=\"8a4f52d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a986e2c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a986e2c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eedf2f9 e-con-full e-flex e-con e-parent\" data-id=\"eedf2f9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a71ed9f elementor-widget elementor-widget-video\" data-id=\"a71ed9f\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/02\/Jordan-VBT-1.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ff868a e-flex e-con-boxed e-con e-parent\" data-id=\"5ff868a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7d65f2d e-con-full e-flex e-con e-child\" data-id=\"7d65f2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6da82d4 elementor-widget elementor-widget-html\" data-id=\"6da82d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n\r\n       .container {\r\n    max-width: 1300px;\r\n    width: 100%;\r\n    padding-inline: clamp(1rem, 4vw, 2rem);\r\n    margin-inline: auto;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================\r\n   Section\r\n========================= *\/\r\n.testimonials-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================\r\n   Header\r\n========================= *\/\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: clamp(2.5rem, 6vw, 4rem);\r\n}\r\n\r\n.ornament-symbol {\r\n    display: inline-block;\r\n    color: #d4af37;\r\n    font-size: clamp(0.8rem, 1.5vw, 1rem);\r\n    letter-spacing: clamp(0.3rem, 1vw, 0.5rem);\r\n    opacity: 0.6;\r\n    margin-bottom: 1.25rem;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.ornament-symbol:hover {\r\n    opacity: 1;\r\n    letter-spacing: 0.7rem;\r\n    transform: scale(1.1);\r\n}\r\n\r\nh1 {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: clamp(1.8rem, 4.5vw, 3rem);\r\n    font-weight: 600;\r\n    margin-bottom: 1rem;\r\n    background: linear-gradient(135deg, #f4e4c1, #d4af37, #b8860b);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    letter-spacing: clamp(0.1rem, 0.4vw, 0.18rem);\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.testimonial-subtitle {\r\n    font-size: clamp(1rem, 2.5vw, 1.3rem);\r\n    color: #c7c7c7;\r\n    font-style: italic;\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================\r\n   Slider Layout\r\n========================= *\/\r\n.slider-container {\r\n    position: relative;\r\n    max-width: 1100px;\r\n    margin-inline: auto;\r\n    padding-inline: clamp(2.5rem, 6vw, 5rem);\r\n}\r\n\r\n.slider-wrapper {\r\n    overflow: hidden;\r\n}\r\n\r\n.slider-track {\r\n    display: flex;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* =========================\r\n   Card\r\n========================= *\/\r\n.testimonial-card {\r\n    min-width: 100%;\r\n    padding-inline: clamp(0.5rem, 2vw, 2rem);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.card-inner {\r\n    background: linear-gradient(135deg, rgba(30,20,15,0.65), rgba(20,15,10,0.45));\r\n    border: 1px solid rgba(212,175,55,0.25);\r\n    padding: clamp(2rem, 5vw, 3.5rem);\r\n    position: relative;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.4);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card-inner:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(212,175,55,0.4);\r\n}\r\n\r\n\/* =========================\r\n   Quote Icon\r\n========================= *\/\r\n.quote-icon {\r\n    position: absolute;\r\n    top: clamp(1rem, 3vw, 2rem);\r\n    left: clamp(1rem, 3vw, 2.5rem);\r\n    font-size: clamp(2.5rem, 6vw, 4rem);\r\n    color: rgba(212,175,55,0.18);\r\n}\r\n\r\n\/* =========================\r\n   Text\r\n========================= *\/\r\n.testimonial-text {\r\n    font-size: clamp(1.05rem, 2.6vw, 1.35rem);\r\n    line-height: 1.85;\r\n    color: #d4d4d4;\r\n    font-style: italic;\r\n    text-align: center;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n\/* =========================\r\n   Divider\r\n========================= *\/\r\n\/*.divider {*\/\r\n\/*    width: 70px;*\/\r\n\/*    height: 1px;*\/\r\n\/*    background: linear-gradient(90deg, transparent, rgba(212,175,55,.5), transparent);*\/\r\n\/*    margin: 0 auto 2rem;*\/\r\n\/*    position: relative;*\/\r\n\/*}*\/\r\n\r\n\/*.divider::before {*\/\r\n\/*    content: '\u2726';*\/\r\n\/*    position: absolute;*\/\r\n\/*    inset: 50%;*\/\r\n\/*    transform: translate(-50%, -50%);*\/\r\n\/*    font-size: 0.6rem;*\/\r\n\/*    color: #d4af37;*\/\r\n\/*    background: rgba(20,15,10,0.8);*\/\r\n\/*    padding-inline: 0.5rem;*\/\r\n\/*}*\/\r\n\r\n\/* =========================\r\n   Author\r\n========================= *\/\r\n.author-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.author-avatar {\r\n    width: clamp(55px, 10vw, 70px);\r\n    height: clamp(55px, 10vw, 70px);\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(212,175,55,0.3);\r\n    padding: 3px;\r\n}\r\n\r\n.author-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n}\r\n\r\n.author-name {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: clamp(0.95rem, 2.2vw, 1.15rem);\r\n    color: #d4af37;\r\n    letter-spacing: 0.08rem;\r\n    text-align: center !important;\r\n}\r\n\r\n.author-title {\r\n    font-size: clamp(0.85rem, 2vw, 1rem);\r\n    color: rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* =========================\r\n   Rating\r\n========================= *\/\r\n.rating {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.4rem;\r\n}\r\n\r\n.star {\r\n    font-size: 1.05rem;\r\n    color: #d4af37;\r\n}\r\n\r\n\/* =========================\r\n   Navigation\r\n========================= *\/\r\n.slider-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    \/*width: clamp(35px, 6vw, 70px);*\/\r\n    \/*height: clamp(35px, 6vw, 70px);*\/\r\n    border: 2px solid rgba(212,175,55,0.35);\r\n    background: rgba(20,15,10,0.8);\r\n    color: #d4af37;\r\n    font-size: clamp(1.1rem, 2.5vw, 1.5rem);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    padding-top: 6px !important;\r\n}\r\n\r\n.slider-nav.prev { left: 0; }\r\n.slider-nav.next { right: 0; }\r\n\r\n\/* =========================\r\n   Dots\r\n========================= *\/\r\n.slider-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    margin-top: 2.5rem;\r\n}\r\n\r\n.dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: rgba(212,175,55,0.3);\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #d4af37;\r\n    transform: scale(1.3);\r\n}\r\n\r\n\/* =========================\r\n   Small Devices Fixes\r\n========================= *\/\r\n@media (max-width: 480px) {\r\n    .slider-nav {\r\n        display: none;\r\n    }\r\n    \r\n    .slider-container{\r\n        width: 100% !important;\r\n        padding: 0px !important;\r\n    }\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"testimonials-section\">\r\n            <!-- Header -->\r\n            <div class=\"section-header\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                <h1>Voices of Awakening<\/h1>\r\n                <p class=\"testimonial-subtitle\">Testimonials from Seekers on the Path<\/p>\r\n            <\/div>\r\n\r\n            <!-- Slider -->\r\n            <div class=\"slider-container\">\r\n                <div class=\"slider-wrapper\">\r\n                    <div class=\"slider-track\">\r\n                        <!-- Testimonial 1 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        This sacred manuscript arrived in my life at the precise moment I needed it most. The wisdom contained within these pages dissolved years of confusion and awakened a profound understanding of my true nature. A transformative journey beyond words.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop\" alt=\"Sarah M.\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Sarah M.<\/div>\r\n                                            <div class=\"author-title\">Spiritual Seeker \u00b7 California<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Testimonial 2 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        Every page resonates with a truth I have always felt but could never articulate. This work serves as both mirror and map, guiding me from the shadows of fear into the light of understanding. An essential companion for conscious evolution.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop\" alt=\"Michael Chen\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Michael Chen<\/div>\r\n                                            <div class=\"author-title\">Consciousness Researcher \u00b7 New York<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Testimonial 3 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        In a world of noise and distraction, this luminous guide cut through the illusion with crystalline clarity. The journey through these pages has been nothing short of a spiritual awakening, revealing the infinite love at the heart of existence.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop\" alt=\"Elena Rodriguez\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Elena Rodriguez<\/div>\r\n                                            <div class=\"author-title\">Meditation Teacher \u00b7 Arizona<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Navigation -->\r\n                <button class=\"slider-nav prev\" onclick=\"moveSlide(-1)\">\u2039<\/button>\r\n                <button class=\"slider-nav next\" onclick=\"moveSlide(1)\">\u203a<\/button>\r\n            <\/div>\r\n\r\n            <!-- Dots -->\r\n            <div class=\"slider-dots\">\r\n                <span class=\"dot active\" onclick=\"goToSlide(0)\"><\/span>\r\n                <span class=\"dot\" onclick=\"goToSlide(1)\"><\/span>\r\n                <span class=\"dot\" onclick=\"goToSlide(2)\"><\/span>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentSlide = 0;\r\n        const totalSlides = 3;\r\n\r\n        function moveSlide(direction) {\r\n            currentSlide += direction;\r\n            \r\n            if (currentSlide < 0) {\r\n                currentSlide = totalSlides - 1;\r\n            } else if (currentSlide >= totalSlides) {\r\n                currentSlide = 0;\r\n            }\r\n            \r\n            updateSlider();\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            currentSlide = index;\r\n            updateSlider();\r\n        }\r\n\r\n        function updateSlider() {\r\n            const track = document.querySelector('.slider-track');\r\n            track.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n            \r\n            \/\/ Update dots\r\n            document.querySelectorAll('.dot').forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === currentSlide);\r\n            });\r\n        }\r\n\r\n        \/\/ Auto-play slider (optional)\r\n        setInterval(() => {\r\n            moveSlide(1);\r\n        }, 8000);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3a588b e-con-full e-flex e-con e-child\" data-id=\"c3a588b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf105ae elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bf105ae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1851cac e-flex e-con-boxed e-con e-parent\" data-id=\"1851cac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2790893 e-con-full e-flex e-con e-child\" data-id=\"2790893\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c925df elementor-widget elementor-widget-html\" data-id=\"1c925df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n        .cta-section {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-container {\r\n            background: linear-gradient(135deg, rgba(20, 15, 10, 0.95) 0%, rgba(30, 20, 15, 0.9) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.3);\r\n            border-radius: 2px;\r\n            padding: 4rem 3rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 20px 60px rgba(0, 0, 0, 0.6),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.1);\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cta-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 70%, rgba(184, 134, 11, 0.02) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.05), transparent);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .cta-container:hover::after {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-container:hover {\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 25px 70px rgba(0, 0, 0, 0.7),\r\n                0 0 40px rgba(212, 175, 55, 0.15),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Corner Decorations *\/\r\n        .corner-decoration {\r\n            position: absolute;\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 2px solid rgba(212, 175, 55, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .corner-decoration.top-left {\r\n            top: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.top-right {\r\n            top: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-left {\r\n            bottom: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-right {\r\n            bottom: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration {\r\n            border-color: rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-left {\r\n            top: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-right {\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-left {\r\n            bottom: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-right {\r\n            bottom: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        \/* Content *\/\r\n        .cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.6;\r\n            margin-bottom: 1.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .ornament-symbol {\r\n            opacity: 1;\r\n            letter-spacing: 0.7rem;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        h2 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 3.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1.25rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.2rem;\r\n            line-height: 1.2;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover h2 {\r\n            letter-spacing: 0.25rem;\r\n        }\r\n\r\n        .cta-description {\r\n            font-size: 1.25rem;\r\n            line-height: 1.6;\r\n            color: #c4c4c4;\r\n            margin-bottom: 3rem;\r\n            letter-spacing: 0.05rem;\r\n            font-style: italic;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover .cta-description {\r\n            color: #d4d4d4;\r\n        }\r\n\r\n        \/* Form *\/\r\n        .cta-form {\r\n            display: flex;\r\n            gap: 1rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .input-wrapper {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-input {\r\n            width: 100%;\r\n            padding: 1.77rem 1.59rem !important;\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.6) 0%, rgba(30, 20, 15, 0.4) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.25);\r\n            border-radius: 2px;\r\n            color: #e8e8e8;\r\n            font-size: 1rem;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            letter-spacing: 0.05rem;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            outline: none;\r\n        }\r\n\r\n        .cta-input::placeholder {\r\n            color: rgba(212, 175, 55, 0.4);\r\n            font-style: italic;\r\n        }\r\n\r\n        .cta-input:focus {\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.8) 0%, rgba(30, 20, 15, 0.6) 100%);\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 5px 20px rgba(0, 0, 0, 0.3),\r\n                0 0 20px rgba(212, 175, 55, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .cta-input:hover {\r\n            border-color: rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        \/* Submit Button *\/\r\n        .cta-button {\r\n            padding: 1.25rem 3rem;\r\n            background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);\r\n            border: 2px solid #d4af37;\r\n            border-radius: 2px;\r\n            color: #0a0a0f;\r\n            font-size: 1rem;\r\n            font-family: 'Cinzel', serif;\r\n            font-weight: 600;\r\n            letter-spacing: 0.2rem;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: \r\n                0 5px 20px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s ease, height 0.6s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 100%);\r\n            border-color: #f4e4c1;\r\n            box-shadow: \r\n                0 8px 30px rgba(212, 175, 55, 0.5),\r\n                0 0 30px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .cta-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .cta-button span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Button Corner Diamonds *\/\r\n        .button-diamond {\r\n            position: absolute;\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #0a0a0f;\r\n            transform: rotate(45deg);\r\n            transition: all 0.4s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .button-diamond.top-left {\r\n            top: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.top-right {\r\n            top: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-left {\r\n            bottom: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-right {\r\n            bottom: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .cta-button:hover .button-diamond {\r\n            background: rgba(10, 10, 15, 0.5);\r\n        }\r\n\r\n        \/* Divider above form *\/\r\n        .divider {\r\n            width: 120px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(212, 175, 55, 0.5) 50%, \r\n                transparent 100%);\r\n            margin: 0 auto 3rem;\r\n            position: relative;\r\n        }\r\n\r\n        .divider::before {\r\n            content: '\u2726';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            color: #d4af37;\r\n            font-size: 0.6rem;\r\n            background: rgba(20, 15, 10, 0.9);\r\n            padding: 0 0.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .divider::before {\r\n            color: #f4e4c1;\r\n            transform: translate(-50%, -50%) rotate(90deg);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .cta-container {\r\n                padding: 3rem 2rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 2.2rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 2.5rem;\r\n            }\r\n\r\n            .cta-form {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n            }\r\n\r\n            .cta-button {\r\n                width: 100%;\r\n                padding: 1.25rem 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-container {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 1.8rem;\r\n                letter-spacing: 0.1rem;\r\n            }\r\n\r\n            .ornament-symbol {\r\n                font-size: 0.85rem;\r\n                letter-spacing: 0.4rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1rem;\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .cta-input {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.9rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .corner-decoration {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"cta-section\">\r\n        <div class=\"cta-container\">\r\n            <div class=\"corner-decoration top-left\"><\/div>\r\n            <div class=\"corner-decoration top-right\"><\/div>\r\n            <div class=\"corner-decoration bottom-left\"><\/div>\r\n            <div class=\"corner-decoration bottom-right\"><\/div>\r\n            \r\n            <div class=\"cta-content\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                \r\n                <h2>The Truth Is Within You<\/h2>\r\n                \r\n                <p class=\"cta-description\">\r\n                    Be the first to receive transformative insights and exclusive offerings\r\n                <\/p>\r\n                \r\n                <div class=\"divider\"><\/div>\r\n                \r\n                <form class=\"cta-form\" onsubmit=\"handleSubmit(event)\">\r\n                    <div class=\"input-wrapper\">\r\n                        <input \r\n                            type=\"email\" \r\n                            class=\"cta-input\" \r\n                            placeholder=\"Your Email\" \r\n                            required\r\n                            aria-label=\"Email Address\"\r\n                        >\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"cta-button\">\r\n                        <div class=\"button-diamond top-left\"><\/div>\r\n                        <div class=\"button-diamond top-right\"><\/div>\r\n                        <div class=\"button-diamond bottom-left\"><\/div>\r\n                        <div class=\"button-diamond bottom-right\"><\/div>\r\n                        <span>Subscribe<\/span>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function handleSubmit(event) {\r\n            event.preventDefault();\r\n            const email = event.target.querySelector('input[type=\"email\"]').value;\r\n            console.log('Email submitted:', email);\r\n            \/\/ Add your subscription logic here\r\n            alert('Thank you for subscribing! Your journey begins now.');\r\n            event.target.reset();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Liberate Yourself from the False Reality Discover truth beyond manipulation,Experience consciousness beyond the physical realm. Explore My Creations A Transformational [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":199,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/562"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}