{"id":5,"date":"2025-12-09T18:11:27","date_gmt":"2025-12-09T18:11:27","guid":{"rendered":"https:\/\/vitalitylogic.com\/?page_id=5"},"modified":"2025-12-11T15:07:48","modified_gmt":"2025-12-11T15:07:48","slug":"home","status":"publish","type":"page","link":"https:\/\/vitalitylogic.com\/","title":{"rendered":"Home"},"content":{"rendered":"<p><!-- =========================\n     HERO SECTION\n     ========================= --><\/p>\n<section\n    id=\"hero-section\"\n    style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518531933037-91b2f5f229cc?q=80&#038;w=2500&#038;auto=format&#038;fit=crop'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\n><br \/>\n        <!-- LEFT COLUMN --><\/p>\n<h1>\n                Rediscover Your <br \/>\n                Vitality with <br \/>\n                Modern Wellness.<br \/>\n            <\/h1>\n<p>\n                Our scientifically aligned formulas support energy, mobility, and digestion, helping you embrace every day with confidence.\n            <\/p>\n<p>                <button><br \/>\n                    Explore Our Formulas<br \/>\n                <\/button><br \/>\n                <a href=\"#\"><br \/>\n                    Learn how it works &rarr;<br \/>\n                <\/a><br \/>\n        <!-- RIGHT COLUMN --><br \/>\n                            Vitality Logic<br \/>\n                            Joint Support<br \/>\n                            Advanced Mobility Complex<br \/>\n<\/section>\n<p><!-- =========================\n     BENEFITS SECTION\n     ========================= --><\/p>\n<section>\n<h2>\n                Why Vitality Logic Works<br \/>\n            <\/h2>\n<p>\n                Smart, research-backed nutrition designed specifically for the needs of adults 45+.\n            <\/p>\n<p>                    <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path>\n                    <\/svg><\/p>\n<h3>Research-Aligned<\/h3>\n<p>\n                    Developed using clinical data to ensure every nutrient serves a clear purpose.\n                <\/p>\n<p>                    <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path>\n                    <\/svg><\/p>\n<h3>Designed for 45+<\/h3>\n<p>\n                    Targeted support for mobility, energy, and optimal absorption.\n                <\/p>\n<p>                    <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"><\/path>\n                    <\/svg><\/p>\n<h3>Gentle &amp; Effective<\/h3>\n<p>\n                    Bioavailable forms of nutrients that are easy to absorb.\n                <\/p>\n<p>                    <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                    <\/svg><\/p>\n<h3>Pure &amp; Clean<\/h3>\n<p>\n                    Absolutely no fillers, artificial colors, or hidden ingredients.\n                <\/p>\n<\/section>\n<p>\t\t\t\t\t<!-- \n  EMBED INSTRUCTIONS:\n  Copy all the code below and paste it into a NEW Elementor \"HTML Code\" widget.\n--><br \/>\n<!-- Load Fonts (Inter) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<!-- Load Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n    \/* Scope all styles to ID to prevent conflicts *\/\n    #vitality-quiz-wizard {\n        width: 100%;\n        max-width: 1100px;\n        height: 650px;\n        margin: 0 auto;\n        background-color: #FFFFFF;\n        color: #3D3D3D;\n        border-radius: 24px;\n        display: flex;\n        overflow: hidden;\n        position: relative;\n        box-shadow: 0 20px 60px rgba(31, 62, 44, 0.08); \/* Deep Green Shadow Tint *\/\n        border: 1px solid #E2E8F0;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n    #vitality-quiz-wizard * { box-sizing: border-box; }\n    \/* Left Column (Image) *\/\n    .vq-left-col {\n        display: none;\n        width: 45%;\n        position: relative;\n        background: #F4F7F4; \/* Sage Background *\/\n    }\n    @media (min-width: 768px) { .vq-left-col { display: flex; } }\n    .vq-img-bg {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        position: absolute;\n        inset: 0;\n        transition: opacity 0.5s ease;\n    }\n    \/* Trust Badge Overlay *\/\n    .vq-trust-badge {\n        position: absolute;\n        bottom: 30px;\n        left: 30px;\n        right: 30px;\n        background: rgba(255, 255, 255, 0.90);\n        backdrop-filter: blur(8px);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #1F3E2C; \/* Deep Green *\/\n        box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n    }\n    \/* Right Column (Content) *\/\n    .vq-right-col {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        background: #fff;\n    }\n    @media (min-width: 768px) { .vq-right-col { width: 55%; } }\n    \/* Content Area *\/\n    .vq-content {\n        flex: 1;\n        padding: 40px 50px;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \/* Typography *\/\n    .vq-title { \n        font-family: 'Inter', sans-serif;\n        font-weight: 600;\n        font-size: 32px; \n        color: #1F3E2C; \n        margin-bottom: 16px; \n        line-height: 1.2; \n        letter-spacing: -0.5px;\n    }\n    .vq-sub { \n        font-size: 16px; \n        color: #64748B; \n        line-height: 1.6; \n        margin-bottom: 32px; \n    }\n    \/* Buttons *\/\n    .vq-btn {\n        background: #1F3E2C; \/* Deep Green *\/\n        color: white;\n        border: none;\n        padding: 18px 36px;\n        font-size: 16px;\n        font-weight: 500;\n        border-radius: 50px; \/* Pill Shape *\/\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(31, 62, 44, 0.2);\n    }\n    .vq-btn:hover { \n        background: #2C523B; \n        transform: translateY(-2px);\n    }\n    \/* Option Cards *\/\n    .vq-card {\n        padding: 20px;\n        border: 2px solid #E2E8F0;\n        border-radius: 12px;\n        margin-bottom: 12px;\n        cursor: pointer;\n        transition: all 0.2s;\n        background: #fff;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    .vq-card:hover {\n        border-color: #1F3E2C;\n        background: #F4F7F4; \/* Sage Hover *\/\n    }\n    .vq-btn:hover, \n.vq-btn:focus, \n.vq-btn:active {\n    color: white !important;\n}\n    .vq-card-icon {\n        color: #1F3E2C;\n        font-size: 18px;\n        width: 24px;\n        text-align: center;\n    }\n    .vq-card-title { font-weight: 600; color: #334155; font-size: 16px; }\n    \/* Progress Bar *\/\n    .vq-progress-wrap { padding: 40px 50px 0 50px; }\n    .vq-bar-bg { height: 6px; background: #E2E8F0; border-radius: 10px; overflow: hidden; }\n    .vq-bar-fill { height: 100%; background: #1F3E2C; transition: width 0.5s ease; }\n    .vq-step-text { \n        font-size: 11px; \n        font-weight: 700; \n        color: #94A3B8; \n        text-transform: uppercase; \n        letter-spacing: 1px; \n        margin-bottom: 10px; \n        display: flex; \n        justify-content: space-between;\n    }\n    \/* Navigation *\/\n    .vq-nav { padding: 20px 50px; border-top: 1px solid #F1F5F9; }\n    .vq-back { background: none; border: none; color: #94A3B8; font-size: 14px; cursor: pointer; text-decoration: underline; font-family: 'Inter', sans-serif;}\n    \/* Result Card Styling *\/\n    .vq-result-box {\n        background: #F4F7F4;\n        border: 1px solid #CFE8D6;\n        padding: 30px;\n        border-radius: 20px;\n        text-align: center;\n    }\n    .vq-product-img {\n        height: 120px;\n        margin: 0 auto 15px auto;\n        display: block;\n        object-fit: contain;\n    }\n    \/* Animations *\/\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n    .vq-fade { animation: fadeIn 0.4s ease-out forwards; }\n<\/style>\n<p>    <!-- Content injected via JS --><br \/>\n\t\t\t\t\t<!-- \n  EMBED INSTRUCTIONS:\n  Copy all the code below and paste it into a NEW Elementor \"HTML Code\" widget.\n--><br \/>\n<!-- Custom CSS --><\/p>\n<style>\n    .goal-card {\n        background-color: #FFFFFF;\n        border-radius: 24px;\n        padding: 28px;\n        transition: all 0.4s ease;\n        \/* Default Shadow *\/\n        box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        height: 100%;\n    }\n    .goal-card:hover {\n        \/* Hover Lift & Stronger Shadow *\/\n        transform: translateY(-6px);\n        box-shadow: 0 12px 38px rgba(0,0,0,0.12);\n    }\n    .icon-wrapper {\n        width: 64px;\n        height: 64px;\n        background-color: #E9DEC2;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 16px;\n        \/* Prevent icon shrinking *\/\n        flex-shrink: 0;\n    }\n    .icon-wrapper i {\n        font-size: 28px; \/* Adjusted to look balanced inside 64px circle *\/\n        color: #1F3E2C;\n    }\n    .explore-link {\n        color: #A97155;\n        font-weight: 500;\n        font-size: 15px;\n        text-decoration: none;\n        margin-top: auto; \/* Pushes link to bottom *\/\n        padding-top: 16px;\n        transition: color 0.2s ease;\n    }\n    .explore-link:hover {\n        text-decoration: underline;\n        color: #8a5a42;\n    }\n<\/style>\n<p><!-- SECTION START --><br \/>\n<!-- Elementor Note: You can also set the padding in the Elementor Section settings --><\/p>\n<section>\n        <!-- Header --><\/p>\n<h2>\n                Shop by Health Goal<br \/>\n            <\/h2>\n<p>\n                Choose a category and find the formula best suited to your needs.\n            <\/p>\n<p>        <!-- Grid --><br \/>\n        <!-- \n           Mobile: 1 Column (grid-cols-1)\n           Tablet: 3 Columns (md:grid-cols-3)\n           Desktop: 6 Columns (xl:grid-cols-6) - Adjusted break point to xl for better spacing\n        --><br \/>\n            <!-- 1. Joint & Mobility --><\/p>\n<h3>\n                    Joint &#038; Mobility<br \/>\n                <\/h3>\n<p>\n                    Ease stiffness and support comfortable movement.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n            <!-- 2. Gut & Digestive --><\/p>\n<h3>\n                    Gut &#038; Digestive<br \/>\n                <\/h3>\n<p>\n                    Promote smoother digestion and a healthier microbiome.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n            <!-- 3. Heart & Cardio --><\/p>\n<h3>\n                    Heart Health<br \/>\n                <\/h3>\n<p>\n                    Support circulation, heart rhythm, and vitality.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n            <!-- 4. Cognitive --><\/p>\n<h3>\n                    Cognitive<br \/>\n                <\/h3>\n<p>\n                    Enhance clarity, focus, and brain performance.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n            <!-- 5. Stress & Sleep --><\/p>\n<h3>\n                    Stress &#038; Sleep<br \/>\n                <\/h3>\n<p>\n                    Calm the mind, support sleep, and lift mood.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n            <!-- 6. Men's & Women's --><\/p>\n<h3>\n                    Men &#038; Women<br \/>\n                <\/h3>\n<p>\n                    Hormonal balance and support for aging well.\n                <\/p>\n<p>                <a href=\"#\">Explore &rarr;<\/a><br \/>\n<\/section>\n<p>\t\t\t\t\t<!-- \n  EMBED INSTRUCTIONS:\n  Copy all the code below and paste it into a NEW Elementor \"HTML Code\" widget.\n  This is a standalone section.\n--><br \/>\n<!-- Custom CSS --><\/p>\n<style>\n    \/* Organic Background Shapes *\/\n    .bg-shape-1 {\n        position: absolute;\n        top: -10%;\n        left: -10%;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(31, 62, 44, 0.05) 0%, rgba(255,255,255,0) 70%);\n        border-radius: 50%;\n        filter: blur(60px);\n        z-index: 0;\n    }\n    .bg-shape-2 {\n        position: absolute;\n        bottom: 10%;\n        right: -5%;\n        width: 400px;\n        height: 400px;\n        \/* Updated to Moss Green RGBA *\/\n        background: radial-gradient(circle, rgba(79, 122, 88, 0.04) 0%, rgba(255,255,255,0) 70%);\n        border-radius: 40% 60% 60% 40% \/ 40% 50% 50% 60%;\n        filter: blur(50px);\n        z-index: 0;\n    }\n    .expert-card {\n        background-color: #FFFFFF;\n        border-radius: 20px; \/* Softer corners *\/\n        padding: 28px; \/* More spacious *\/\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Smoother spring transition *\/\n        border: 1px solid rgba(31, 62, 44, 0.06); \/* Subtle green tint border *\/\n        display: flex;\n        gap: 24px;\n        align-items: flex-start;\n        margin-bottom: 24px;\n        \/* Richer, softer default shadow *\/\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n        position: relative;\n        overflow: hidden;\n    }\n    .expert-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(to bottom right, #FFFFFF, #F9FCFA); \/* Very subtle gradient *\/\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        z-index: -1;\n    }\n    .expert-card:hover {\n        transform: translateY(-6px); \/* Clear lift *\/\n        \/* Deeper, richer shadow on hover *\/\n        box-shadow: 0 15px 40px rgba(31, 62, 44, 0.12);\n        border-color: #4F7A58; \/* Moss Green accent border *\/\n    }\n    .expert-card:hover::before {\n        opacity: 1;\n    }\n    .headshot {\n        width: 68px;\n        height: 68px;\n        border-radius: 50%;\n        object-fit: cover;\n        flex-shrink: 0;\n        border: 3px solid #DDE9E0; \/* Light Sage Green border *\/\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n    .concept-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 24px;\n        min-height: 500px; \/* Ensure height on desktop *\/\n    }\n    \/* Abstract Wave Divider *\/\n    .expert-wave-bottom {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        overflow: hidden;\n        line-height: 0;\n        z-index: 1;\n    }\n    .expert-wave-bottom svg {\n        position: relative;\n        display: block;\n        width: calc(150% + 1.3px);\n        height: 100px;\n    }\n    .expert-wave-bottom .shape-fill {\n        fill: #FFFFFF;\n    }\n    \/* Trust Badge Strip *\/\n    .badge-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 14px;\n        font-weight: 500;\n        color: #1F3E2C;\n        opacity: 0.9;\n    }\n    .badge-icon {\n        color: #4F7A58; \/* Moss Green Icon *\/\n    }\n<\/style>\n<p><!-- SECTION START --><\/p>\n<section>\n    <!-- Background Shapes for Organic Feel --><br \/>\n        <!-- Intro --><\/p>\n<h2>\n                Meet the Experts Behind Vitality Logic<br \/>\n            <\/h2>\n<p>\n                Our formulations are guided by a multidisciplinary team combining nutritional science and botanical expertise to create formulas that truly work.\n            <\/p>\n<p>        <!-- Two Column Layout --><br \/>\n            <!-- LEFT COLUMN: Expert Cards --><br \/>\n                <!-- Expert 1 --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/media.istockphoto.com\/id\/1969411662\/photo\/a-pharmacy-intern-doing-inventory-in-a-drug-store-while-smiling-at-the-camera.jpg?s=612x612&#038;w=0&#038;k=20&#038;c=-JglT01HtN7sz_qm1YaAxUItO1RO7DPo3z1UaCfOI_E=\" alt=\"Dr. Elena Marev\"><\/p>\n<h3>Dr. Elena Marev<\/h3>\n<p>Nutritional Science Advisor<\/p>\n<p>\n                            Over 15 years studying nutrient absorption and age-related metabolic changes. Helps ensure our formulas are evidence-aligned.\n                        <\/p>\n<p>                <!-- Expert 2 --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/plus.unsplash.com\/premium_photo-1689551670902-19b441a6afde?w=500&#038;auto=format&#038;fit=crop&#038;q=60&#038;ixlib=rb-4.1.0&#038;ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8d29tYW58ZW58MHx8MHx8fDA%3D\" alt=\"Lukas Andreou\"><\/p>\n<h3>Lukas Andreou<\/h3>\n<p>Herbal Research Specialist<\/p>\n<p>\n                            Focuses on botanical synergy and purity standards. Ensures each plant-based ingredient meets our sourcing requirements.\n                        <\/p>\n<p>                <!-- Expert 3 --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/thumbs.dreamstime.com\/b\/confident-pharmacist-pharmacy-portrait-female-31837509.jpg\" alt=\"Marina Kolev\"><\/p>\n<h3>Marina Kolev<\/h3>\n<p>Formulation Consultant<\/p>\n<p>\n                            Combines traditional herbal knowledge with modern nutrition frameworks to support healthy aging and everyday vitality.\n                        <\/p>\n<p>            <!-- RIGHT COLUMN: Concept Image & CTA --><br \/>\n                <!-- Image Wrapper --><br \/>\n                     <!-- Abstract\/Nature Hybrid Image - UPDATED --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1758984754310-65a04dc0aa82?w=500&#038;auto=format&#038;fit=crop&#038;q=60&#038;ixlib=rb-4.1.0&#038;ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8Ym90YW5pY2FsJTIwbGVhdmVzJTIwZ3JlZW5lcnl8ZW58MHx8MHx8fDA%3D\" \n                         alt=\"Vitality Logic Botanical Research Concept\" \n                        ><br \/>\n                    <!-- Overlay Gradient - Warmer tone --><br \/>\n                    <!-- Bottom CTA (Overlaid on Image for Effect) --><br \/>\n                        <a href=\"#\"><br \/>\n                            Discover Our Approach<br \/>\n                        <\/a><br \/>\n        <!-- Bottom Row: Trust Badges --><br \/>\n                Research-Guided Formulas<br \/>\n                Quality &#038; Purity Standards<br \/>\n                Expert-Backed Development<br \/>\n    <!-- Abstract Wave Divider --><br \/>\n        <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n            <path d=\"M985.66,92.83C906.67,72,823.78,31,737.35,41.59c-73.22,13.75-168.06,47.88-250.45,41.86-57.84-4.26-114-18.73-172-10.79C227.39,83.9,139.73,110.6,0,105.5V120H1200V0C1132.19,23.09,1055.71,74.35,985.66,92.83Z\"><\/path>\n        <\/svg><br \/>\n<\/section>\n<p>\t\t\t\t\t<!-- VITALITY LOGIC \u2014 TRUSTED SOURCES SECTION --><br \/>\n<!-- Tailwind (required) --><\/p>\n<style>\n  .vl-partner-logo {\n    filter: grayscale(100%);\n    opacity: 0.55;\n    transition: all 0.35s ease;\n    mix-blend-mode: multiply;\n  }\n  .vl-partner-logo:hover {\n    filter: grayscale(0%);\n    opacity: 1;\n    transform: scale(1.08);\n  }\n<\/style>\n<section>\n      Trusted Scientific Sources<\/p>\n<p>\n      Our content is built on reputable research from leading medical, psychological, and public health institutions.<br \/>\n      These sources help ensure our explanations are reliable, balanced, and grounded in real evidence.\n    <\/p>\n<p>      <!-- 1 Mayo Clinic --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/images.seeklogo.com\/logo-png\/8\/1\/mayo-logo-png_seeklogo-89699.png\"\n             alt=\"Mayo Clinic\"\n             \/><\/p>\n<p>\n          Evidence referenced from Mayo Clinic research\n        <\/p>\n<p>      <!-- 2 Cleveland Clinic --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/play-lh.googleusercontent.com\/X34XOdWFCInUSNk3R6DHU7nezidBjVtqpFNsHp8DuOg6yXhxkTMrKsIgL_2tYeRV_yo\"\n             alt=\"Cleveland Clinic\"\n             \/><\/p>\n<p>\n          Guidance aligned with Cleveland Clinic insights\n        <\/p>\n<p>      <!-- 3 NHS --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/cdn.iconscout.com\/icon\/free\/png-256\/free-nhs-logo-icon-svg-download-png-2284935.png\"\n             alt=\"NHS\"\n             \/><\/p>\n<p>\n          Health explanations grounded in NHS recommendations\n        <\/p>\n<p>      <!-- 4 CDC --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/www.radiationready.org\/wp-content\/uploads\/2021\/10\/fed-partner-cdc.png\"\n             alt=\"CDC\"\n             \/><\/p>\n<p>\n          Public health references supported by CDC material\n        <\/p>\n<p>      <!-- 5 WHO --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/images.seeklogo.com\/logo-png\/15\/3\/who-logo-png_seeklogo-152696.png\"\n             alt=\"WHO\"\n             \/><\/p>\n<p>\n          Global health guidance informed by WHO frameworks\n        <\/p>\n<p>      <!-- 6 Harvard Health --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/d2icykjy7h7x7e.cloudfront.net\/authors\/GHyIDpymCA82aG9t0jaVvHGYWmhBELeXESjH7WUB.jpg\"\n             alt=\"Harvard Health Publishing\"\n             \/><\/p>\n<p>\n          Educational material inspired by Harvard Health articles\n        <\/p>\n<p>      <!-- 7 Johns Hopkins --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQ9dS2q8xCeSqjqYQ3EnlWljS48XOPtIk4BgA&#038;s\"\n             alt=\"Johns Hopkins Medicine\"\n             \/><\/p>\n<p>\n          Trusted medical context supported by Johns Hopkins\n        <\/p>\n<p>      <!-- 8 APA --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcT9fKIIDYLLxc-24R9KlLIzGiTVoc0rDi_NJw&#038;s\"\n             alt=\"APA\"\n             \/><\/p>\n<p>\n          Psychology references based on APA standards\n        <\/p>\n<p>      <!-- 9 NIMH --><br \/>\n        <img decoding=\"async\" src=\"https:\/\/pbs.twimg.com\/profile_images\/893214060308701184\/k8b5Iopi_400x400.jpg\"\n             alt=\"NIMH\"\n             \/><\/p>\n<p>\n          Mental health explanations drawing from NIMH resources\n        <\/p>\n<p>      <!-- 10 Stanford Medicine --><br \/>\n        <img decoding=\"async\" src=\"http:\/\/vitalitylogic.com\/wp-content\/uploads\/2025\/12\/Shield-400x400-1.png\"\n             alt=\"Stanford Medicine\"\n             \/><\/p>\n<p>\n          Scientific clarity influenced by Stanford Medicine research\n        <\/p>\n<\/section>\n<p>\t\t\t\t\t<!-- \n  EMBED INSTRUCTIONS:\n  Copy all the code below and paste it into a NEW Elementor \"HTML Code\" widget.\n  This is a standalone section.\n--><\/p>\n<style>\n    \/* Scope variables to avoid conflicts *\/\n    .vitality-reviews-wrapper {\n        --vl-deep: #1F3E2C;\n        --vl-soft: #CFE8D6;\n        --vl-accent: #4F7A58; \/* Changed from Bronze to Moss Green *\/\n        --vl-white: #FFFFFF;\n        --vl-text: #3D3D3D;\n        --vl-bg: #F2F7F4;\n        font-family: 'Inter', sans-serif;\n        background-color: var(--vl-bg);\n        overflow: hidden; \/* Hide scrollbar *\/\n        padding: 80px 0;\n    }\n    .carousel-header {\n        text-align: center;\n        margin-bottom: 40px;\n        padding: 0 20px;\n    }\n    .carousel-header h2 {\n        color: var(--vl-deep);\n        font-size: 36px;\n        font-weight: 600;\n        margin-bottom: 10px;\n        letter-spacing: -0.5px;\n    }\n    .carousel-header p {\n        color: #666;\n        font-size: 17px;\n    }\n    .carousel-container {\n        width: 100%;\n        overflow: hidden;\n        padding: 1rem 0;\n        position: relative;\n    }\n    \/* Fade edges for smooth look *\/\n    .carousel-container::before,\n    .carousel-container::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        width: 150px;\n        height: 100%;\n        z-index: 2;\n        pointer-events: none;\n    }\n    .carousel-container::before {\n        left: 0;\n        background: linear-gradient(to right, var(--vl-bg), transparent);\n    }\n    .carousel-container::after {\n        right: 0;\n        background: linear-gradient(to left, var(--vl-bg), transparent);\n    }\n    .carousel {\n        display: flex;\n        gap: 2rem;\n        padding: 2rem 1rem;\n        width: max-content; \/* Allow content to dictate width *\/\n        will-change: transform;\n        \/* Animation duration adapts to content length roughly *\/\n        animation: scroll 80s linear infinite; \n    }\n    .carousel:hover {\n        animation-play-state: paused;\n    }\n    .review-card {\n        flex-shrink: 0;\n        width: 400px;\n        position: relative;\n    }\n    .card-content {\n        background: var(--vl-white);\n        border-radius: 24px;\n        position: relative;\n        border: 1px solid rgba(79, 122, 88, 0.15); \/* Light Green Border *\/\n        height: 100%;\n        overflow: hidden;\n        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n        display: flex;\n        flex-direction: column;\n    }\n    .card-image {\n        width: 100%;\n        height: 220px;\n        object-fit: cover;\n        border-bottom: 4px solid var(--vl-deep); \/* Green accent line *\/\n    }\n    .card-body {\n        padding: 2rem;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n    \/* \"Verified\" Badge styling *\/\n    .location-tag {\n        position: absolute;\n        top: 1rem;\n        right: 1rem;\n        background: rgba(255, 255, 255, 0.95);\n        color: var(--vl-deep);\n        padding: 0.5rem 1rem;\n        border-radius: 100px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        backdrop-filter: blur(8px);\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n    .location-tag i {\n        color: var(--vl-accent);\n    }\n    .profile-info h3 {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin: 0 0 0.25rem 0;\n        color: var(--vl-deep);\n        letter-spacing: -0.02em;\n        line-height: 1.2;\n    }\n    .profile-info .role {\n        color: var(--vl-accent);\n        font-size: 0.875rem;\n        font-weight: 500;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .stars {\n        display: flex;\n        align-items: center;\n        gap: 0.25rem;\n        margin: 1rem 0;\n    }\n    .star {\n        color: var(--vl-accent);\n        font-size: 1rem;\n    }\n    .review-text {\n        line-height: 1.6;\n        font-size: 1rem;\n        color: #555;\n        margin: 0 0 1.5rem;\n        font-weight: 400;\n    }\n    .verified-footer {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-size: 0.8rem;\n        font-weight: 600;\n        color: var(--vl-deep);\n        padding-top: 1.5rem;\n        border-top: 1px solid rgba(0,0,0,0.05);\n        margin-top: auto; \/* Push to bottom *\/\n    }\n    .verified-footer i {\n        color: var(--vl-accent);\n    }\n    @keyframes scroll {\n        0% { transform: translateX(0); }\n        \/* Calculate based on 10 cards * 3 sets = 30 items. Adjust approx translation *\/\n        100% { transform: translateX(calc(-400px * 10 - 2rem * 10)); }\n    }\n    .review-card:hover .card-content {\n        transform: translateY(-10px);\n        box-shadow: \n            0 20px 30px -5px rgba(31, 62, 44, 0.1),\n            0 10px 10px -5px rgba(31, 62, 44, 0.04);\n        border-color: var(--vl-accent);\n    }\n    .trustpilot-button-container {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        padding-top: 2rem;\n    }\n    .trustpilot-button {\n        background: #00b67a; \/* Official Trustpilot Green *\/\n        color: white;\n        padding: 1rem 2.5rem;\n        border-radius: 100px;\n        font-weight: 600;\n        font-size: 1rem;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: none;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        text-align: center;\n        gap: 0.75rem;\n        box-shadow: 0 4px 15px rgba(0, 182, 122, 0.2);\n    }\n    .trustpilot-button:hover {\n        background: #009F6B;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(0, 182, 122, 0.3);\n    }\n    .trustpilot-button svg {\n        width: 24px;\n        height: 24px;\n        fill: currentColor;\n    }\n<\/style>\n<h2>Stories from the Vitality Community<\/h2>\n<p>Real results from people rewriting their approach to aging.<\/p>\n<p>        <a href=\"#\" target=\"_blank\" rel=\"noopener\"><br \/>\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 0l3.09 9.26L24 9.27l-6 5.73 2.18 9-8.18-5.18L3.82 24 6 14.73 0 9.27l8.91-.01z\"\/>\n            <\/svg><br \/>\n            Rated Excellent on Trustpilot<br \/>\n        <\/a><br \/>\n\t\t\t\t\t<!-- \n  EMBED INSTRUCTIONS:\n  Copy all the code below and paste it into a NEW Elementor \"HTML Code\" widget.\n  This is a standalone section.\n--><br \/>\n<!-- Custom CSS --><\/p>\n<style>\n    \/* Section specific styles *\/\n    .standard-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding-bottom: 24px;\n        margin-bottom: 24px;\n        border-bottom: 1px solid rgba(31, 62, 44, 0.08); \/* Subtle divider *\/\n    }\n    .standard-item:last-child {\n        border-bottom: none;\n        margin-bottom: 0;\n        padding-bottom: 0;\n    }\n    .check-icon-box {\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        background-color: #F0F7F4; \/* Lightest Sage *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        color: #4F7A58; \/* Moss Green *\/\n        font-size: 20px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n    }\n    .lab-image-container {\n        position: relative;\n        border-radius: 24px;\n        overflow: hidden;\n        height: 100%;\n        min-height: 500px;\n        box-shadow: 0 20px 50px rgba(31, 62, 44, 0.08);\n    }\n    .lab-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.7s ease;\n    }\n    .lab-image-container:hover .lab-image {\n        transform: scale(1.03); \/* Very subtle slow zoom *\/\n    }\n    \/* Floating Badge on Image *\/\n    .quality-badge {\n        position: absolute;\n        bottom: 30px;\n        left: 30px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(10px);\n        padding: 16px 24px;\n        border-radius: 12px;\n        border-left: 4px solid #4F7A58;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        max-width: 260px;\n    }\n<\/style>\n<p><!-- SECTION START --><\/p>\n<section>\n            <!-- LEFT COLUMN: Visual Block (Swapped) --><br \/>\n                    <!-- Image: Clean Lab Glassware + Plant (Nature meets Science) --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" \n                         alt=\"Vitality Logic Quality Assurance Lab\" \n                        ><br \/>\n                    <!-- Floating Badge --><\/p>\n<p>Vitality Standard<\/p>\n<p>100% Verified Potency<\/p>\n<p>            <!-- RIGHT COLUMN: Content & Standards (Swapped) --><br \/>\n                <!-- Header --><\/p>\n<h2>\n                        Quality You Can Trust<br \/>\n                    <\/h2>\n<p>\n                        Every formula meets strict purity, testing, and sourcing standards so you always know exactly what you&#8217;re putting into your body.\n                    <\/p>\n<p>                <!-- Standards List --><br \/>\n                    <!-- Point 1 --><\/p>\n<h3>Third-Party Lab Tested<\/h3>\n<p>\n                                Ensures potency, purity, and safety before any product reaches a customer.\n                            <\/p>\n<p>                    <!-- Point 2 --><\/p>\n<h3>Clean Ingredient Sourcing<\/h3>\n<p>\n                                Every ingredient is verified, ethically sourced, and screened for contaminants.\n                            <\/p>\n<p>                    <!-- Point 3 --><\/p>\n<h3>Manufactured in Certified Facilities<\/h3>\n<p>\n                                Produced in GMP-certified facilities following strict quality controls.\n                            <\/p>\n<p>                    <!-- Point 4 --><\/p>\n<h3>Non-GMO &#038; Free From Harsh Additives<\/h3>\n<p>\n                                No unnecessary fillers, artificial colors, or synthetic preservatives.\n                            <\/p>\n<\/section>\n<style>\n    \/* Reset box-sizing to prevent padding issues *\/\n    .video-section-wrapper * {\n        box-sizing: border-box;\n    }\n    .video-section-wrapper {\n        padding: 60px 20px;\n        background: #FFFFFF;\n        font-family: 'Inter', sans-serif;\n        width: 100%;\n        overflow-x: hidden;\n    }\n    .video-container {\n        position: relative;\n        width: 100%; \n        max-width: 1500px; \n        height: 800px; \/* Desktop Height *\/\n        margin: 0 auto;\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 20px 40px rgba(31, 62, 44, 0.15);\n        background: #000;\n        \/* Allow controls to be positioned absolutely relative to this *\/\n    }\n    .bg-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 0;\n    }\n    \/* Gradient Overlay *\/\n    .video-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(180deg, rgba(31, 62, 44, 0.2) 0%, rgba(31, 62, 44, 0.7) 100%);\n        z-index: 1;\n        pointer-events: none; \/* Let clicks pass through to video if needed *\/\n    }\n    .content-wrapper {\n        position: relative;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 0 24px;\n        pointer-events: none; \/* Allow clicks to pass through wrapper *\/\n    }\n    \/* Re-enable pointer events for interactive elements *\/\n    .content-wrapper a, \n    .content-wrapper button {\n        pointer-events: auto;\n    }\n    \/* Controls Styling *\/\n    .video-controls {\n        position: absolute;\n        bottom: 30px;\n        right: 30px;\n        z-index: 10;\n        display: flex;\n        gap: 12px;\n        background: rgba(31, 62, 44, 0.4); \/* Semi-transparent vitality green *\/\n        backdrop-filter: blur(8px);\n        padding: 10px;\n        border-radius: 50px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n    }\n    .control-btn {\n        background: transparent;\n        border: none;\n        color: #FFFFFF;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 18px;\n        transition: all 0.2s ease;\n    }\n    .control-btn:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: scale(1.1);\n    }\n    \/* Caption Styling *\/\n    .caption-container {\n        min-height: 140px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 20px;\n        width: 100%;\n    }\n    .caption-text {\n        font-size: 32px;\n        font-weight: 600;\n        color: #FFFFFF;\n        line-height: 1.3;\n        letter-spacing: -0.5px;\n        text-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        max-width: 800px;\n        width: 100%;\n        opacity: 0;\n        transform: translateY(10px);\n        transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n    }\n    .caption-text.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    @media (min-width: 1024px) {\n        .caption-text {\n            font-size: 48px;\n            line-height: 1.2;\n        }\n    }\n    \/* Button Styling *\/\n    .video-btn {\n        background-color: #FFFFFF;\n        color: #1F3E2C;\n        padding: 16px 36px;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 18px;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-top: 20px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n        text-decoration: none;\n    }\n    .video-btn:hover {\n        background-color: #E9DEC2;\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n    }\n    \/* MOBILE RESPONSIVENESS *\/\n    @media (max-width: 768px) {\n        .video-section-wrapper {\n            padding: 40px 15px;\n        }\n        .video-container {\n            height: 500px;\n            border-radius: 20px;\n        }\n        .caption-text {\n            font-size: 24px;\n            padding: 0 10px;\n        }\n        .video-btn {\n            font-size: 16px;\n            padding: 14px 28px;\n        }\n        \/* Adjust controls on mobile *\/\n        .video-controls {\n            bottom: 20px;\n            right: 20px;\n            padding: 8px;\n        }\n        .control-btn {\n            width: 36px;\n            height: 36px;\n            font-size: 16px;\n        }\n    }\n<\/style>\n<p>        <video id=\"vitalityVideo\" autoplay muted loop playsinline><source src=\"https:\/\/explorehellas.com\/wp-content\/uploads\/2025\/12\/Your-health-is-more-than-a-number.-2-1.mp4\"><\/video><br \/>\n            <button id=\"playPauseBtn\" aria-label=\"Play\/Pause\"><br \/>\n            <\/button><br \/>\n            <button id=\"muteBtn\" aria-label=\"Mute\/Unmute\"><br \/>\n            <\/button><\/p>\n<h2 id=\"captionText\">\n                    Your health is more than a number.<br \/>\n                <\/h2>\n<p>            <a href=\"#\"><br \/>\n                Explore Our Approach<br \/>\n            <\/a><br \/>\n<!-- Custom CSS --><\/p>\n<style>\n    .process-card {\n        background-color: #FFFFFF;\n        border-radius: 20px;\n        padding: 40px 30px;\n        transition: all 0.4s ease;\n        \/* Subtle Premium Shadow *\/\n        box-shadow: 0 8px 30px rgba(0,0,0,0.06);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        height: 100%;\n        position: relative;\n        z-index: 10;\n    }\n    .process-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 38px rgba(0,0,0,0.10);\n    }\n    .icon-circle {\n        width: 70px;\n        height: 70px;\n        background-color: #E9DEC2; \/* Tan Accent *\/\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n    }\n    .icon-circle i {\n        font-size: 28px;\n        color: #1F3E2C; \/* Deep Green Icon *\/\n    }\n    \/* Wave Shape Divider *\/\n    .custom-shape-divider-bottom {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        overflow: hidden;\n        line-height: 0;\n        transform: rotate(180deg);\n    }\n    .custom-shape-divider-bottom svg {\n        position: relative;\n        display: block;\n        width: calc(100% + 1.3px);\n        height: 120px; \/* Adjust height of wave here *\/\n    }\n    .custom-shape-divider-bottom .shape-fill {\n        fill: #FFFFFF; \/* Transition to white (next section) *\/\n    }\n<\/style>\n<p><!-- SECTION START --><\/p>\n<section>\n        <!-- 1. Header & Subtext --><\/p>\n<h2>\n                How Our Formulas Work\u2014<br \/>Backed by Science, Powered by Nature.<br \/>\n            <\/h2>\n<p>\n                Each Vitality Logic formula blends rigorous clinical research with high-purity natural ingredients,<br \/>\n                ensuring your body receives precise, bioavailable support to restore balance from the inside out.\n            <\/p>\n<p>        <!-- 2. The 3-Step Cards --><br \/>\n            <!-- Card 1: Research --><br \/>\n                     <!-- Flask Icon --><\/p>\n<h3>\n                    Research-Backed<br \/>\n                <\/h3>\n<p>\n                    We select only ingredients with proven clinical data to ensure maximum safety and efficacy.\n                <\/p>\n<p>            <!-- Card 2: Targeted Design --><br \/>\n                     <!-- Target Icon --><\/p>\n<h3>\n                    Targeted Design<br \/>\n                <\/h3>\n<p>\n                    Every blend is precision-crafted to address specific health goals for adults 45 and over.\n                <\/p>\n<p>            <!-- Card 3: Real Benefits --><br \/>\n                     <!-- Leaf\/Nature Icon --><\/p>\n<h3>\n                    Real-World Benefits<br \/>\n                <\/h3>\n<p>\n                    Experience tangible, consistent improvements in energy, mobility, and wellness you can feel.\n                <\/p>\n<p>        <!-- 3. CTA Button --><br \/>\n            <a href=\"#\"><br \/>\n                Explore Our Formulas<br \/>\n            <\/a><br \/>\n    <!-- 4. Wave Divider (Organic Transition) --><br \/>\n        <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n            <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\"><\/path>\n        <\/svg><br \/>\n<\/section>\n<p><!-- Custom CSS --><\/p>\n<style>\n    .support-section {\n        background-color: #F7FAF6; \/* Very light green-tinted white *\/\n        padding-top: 80px;\n        padding-bottom: 100px;\n    }\n    \/* --- TAGS --- *\/\n    .tag-container {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 12px;\n        max-width: 900px;\n        margin: 0 auto 60px auto; \/* Space below tags *\/\n    }\n    .vitality-tag {\n        background-color: #1F3E2C; \/* Deep Green *\/\n        color: #FFFFFF;\n        padding: 10px 24px;\n        border-radius: 50px; \/* Pill shape *\/\n        font-size: 14px;\n        font-weight: 500;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 10px rgba(31, 62, 44, 0.1);\n        display: inline-block;\n        border: 1px solid transparent;\n    }\n    .vitality-tag:hover {\n    background-color: #FFFFFF !important; \/* White background on hover *\/\n    color: #1F3E2C !important; \/* Deep green text on hover *\/\n    border: 1px solid #1F3E2C; \/* Optional: thin green outline for the reversed look *\/\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(31, 62, 44, 0.15);\n}\n    \/* --- CONTENT TILES --- *\/\n    .tile-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n    @media (min-width: 992px) {\n        .tile-grid {\n            grid-template-columns: 1fr 1fr; \/* Side by side *\/\n            gap: 40px;\n        }\n    }\n    .content-tile {\n        display: flex;\n        flex-direction: column;\n        border-radius: 20px;\n        overflow: hidden;\n        background: #FFFFFF;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease;\n        height: 100%;\n    }\n    .content-tile:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(31, 62, 44, 0.12);\n    }\n    \/* Top Half: Image *\/\n    .tile-img-wrapper {\n        width: 100%;\n        aspect-ratio: 16\/9; \/* Enforce 16:9 ratio *\/\n        position: relative;\n        overflow: hidden;\n    }\n    .tile-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.7s ease;\n    }\n    .content-tile:hover .tile-img {\n        transform: scale(1.05);\n    }\n    \/* Bottom Half: Content *\/\n    .tile-content {\n        background: linear-gradient(180deg, #F7F5EF 0%, #F2F7F4 100%); \/* Beige to Soft Green *\/\n        padding: 32px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        border-top: 1px solid rgba(31, 62, 44, 0.05);\n    }\n    .we-support-label {\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        color: #4F7A58; \/* Moss Green *\/\n        margin-bottom: 12px;\n        background: rgba(255,255,255,0.6);\n        padding: 4px 10px;\n        border-radius: 4px;\n    }\n    .tile-title {\n        font-size: 24px;\n        font-weight: 600;\n        color: #1F3E2C;\n        margin-bottom: 12px;\n        line-height: 1.3;\n    }\n    .tile-desc {\n        font-size: 16px;\n        color: #555;\n        line-height: 1.6;\n        margin-bottom: 24px;\n    }\n    .tile-link {\n        margin-top: auto;\n        font-size: 15px;\n        font-weight: 600;\n        color: #1F3E2C;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        transition: gap 0.2s ease;\n    }\n    .tile-link:hover {\n        gap: 12px;\n        color: #4F7A58;\n    }\n<\/style>\n<p><!-- SECTION START --><\/p>\n<section>\n        <!-- PART 1: HEADING BLOCK --><\/p>\n<h2>\n                Vitality Logic Support Network<br \/>\n            <\/h2>\n<p>\n                Whether you&#8217;re looking for targeted nutritional support or community connection, we have a pathway designed for your wellness journey.\n            <\/p>\n<p>        <!-- PART 2: ROUNDED TAG BUTTONS --><br \/>\n            <a href=\"#\">Joint Support<\/a><br \/>\n            <a href=\"#\">Gut Health<\/a><br \/>\n            <a href=\"#\">Heart &#038; Circulation<\/a><br \/>\n            <a href=\"#\">Immune Strength<\/a><br \/>\n            <a href=\"#\">Healthy Aging<\/a><br \/>\n            <a href=\"#\">Men\u2019s Wellness<\/a><br \/>\n            <a href=\"#\">Women\u2019s Wellness<\/a><br \/>\n            <a href=\"#\">Brain &#038; Focus<\/a><br \/>\n            <a href=\"#\">Energy &#038; Metabolism<\/a><br \/>\n            <a href=\"#\">Stress &#038; Mood<\/a><br \/>\n            <a href=\"#\">Mobility &#038; Flexibility<\/a><br \/>\n            <a href=\"#\">Blood Sugar Support<\/a><br \/>\n        <!-- PART 3: TWO LARGE SUPPORT TILES --><br \/>\n            <!-- Tile #1 --><br \/>\n                    <!-- Placeholder: Seniors\/Community --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9f50b?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" \n                         alt=\"Seniors exercising in a group\"><br \/>\n                    We Support<\/p>\n<h3>Vitality Strong Communities<\/h3>\n<p>\n                        We invest in research-backed support groups and community education programs that make healthy living accessible, ensuring that every generation has the tools to thrive together.\n                    <\/p>\n<p>                    <a href=\"#\">Learn More <\/a><br \/>\n            <!-- Tile #2 --><br \/>\n                    <!-- Placeholder: Women's Wellness Group --><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" \n                         alt=\"Women's wellness support group\"><br \/>\n                    We Support<\/p>\n<h3>Mind &#038; Body Wellness Network<\/h3>\n<p>\n                        True health connects the physical with the emotional. We sponsor mental health workshops, stress support circles, and lifestyle guides designed to restore balance to your daily rhythm.\n                    <\/p>\n<p>                    <a href=\"#\">Learn More <\/a><br \/>\n<\/section>\n<p>\t\t\t\t\t<!-- Custom CSS --><\/p>\n<style>\n    .footer-wrapper {\n        font-family: 'Inter', sans-serif;\n        color: #FFFFFF;\n    }\n    \/* Newsletter Section *\/\n    .newsletter-bar {\n        background-color: #264D36; \/* Slightly lighter green for contrast *\/\n        padding: 60px 20px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    .newsletter-input {\n        background: rgba(255, 255, 255, 0.1);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        color: #FFFFFF;\n        padding: 14px 20px;\n        border-radius: 50px;\n        width: 100%;\n        transition: all 0.3s ease;\n    }\n    .newsletter-input:focus {\n        background: rgba(255, 255, 255, 0.15);\n        border-color: #E9DEC2;\n        outline: none;\n    }\n    .newsletter-input::placeholder {\n        color: rgba(255, 255, 255, 0.6);\n    }\n    .newsletter-btn {\n        background-color: #E9DEC2;\n        color: #1F3E2C;\n        font-weight: 600;\n        padding: 14px 32px;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        white-space: nowrap;\n    }\n    .newsletter-btn:hover {\n        background-color: #FFFFFF;\n        transform: translateY(-2px);\n    }\n    \/* Main Footer *\/\n    .main-footer {\n        background-color: #1F3E2C;\n        padding: 80px 20px 60px;\n    }\n    .footer-heading {\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        color: #E9DEC2;\n        margin-bottom: 24px;\n    }\n    .footer-link {\n        display: block;\n        color: #D1D5DB;\n        margin-bottom: 12px;\n        font-size: 15px;\n        text-decoration: none;\n        transition: all 0.2s ease;\n    }\n    .footer-link:hover {\n        color: #FFFFFF;\n        transform: translateX(4px);\n    }\n    .contact-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        margin-bottom: 16px;\n        color: #D1D5DB;\n        font-size: 15px;\n        line-height: 1.6;\n    }\n    .contact-icon {\n        color: #E9DEC2;\n        margin-top: 4px;\n    }\n    \/* Bottom Bar *\/\n    .bottom-bar {\n        background-color: #1A3525; \/* Darker shade for bottom *\/\n        padding: 30px 20px;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        font-size: 13px;\n        color: #9CA3AF;\n    }\n    .legal-link {\n        color: #9CA3AF;\n        margin: 0 12px;\n        transition: color 0.2s ease;\n    }\n    .legal-link:hover {\n        color: #E9DEC2;\n        text-decoration: underline;\n    }\n    @media (max-width: 768px) {\n        .newsletter-form {\n            flex-direction: column;\n            gap: 16px;\n        }\n        .newsletter-btn {\n            width: 100%;\n        }\n    }\n<\/style>\n<p>    <!-- PART A: NEWSLETTER BAR --><br \/>\n                <!-- Text --><\/p>\n<h3>\n                        Join the Vitality Circle: Your Path to Better Wellness<br \/>\n                    <\/h3>\n<p>\n                        Sign up for science-guided health tips, new product launches, and exclusive member offers.\n                    <\/p>\n<p>                <!-- Form --><\/p>\n<form onsubmit=\"event.preventDefault();\">\n                        <input type=\"email\" placeholder=\"Enter your email address\" required><br \/>\n                        <button type=\"submit\">Subscribe<\/button><br \/>\n                    <\/form>\n<p>\n                        By subscribing, you agree to receive emails from Vitality Logic.\n                    <\/p>\n<p>    <!-- PART B: MAIN FOOTER CONTENT --><\/p>\n<footer>\n                <!-- Column 1: About --><\/p>\n<h4>Vitality Logic.<\/h4>\n<p>\n                        Vitality Logic is dedicated to developing research-guided wellness formulas designed to support longevity, mobility, digestion, and everyday vitality. Every product is crafted with nutrient-dense ingredients chosen for purity, evidence, and real-world results.\n                    <\/p>\n<p>                            1420 Old York Road, Suite 203<br \/>Riverview, FL 33718, USA<br \/>\n                            (888) 254-9081<br \/>\n                            support@vitalitylogic.com<br \/>\n                <!-- Column 2: Company --><\/p>\n<h5>Company<\/h5>\n<ul>\n<li><a href=\"#\">About Us<\/a><\/li>\n<li><a href=\"#\">Scientific Advisory Board<\/a><\/li>\n<li><a href=\"#\">Research Standards<\/a><\/li>\n<li><a href=\"#\">Charity &#038; Community Support<\/a><\/li>\n<li><a href=\"#\">Careers<\/a><\/li>\n<li><a href=\"#\">Blog<\/a><\/li>\n<li><a href=\"#\">Sustainability Commitment<\/a><\/li>\n<\/ul>\n<p>                <!-- Column 3: Help & Support --><\/p>\n<h5>Help &#038; Support<\/h5>\n<ul>\n<li><a href=\"#\">Contact Us<\/a><\/li>\n<li><a href=\"#\">FAQs<\/a><\/li>\n<li><a href=\"#\">Product Subscriptions<\/a><\/li>\n<li><a href=\"#\">Shipping &#038; Delivery<\/a><\/li>\n<li><a href=\"#\">Returns &#038; Refunds<\/a><\/li>\n<li><a href=\"#\">Wellness Guarantee<\/a><\/li>\n<li><a href=\"#\">Track Your Order<\/a><\/li>\n<li><a href=\"#\">Accessibility<\/a><\/li>\n<\/ul>\n<p>                <!-- Column 4: Shop Categories --><\/p>\n<h5>Shop Categories<\/h5>\n<ul>\n<li><a href=\"#\">Joint Support<\/a><\/li>\n<li><a href=\"#\">Immune Support<\/a><\/li>\n<li><a href=\"#\">Energy &#038; Vitality<\/a><\/li>\n<li><a href=\"#\">Gut &#038; Digestion<\/a><\/li>\n<li><a href=\"#\">Heart &#038; Circulation<\/a><\/li>\n<li><a href=\"#\">Men\u2019s Wellness<\/a><\/li>\n<li><a href=\"#\">Women\u2019s Wellness<\/a><\/li>\n<li><a href=\"#\">Shop All Products &rarr;<\/a><\/li>\n<\/ul>\n<\/footer>\n<p>    <!-- PART C: BOTTOM BAR --><br \/>\n                &copy; 2025 Vitality Logic. All Rights Reserved.<br \/>\n                <a href=\"#\">Privacy Policy<\/a><br \/>\n                |<br \/>\n                <a href=\"#\">Terms of Service<\/a><br \/>\n                |<br \/>\n                <a href=\"#\">Cookie Settings<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rediscover Your Vitality with Modern Wellness. Our scientifically aligned formulas support energy, mobility, and digestion, helping you embrace every day with confidence. Explore Our Formulas Learn how it works &rarr; Vitality Logic Joint Support Advanced Mobility Complex Why Vitality Logic Works Smart, research-backed nutrition designed specifically for the needs of adults 45+. Research-Aligned Developed using [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":140,"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/vitalitylogic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}