{"id":28,"date":"2026-01-30T17:34:32","date_gmt":"2026-01-30T17:34:32","guid":{"rendered":"https:\/\/demowebdesign.live\/jordan\/?page_id=28"},"modified":"2026-03-24T21:36:16","modified_gmt":"2026-03-24T21:36:16","slug":"books","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/jordan\/index.php\/books\/","title":{"rendered":"Books"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04a2c0b e-flex e-con-boxed e-con e-parent\" data-id=\"04a2c0b\" 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-ed61567 e-con-full e-flex e-con e-child\" data-id=\"ed61567\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76d0729 heading elementor-widget elementor-widget-heading\" data-id=\"76d0729\" 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-290662b elementor-widget elementor-widget-text-editor\" data-id=\"290662b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"129\" data-end=\"420\"><strong data-start=\"129\" data-end=\"168\">Discover truth beyond manipulation,<\/strong><br data-start=\"168\" data-end=\"171\" \/>Uncover the hidden forces that shape perception and question the narratives you\u2019ve been told. Step beyond illusions and surface-level appearances, and awaken to a deeper understanding of reality that lies beneath the veil of control and influence.<\/p><p data-start=\"422\" data-end=\"747\"><strong data-start=\"422\" data-end=\"477\">Experience consciousness beyond the physical realm,<\/strong><br data-start=\"477\" data-end=\"480\" \/>Explore the boundless dimensions of your mind and spirit, where awareness transcends the limits of the material world. Journey into states of being that reveal profound interconnectedness, inner wisdom, and the timeless truths that exist beyond ordinary perception.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34e79b6 elementor-widget__width-initial btn elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"34e79b6\" 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-b1173c7 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b1173c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde8795 elementor-widget__width-initial elementor-absolute img elementor-widget elementor-widget-image\" data-id=\"cde8795\" 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_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-d5c71ad e-con-full e-flex e-con e-child\" data-id=\"d5c71ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a70a43 elementor-widget elementor-widget-html\" data-id=\"6a70a43\" 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-194f274 e-flex e-con-boxed e-con e-parent\" data-id=\"194f274\" 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-b282a8e e-con-full e-flex e-con e-child\" data-id=\"b282a8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-124b36f elementor-widget__width-initial heading elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"124b36f\" 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-f84fbc3 elementor-widget elementor-widget-text-editor\" data-id=\"f84fbc3\" 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-7e5d68b elementor-align-center elementor-widget__width-initial btn elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"7e5d68b\" 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-b7abcd9 e-con-full e-flex e-con e-child\" data-id=\"b7abcd9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79aa147 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"79aa147\" 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-551d9e7 e-flex e-con-boxed e-con e-parent\" data-id=\"551d9e7\" 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\t\t<div class=\"elementor-element elementor-element-fd33e67 elementor-widget elementor-widget-html\" data-id=\"fd33e67\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .who-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: 4rem;\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        .subtitle {\r\n            font-size: 1.3rem;\r\n            color: #C7C7C7;\r\n            font-style: italic;\r\n            letter-spacing: 0.05rem;\r\n            font-weight: 300;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Divider *\/\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 4rem;\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: #1a0f0a;\r\n            padding: 0 0.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .who-section:hover .divider::before {\r\n            color: #f4e4c1;\r\n            transform: translate(-50%, -50%) rotate(90deg);\r\n        }\r\n\r\n        \/* Cards Grid *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2.5rem;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        \/* Card *\/\r\n        .who-card {\r\n            background: linear-gradient(135deg, rgba(30, 20, 15, 0.6) 0%, rgba(20, 15, 10, 0.4) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.25);\r\n            border-radius: 2px;\r\n            padding: 2.5rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .who-card::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.08), transparent);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .who-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .who-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            background: linear-gradient(135deg, rgba(30, 20, 15, 0.8) 0%, rgba(20, 15, 10, 0.6) 100%);\r\n            box-shadow: \r\n                0 20px 50px rgba(0, 0, 0, 0.5),\r\n                0 0 30px rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Card Icon *\/\r\n        .card-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            margin: 0 auto 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .card-icon svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            fill: none;\r\n            stroke: #d4af37;\r\n            stroke-width: 1.5;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .who-card:hover .card-icon {\r\n            transform: scale(1.15) rotate(5deg);\r\n        }\r\n\r\n        .who-card:hover .card-icon svg {\r\n            stroke: #f4e4c1;\r\n            stroke-width: 1.8;\r\n        }\r\n\r\n        \/* Card Title *\/\r\n        .card-title {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 1.2rem;\r\n            color: #d4af37;\r\n            letter-spacing: 0.1rem;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .who-card:hover .card-title {\r\n            color: #f4e4c1;\r\n            letter-spacing: 0.15rem;\r\n        }\r\n\r\n        \/* Card Description *\/\r\n        .card-description {\r\n            font-size: 1.05rem;\r\n            line-height: 1.8;\r\n            color: #c4c4c4;\r\n            font-style: italic;\r\n            letter-spacing: 0.02rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .who-card:hover .card-description {\r\n            color: #d4d4d4;\r\n        }\r\n\r\n        \/* Card Corners *\/\r\n        .card-corner {\r\n            position: absolute;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 1px solid rgba(212, 175, 55, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .card-corner.top-left {\r\n            top: 1rem;\r\n            left: 1rem;\r\n            border-right: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .card-corner.bottom-right {\r\n            bottom: 1rem;\r\n            right: 1rem;\r\n            border-left: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .who-card:hover .card-corner {\r\n            border-color: rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        .who-card:hover .card-corner.top-left {\r\n            top: 0.75rem;\r\n            left: 0.75rem;\r\n        }\r\n\r\n        .who-card:hover .card-corner.bottom-right {\r\n            bottom: 0.75rem;\r\n            right: 0.75rem;\r\n        }\r\n\r\n        \/* Bottom CTA *\/\r\n        .bottom-cta {\r\n            text-align: center;\r\n            padding: 3rem 2rem;\r\n            background: linear-gradient(135deg, rgba(30, 20, 15, 0.4) 0%, rgba(20, 15, 10, 0.2) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.2);\r\n            border-radius: 2px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .bottom-cta::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.05), transparent);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .bottom-cta:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .bottom-cta:hover {\r\n            border-color: rgba(212, 175, 55, 0.4);\r\n            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.1);\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.4rem;\r\n            line-height: 1.7;\r\n            color: #d4d4d4;\r\n            font-style: italic;\r\n            margin-bottom: 2rem;\r\n            letter-spacing: 0.03rem;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .emphasis {\r\n            color: #d4af37;\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .bottom-cta:hover .emphasis {\r\n            color: #f4e4c1;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 2rem;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n           \r\n\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .divider {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .who-card {\r\n                padding: 2rem 1.75rem;\r\n            }\r\n\r\n            .card-icon {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .card-icon {\r\n                width: 55px;\r\n                height: 55px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .card-description {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .cta-text {\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            .bottom-cta {\r\n                padding: 2.5rem 1.5rem;\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            .subtitle {\r\n                font-size: 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            .who-card {\r\n                padding: 1.75rem 1.5rem;\r\n            }\r\n\r\n            .card-icon {\r\n                font-size: 2rem;\r\n                margin-bottom: 1.25rem;\r\n            }\r\n\r\n            .card-icon {\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 1.1rem;\r\n                letter-spacing: 0.08rem;\r\n            }\r\n\r\n            .card-description {\r\n                font-size: 0.95rem;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .cta-text {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n\r\n            .bottom-cta {\r\n                padding: 2rem 1.25rem;\r\n            }\r\n\r\n            .card-corner {\r\n                width: 15px;\r\n                height: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"who-section\">\r\n            <!-- Header -->\r\n            <div class=\"section-header\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                <h1>Who This Book Is For<\/h1>\r\n                <p class=\"subtitle\">This sacred manuscript calls to those ready to transcend ordinary perception<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"divider\"><\/div>\r\n\r\n            <!-- Cards Grid -->\r\n            <div class=\"cards-grid\">\r\n                <!-- Card 1 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Seeker<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Those who sense there is more beyond the veil of everyday existence and yearn to uncover the deeper truths that govern reality and consciousness.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n                            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/>\r\n                            <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/>\r\n                            <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/>\r\n                            <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/>\r\n                            <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/>\r\n                            <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/>\r\n                            <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/>\r\n                            <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Awakening Soul<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Individuals experiencing the stirrings of spiritual awakening who seek guidance to navigate their transformation from fear to understanding, from separation to unity.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Truth Seeker<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Those who question the narratives presented by society and seek to discern authentic truth from illusion, ready to see through layers of conditioning.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M18.178 8C19.869 8 21 9.406 21 11.154c0 1.748-.833 3.924-2.644 5.735C16.545 18.7 14.59 20 12.917 20c-1.673 0-2.95-1.343-2.95-2.889 0-1.546 1.277-3.29 3.122-3.29 1.472 0 2.456 1.057 2.456 2.389 0 1.331-.717 2.125-1.975 2.125-.478 0-.87-.162-1.148-.474-.278.29-.67.474-1.148.474C9.59 18.335 8 16.746 8 14.667c0-2.08 1.506-3.978 3.644-3.978 1.073 0 1.983.478 2.594 1.222.611-.744 1.521-1.222 2.594-1.222zm-4.083 3.778c-1.135 0-2.056.921-2.056 2.056s.921 2.055 2.056 2.055c1.134 0 2.055-.92 2.055-2.055s-.92-2.056-2.055-2.056z\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Conscious Explorer<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Souls committed to expanding awareness and understanding the mechanics of consciousness, reality, and the eternal dance between light and shadow.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 5 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Heart-Centered<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Those who recognize love as the fundamental essence of existence and seek to embody compassion, unity, and divine connection in their daily lives.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 6 -->\r\n                <div class=\"who-card\">\r\n                    <div class=\"card-corner top-left\"><\/div>\r\n                    <div class=\"card-corner bottom-right\"><\/div>\r\n                    <div class=\"card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                            <path d=\"M12 2v5m0 10v5M2 12h5m10 0h5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">The Transformer<\/h3>\r\n                    <p class=\"card-description\">\r\n                        Individuals ready to release old patterns and undergo deep personal transformation, embracing change as the pathway to their highest evolution.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom CTA -->\r\n            <div class=\"bottom-cta\">\r\n                <p class=\"cta-text\">\r\n                    If you feel the resonance of these words within your being, <span class=\"emphasis\">this journey is meant for you<\/span>. \r\n                    The path of awakening begins with a single choice\u2014the choice to remember who you truly are beyond the illusions of the temporal world.\r\n                <\/p>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36229aa e-flex e-con-boxed e-con e-parent\" data-id=\"36229aa\" 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-b54e30b e-con-full e-flex e-con e-child\" data-id=\"b54e30b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c291d74 elementor-widget elementor-widget-html\" data-id=\"c291d74\" 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                        <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\">\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-ded1caa e-con-full e-flex e-con e-child\" data-id=\"ded1caa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e4209 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d3e4209\" 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-4b3dbd5 e-flex e-con-boxed e-con e-parent\" data-id=\"4b3dbd5\" 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-b5123e3 e-con-full e-flex e-con e-child\" data-id=\"b5123e3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82dfdcb elementor-widget elementor-widget-html\" data-id=\"82dfdcb\" 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\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(38px, 7vw, 50px);\r\n    height: clamp(38px, 7vw, 50px);\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}\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    .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-5d86c2d e-con-full e-flex e-con e-child\" data-id=\"5d86c2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e16ddb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3e16ddb\" 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-ed8985c e-flex e-con-boxed e-con e-parent\" data-id=\"ed8985c\" 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-7a5b064 e-con-full e-flex e-con e-child\" data-id=\"7a5b064\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab9281 elementor-widget elementor-widget-html\" data-id=\"7ab9281\" 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,Uncover the hidden forces that shape perception and question the narratives [&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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":85,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/555"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}