<div id="cpo-wrapper">
    <div id="reset-button">← Reset</div>
    <div id="cpo-screen-1">
        <h2 class="cpo-title">Cardio Policy Optimiser</h2>
        <div class="cpo-gray-block">
            <p class="cpo-intro text-center mb-5">
                The CPO Simulator allows you to visualize the impact of policies on cardiovascular health.<br /><br />
                On the next screens, set the simulation parameters such as country, year, gender, age, and the health policies you wish to analyze.<br /><br />
                The results will be displayed next, including comparisons of health gains between the 2025 baseline values and the selected year.<br /><br />
                Click "Next" to start the simulation.            </p>
            <button class="btn btn-gradient-outline mx-auto d-table cpo-button next fs-6 fw-bold px-3 py-2" data-screen="2">Next</button>
        </div>
    </div>

    <div id="cpo-screen-2" style="display: none;">
        <h2 class="cpo-title">Simulation Parameters</h2>
        <div class="cpo-gray-block">
            <p class="text-center mb-3 mx-5">Select the simulation parameters (country, year, gender, age) to define the population sample that will be impacted by your policy choices in the next screen.</p>
            <div class="cpo-parameters-form mt-5">
                <div class="cpo-form-group">
                    <label for="country-select">Country:</label>
                    <select required name="country" id="country-select" class="cpo-select">
                        <option value="" disabled>Select country</option>
                        <option value="portugal" selected>Portugal</option>
                    </select>
                </div>

                <div class="cpo-form-group">
                    <label for="year-select">Simulation Year:</label>
                    <select required name="year" id="year-select" class="cpo-select">
                        <option value="" disabled>Select year</option>
                        <option value="2025" selected>2025</option>
                        <option value="2026">2026</option>
                        <option value="2027">2027</option>
                        <option value="2028">2028</option>
                        <option value="2029">2029</option>
                        <option value="2030">2030</option>
                        <option value="2031">2031</option>
                        <option value="2032">2032</option>
                        <option value="2033">2033</option>
                        <option value="2034">2034</option>

                    </select>
                </div>

                <div class="cpo-form-group">
                    <label for="gender-select">Gender:</label>
                    <select required name="gender" id="gender-select" class="cpo-select">
                        <option value="" disabled>Select gender</option>
                        <option value="All" selected>All genders</option>
                        <option value="Males">Male</option>
                        <option value="Females">Female</option>
                    </select>
                </div>

                <div class="cpo-form-group">
                    <label for="age-select">Age:</label>
                    <select required name="age" id="age-select" class="cpo-select">
                        <option value="" disabled>Select age</option>
                        <option value="All" selected>All ages (20 years+)</option>
                        <option value="20-24">20-24</option>
                        <option value="25-29">25-29</option>
                        <option value="30-34">30-34</option>
                        <option value="35-39">35-39</option>
                        <option value="40-44">40-44</option>
                        <option value="45-49">45-49</option>
                        <option value="50-54">50-54</option>
                        <option value="55-59">55-59</option>
                        <option value="60-64">60-64</option>
                        <option value="65-69">65-69</option>
                        <option value="70-74">70-74</option>
                        <option value="75-79">75-79</option>
                        <option value="80-84">80-84</option>
                        <option value="85+">85+</option>
                    </select>
                </div>
            </div>

            <hr class="cpo-divider">
            <div class="d-flex justify-content-between align-items-center">
                <div id="clean-select" class="text-decoration-none" style="color: #444444;">Clear Selection</div>
                <button class="btn btn-gradient-outline cpo-button next" data-screen="3">Next</button>
            </div>
        </div>
    </div>


    <div id="cpo-screen-3" style="display: none;">
        <div class="text-center col-12 col-md-10 mx-auto mb-4">
            <h2 class="cpo-header mb-4" id="cpo-header-screen3">Policy Implementation Levels</h2>
            <p>Below are presented 12 public health policies with potential to reduce the impact of cardiovascular diseases in society.</p>
            <p>The policies have different implementation levels, from "No Implementation" to "Full Implementation". The default levels reflect the selected country current policy implementation.</p>
            <p>Please adjust the policy implementation levels that you wish to evaluate in this screen.</p>
        </div>
        <div class="cpo-gray-block">
            <h3 class="cpo-title">Prevention</h3>
            <div class="cpo-policy-group">
        <label for="smoke-policy" class="cpo-policy-label"><strong>Smoke-free environments and tobacco taxation.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Establishment of 100% smoke-free public spaces, including healthcare facilities, educational institutions, government buildings, workplaces, restaurants, bars, and public transportation.<br><br>Implementation of fiscal measures and pricing policies on tobacco products, aligned with public health goals, to reduce tobacco consumption.
">ⓘ</div></label>
        <input type="range" id="smoke-policy" name="smoke-policy" min="0" max="3" style="background: linear-gradient(270deg, #5CCC05 0.96%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="3" class="cpo-slider green" data-level-id="smoke-policy-level">
        <div class="cpo-policy-levels" id="smoke-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no regulations promoting smoke-free public spaces or tobacco taxation.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Some awareness campaigns and voluntary initiatives encourage smoke-free policies in healthcare and educational institutions.">ⓘ</div></div>
                        <div class="level-text " id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of smoke-free regulations in additional settings (e.g., government buildings and workplaces), supported by moderate tobacco taxation.">ⓘ</div></div>
            <div class="level-text selected" id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Total smoking ban in all indoor public spaces, enforcement of penalties for non-compliance, and progressive taxation on tobacco products, adjusted according to their health risk level.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="activity-policy" class="cpo-policy-label"><strong>Physical activity counseling programs and creation of healthy environments.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of physical activity counseling programs within healthcare services, along with technical training for professionals delivering these programs.<br><br>Development of environments that promote accessible and sustainable physical activity for all age groups and population segments, including educational institutions, workplaces, sports clubs, and public spaces, to encourage healthy lifestyles.
">ⓘ</div></label>
        <input type="range" id="activity-policy" name="activity-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="activity-policy-level">
        <div class="cpo-policy-levels" id="activity-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no public policies promoting physical activity or counseling programs.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Occasional counseling programs exist but are limited to specific population groups.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Physical activity counseling programs are available within healthcare services and supported by partnerships with community networks.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive and widespread implementation of physical activity counseling programs, supported by public policies that promote active lifestyles across urban, educational, and healthcare settings.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="media-policy" class="cpo-policy-label"><strong>Awareness campaigns on atherosclerosis and its risk factors.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Use of different communication channels to educate the public about atherosclerosis (ASCVD) risk factors, prevention strategies, treatment options, and the promotion of healthier lifestyles.">ⓘ</div></label>
        <input type="range" id="media-policy" name="media-policy" min="0" max="2" style="background: linear-gradient(270deg, rgb(255, 255, 255) 0.96%, rgb(255, 255, 255) 50%, rgb(228, 136, 28) 50.0%, rgb(224, 79, 79) 98.24%);" value="1" class="cpo-slider orange" data-level-id="media-policy-level">
        <div class="cpo-policy-levels" id="media-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no awareness campaigns specifically targeting atherosclerosis and its risk factors.">ⓘ</div></div>
            <div class="level-text selected" id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Awareness campaigns exist and are disseminated through different media channels, but with limited reach and impact.">ⓘ</div></div>
                        <div class="level-text " id="level-2">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Structured and widely disseminated awareness campaigns, supported by healthcare organizations, community groups, and media and advertising platforms.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="food-policy" class="cpo-policy-label"><strong>Reformulation of food products and promotion of interventions to reduce sugar, salt, and fat consumption.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of measures to reduce sugar, salt, and fat levels in processed and manufactured foods.<br><br>Establishment of nutritional targets for different food products and meals, including dietary guidelines for public institutions such as schools, hospitals, and workplaces.
">ⓘ</div></label>
        <input type="range" id="food-policy" name="food-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="food-policy-level">
        <div class="cpo-policy-levels" id="food-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no public policies aimed at reducing sugar, salt, and fat in food products.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Limited awareness campaigns promoting food reformulation and the reduction of sugar, salt, and fat consumption.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Awareness campaigns that educate citizens about food manufacturing processes and empower them to make informed choices, particularly regarding sugar, salt, and fat intake.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive awareness campaigns covering the entire population, ensuring consumer protection in food manufacturing processes and providing education on informed dietary choices. Includes the establishment of measurable nutritional targets.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="marketing-policy" class="cpo-policy-label"><strong>Restrictions on the marketing of foods high in sugar, salt, and fat.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of marketing restrictions, particularly targeting children (e.g., schools, television programs, public spaces), to limit the promotion of non-alcoholic foods and beverages with high sugar, salt, and fat content, as well as tobacco products.">ⓘ</div></label>
        <input type="range" id="marketing-policy" name="marketing-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="marketing-policy-level">
        <div class="cpo-policy-levels" id="marketing-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no restrictions on the marketing of foods high in sugar, salt, and fat.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Minimal restrictions aimed at reducing the marketing of unhealthy foods, including limitations on the time slots for advertisements.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Regulations in place to restrict marketing across multiple platforms, including media and social networks, with clear guidelines for advertisers.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive awareness campaigns, reinforced by regulations prohibiting the marketing of unhealthy foods across all media channels.">ⓘ</div></div>
                </div>
</div>
        </div>

        <div class="cpo-gray-block">
            <h3 class="cpo-title">Diagnostic</h3>
            <div class="cpo-policy-group">
        <label for="lpa-policy" class="cpo-policy-label"><strong>Universal Lp(a) testing at least once in a lifetime, especially for high-risk individuals.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Inclusion of Lp(a) testing as part of lipid screening for all individuals at least once in their lifetime, with a particular focus on those at high risk of cardiovascular disease, considering an active assessment of family history (premature atherosclerosis, familial hypercholesterolemia, or calcified aortic stenosis).">ⓘ</div></label>
        <input type="range" id="lpa-policy" name="lpa-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 66.46%, #E4881C 66.46%, #E04F4F 98.24%);" value="1" class="cpo-slider orange" data-level-id="lpa-policy-level">
        <div class="cpo-policy-levels" id="lpa-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Lp(a) testing is not conducted and awareness of its impact as a cardiovascular risk factor is minimal.">ⓘ</div></div>
            <div class="level-text selected" id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Lp(a) testing is available only for select high-risk populations.">ⓘ</div></div>
                        <div class="level-text " id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Clinical guidelines exist and Lp(a) testing is implemented for high-risk population groups.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Universal Lp(a) testing is available at least once in a lifetime, supported by clear guidelines, healthcare professional training, and public awareness campaigns.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="ldlc-policy" class="cpo-policy-label"><strong>LDL-C screening programs.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of regular LDL cholesterol (LDL-C) screening programs, with a particular focus on high-risk groups, aimed at identifying cases of dyslipidemia.">ⓘ</div></label>
        <input type="range" id="ldlc-policy" name="ldlc-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="ldlc-policy-level">
        <div class="cpo-policy-levels" id="ldlc-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="LDL-C screening is nonexistent or highly limited, with no specific public health guidelines for its monitoring.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Occasional LDL-C screenings, primarily for high-risk populations, complemented by awareness campaigns on the risks associated with high cholesterol.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Moderate implementation of LDL-C screening programs within primary care practices, following standardized protocols and supported by awareness campaigns on cholesterol-related risks.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive screening and monitoring of target populations, fully integrated with awareness campaigns on the risks of high cholesterol.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="hypertension-policy" class="cpo-policy-label"><strong>Hypertension screening programs.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Implementation of regular hypertension screening programs, including high-risk populations, to enable early detection of elevated blood pressure and ensure timely management and treatment.">ⓘ</div></label>
        <input type="range" id="hypertension-policy" name="hypertension-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="hypertension-policy-level">
        <div class="cpo-policy-levels" id="hypertension-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Hypertension screening is nonexistent, with no awareness campaigns or specific public health guidelines.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Occasional hypertension screenings are conducted, primarily targeting high-risk populations, accompanied by some awareness campaigns and public health guidelines on the risks of the disease.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Systematic hypertension screenings are conducted at least for high-risk groups, supported by awareness campaigns and directives encouraging regular blood pressure measurement during medical consultations.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Regular hypertension screenings are conducted for all recommended population groups, complemented by awareness campaigns and directives promoting routine blood pressure measurement during medical consultations.">ⓘ</div></div>
                </div>
</div>
        </div>

        <div class="cpo-gray-block">
            <h3 class="cpo-title">Treatment</h3>
            <div class="cpo-policy-group">
        <label for="vulnerable-policy" class="cpo-policy-label"><strong>Access to healthcare services for vulnerable populations.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Ensuring access to healthcare services for populations with some degree of vulnerability.">ⓘ</div></label>
        <input type="range" id="vulnerable-policy" name="vulnerable-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="vulnerable-policy-level">
        <div class="cpo-policy-levels" id="vulnerable-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no programs to improve access to prevention, diagnosis, and treatment services for atherosclerosis in vulnerable populations.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Extension programs are available but provide only basic services for the prevention, diagnosis, and treatment of atherosclerosis in healthcare facilities.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Development of prevention, diagnosis, and treatment programs specifically for vulnerable populations. This includes community clinics or mobile health units offering preventive screenings, early intervention services, and financial assistance when necessary.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive coverage by healthcare providers, ensuring access to preventive services, diagnostic tests, medications, and specialized treatments, with a tendency toward free care for vulnerable populations.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="patient-policy" class="cpo-policy-label"><strong>Patient-centered healthcare services accessible for all.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Prioritizing the needs, preferences, and values of individuals affected by atherosclerosis. Encouraging shared decision-making between patients and healthcare providers to ensure treatment plans align with patients' goals and circumstances, improving adherence to treatment.">ⓘ</div></label>
        <input type="range" id="patient-policy" name="patient-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="patient-policy-level">
        <div class="cpo-policy-levels" id="patient-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no patient-centered care approaches for the treatment of atherosclerosis.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="A patient-centered approach is developed, incorporating shared decision-making tools, health coaching, and care coordination services as part of routine practice.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Personalized care is provided, supported by digital health technologies such as telehealth and secure communication platforms, alongside continuous training for healthcare professionals on patient-centered practices.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive patient-centered healthcare services covering the entire population.">ⓘ</div></div>
                </div>
</div>
            <hr>
        </div>

        <div class="cpo-gray-block">
            <h3 class="cpo-title">Linkage-to-Care</h3>
            <div class="cpo-policy-group">
        <label for="education-policy" class="cpo-policy-label"><strong>Improving health education for all.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Measures aimed at enhancing health education to promote individual and caregiver responsibility for health. These initiatives focus on increasing awareness of atherosclerosis risk factors, encouraging informed lifestyle choices, understanding treatment options, seeking timely medical care, and actively managing both personal and dependent cardiovascular health.">ⓘ</div></label>
        <input type="range" id="education-policy" name="education-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="education-policy-level">
        <div class="cpo-policy-levels" id="education-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="There are no educational resources available for the general public, patients, or informal caregivers regarding atherosclerosis and its risk factors.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Occasional awareness campaigns on atherosclerosis and its risk factors are available, but they are restricted to specific contexts and audiences.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Awareness campaigns are complemented by structured health literacy and citizenship programs in various formats (e.g., brochures, online resources, community workshops). Healthcare professionals receive ongoing training in both technical content and patient communication.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive awareness campaigns are delivered through multiple formats and channels, alongside integrated health literacy and citizenship initiatives in healthcare institutions, educational settings, and workplaces.">ⓘ</div></div>
                </div>
</div>
            <hr>
            <div class="cpo-policy-group">
        <label for="tech-policy" class="cpo-policy-label"><strong>Improvement of health information technology assessment for healthcare professionals.</strong><div class="policy-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Utilization of digital tools and platforms to optimize training, inter-institutional communication in healthcare services, management, dissemination, and accessibility of information on atherosclerosis and its risk factors. These measures facilitate more efficient and effective healthcare delivery while optimizing decision-making, monitoring, and epidemiological processes.">ⓘ</div></label>
        <input type="range" id="tech-policy" name="tech-policy" min="0" max="3" style="background: linear-gradient(270deg, #FFF 0.96%, #FFF 33.42%, #FFB800 33.42%, #E4881C 66.46%, #E04F4F 98.24%);" value="2" class="cpo-slider yellow" data-level-id="tech-policy-level">
        <div class="cpo-policy-levels" id="tech-policy-level">
            <div class="level-text " id="level-0">No Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Digital health technologies are not used in the management of atherosclerosis and its risk factors.">ⓘ</div></div>
            <div class="level-text " id="level-1">Limited Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Basic decision-support digital tools are available in a limited capacity to assist healthcare providers in service communication, risk assessment, and treatment planning for atherosclerosis.">ⓘ</div></div>
                        <div class="level-text selected" id="level-2">Moderate Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Comprehensive digital systems are in place for health records and communication between services across all healthcare settings. These are complemented by digital platforms for patients, enabling access to medical records, educational resources, and remote monitoring.">ⓘ</div></div>
            <div class="level-text " id="level-3">Total Implementation<div class="level-info" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=100
             data-bs-html="true" data-bs-container="body" data-bs-title="Advanced electronic health record systems with predictive analytics capabilities are fully utilized to identify individuals at risk. Complete integration of communication and management across healthcare services, supported by telehealth technologies and remote monitoring.">ⓘ</div></div>
                </div>
</div>
            <hr>
        </div>

        <div class="cpo-gray-block">
            <div class="d-flex justify-content-between align-items-center">
                <div id="clean-policies" class="text-decoration-none" style="color: #444444;">Clear Selection</div>
                <button id="simulate-btn" class="btn btn-gradient-outline cpo-button">
                    <span>Simulate</span>
                    <div id="simulation-progress-wrapper" style="display:none; width: 100%; margin-top: 6px;">
                        <div style="width: 100%; height: 10px; border: 1px solid #ccc; border-radius: 10px; background-color: #f3f3f3; overflow: hidden;">
                            <div id="simulation-progress-bar" style="width: 0%; height: 100%; background: linear-gradient(to right, #e04f4f, #4296d3) border-box; border-radius: 10px;"></div>
                        </div>
                    </div>
                </button>
            </div>
        </div>

    </div>

    <div id="cpo-screen-4" style="display: none;">
        <h1 class="pb-4">Simulation Results</h1>
        <p style="margin-bottom: 7rem; text-align: center; padding: 0px 70px;">Below are presented the results of your simulation, depending on the chosen policy implementation levels for the chosen population sample, in which green values represent improvements in health, and red values represent losses in health.</p>
        
        <div class="cpo-gray-block" style="
            padding: 100px 50px 0px;
            margin-bottom: 100px;
        ">
            <div class="section-title-wrapper">
                <div class="section-title-box" style="
                    height: 144px;
                    width: 700px;
                    top: -80px;               
                    align-content: center;
                ">
                    <h3 class="section-title">Cardiovascular Disease  Risk Profiles</h3>
                </div>
            </div>

            <div class="cpo-section">
                <h4 class="section-subtitle">Prevalence of Lifestyle Factors</h4>
                <div class="cpo-result-cards">
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/sedentarismo.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Sedentarism<div id="sedentarismo-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with a sedentary lifestyle, according to the <b>WHO</b>.*<br><br>*<b>Note</b>: People who do not perform at least 150 minutes of moderate physical activity per week, 75 minutes of vigorous physical activity per week, or an equivalent combination of both.">ⓘ</div></div>
        <div id="sedentarismo-value" class="cpo-card-value negative">##.#%</div>
        <div id="sedentarismo-change" class="cpo-card-change">##.#% ((- #.#% pp)<br>Current Policies</div>
    </div>
</div>                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/tabagismo.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Smoking<div id="tabagismo-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population who smoke daily and/or occasionally.">ⓘ</div></div>
        <div id="tabagismo-value" class="cpo-card-value negative">##.#%</div>
        <div id="tabagismo-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>                </div>
                <h4 class="section-subtitle">Prevalence of Comorbidities</h4>
                <div class="cpo-result-cards">
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/diabetes.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Type 2 Diabetes<div id="diabetes-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with type 2 diabetes, according to clinical criteria. *<br><br>*Note: People with fasting plasma glucose ≥126 mg/dL (≥7.0 mmol/L), classic symptoms of diabetes, fasting plasma glucose ≥200 mg/dL (≥11.1 mmol/L) after an oral glucose tolerance test or undergoing treatment for diabetes.<br><br>1 <a href=https://pubmed.ncbi.nlm.nih.gov/20734573/>https://pubmed.ncbi.nlm.nih.gov/20734573/</a><br>2 <a href=https://pubmed.ncbi.nlm.nih.gov/37372830/>https://pubmed.ncbi.nlm.nih.gov/37372830/</a>">ⓘ</div></div>
        <div id="diabetes-value" class="cpo-card-value negative">##.#%</div>
        <div id="diabetes-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>                    
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/hipertensao.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Hypertension<div id="hipertensao-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with hypertension, according to the <b>WHO.</b>*<br><br>
*<b>Note</b>: People with systolic blood pressure ≥140 mmHg and/or diastolic blood pressure ≥90 mmHg.">ⓘ</div></div>
        <div id="hipertensao-value" class="cpo-card-value negative">##.#%</div>
        <div id="hipertensao-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/obesidade.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Obesity<div id="obesidade-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with obesity, according to the <b>WHO</b>.*<br><br>
*<b>Note</b>: People with a body mass index (BMI) ≥30 kg/m².
">ⓘ</div></div>
        <div id="obesidade-value" class="cpo-card-value negative">##.#%</div>
        <div id="obesidade-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/figado.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Liver and Kidney Disease<div id="figado-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with liver and kidney disease, according to official data from the <b>National Health Survey. </b>">ⓘ</div></div>
        <div id="figado-value" class="cpo-card-value negative">##.#%</div>
        <div id="figado-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/menopausa.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Premature Menopause<div id="menopausa-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with premature menopause, according to the <b>WHO</b>.*<br><br>
*<b>Note</b>: Women who experience the cessation of ovarian function and the end of menstruation before the age of 40.">ⓘ</div></div>
        <div id="menopausa-value" class="cpo-card-value negative">##.#%</div>
        <div id="menopausa-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>                </div>    
                <h4 class="section-subtitle">Prevalence of Genetic Conditions</h4>
                <div class="cpo-result-cards">    
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/colesterol.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Familial Hypercholesterolemia<div id="colesterol-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with familial hypercholesterolemia, according to the <b>American Heart Association</b> and the <b>Instituto Nacional de Saúde Doutor Ricardo Jorge.</b>*<br><br>
<b>Note</b>: A genetic lipid metabolism disorder associated with high cardiovascular risk, characterized by very high total and LDL cholesterol levels from birth, resulting from impaired cholesterol recycling. Main genes involved: <br><br><b>LDLR</b> (85-90%), <b>APOB</b> (5-8%), and <b>PCSK9</b> (1-2%).
">ⓘ</div></div>
        <div id="colesterol-value" class="cpo-card-value negative">##.#%</div>
        <div id="colesterol-change" class="cpo-card-change">##.#% (- #.#% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/lpa.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">High Lp(a)<div id="lpa-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of the population with elevated Lp(a) levels, according to the <b>American Heart Association.</b>*<br><br>
*<b>Note</b>: People with Lp(a) values >50 mg/dL or ~100-125 nmol/L.
">ⓘ</div></div>
        <div id="lpa-value" class="cpo-card-value negative">##.#%</div>
        <div id="lpa-change" class="cpo-card-change">##.#% ((- #.#% pp)<br>Current Policies</div>
    </div>
</div>                </div>
            </div>
        </div>

        <div class="cpo-gray-block" style="
            padding: 100px 50px 0px;
            margin-bottom: 100px;
        ">
            <div class="section-title-wrapper">
                <div class="section-title-box">
                    <h3 class="section-title">Health Outcomes</h3>
                </div>
            </div>

            <div class="cpo-section">
                <div class="cpo-result-cards">
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/incidencia.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Incidence of Hypercholesterolemia<div id="incidencia-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Estimated percentage of new cases of hypercholesterolemia* per year and 100,000 inhabitants.<br>*Note: People with total cholesterol levels ≥ 190mg/dL or ≥200 mg/dL.">ⓘ</div></div>
        <div id="incidencia-value" class="cpo-card-value positive">202</div>
        <div id="incidencia-change" class="cpo-card-change">206 (- 1.94% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/prevalencia.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Prevalence of Hypercholesterolemia<div id="prevalencia-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Percentage of population with hypercholesterolemia, according to WHO.* <br>*Note: People with total cholesterol levels ≥ 190mg/dL or ≥200 mg/dL.">ⓘ</div></div>
        <div id="prevalencia-value" class="cpo-card-value negative">23030</div>
        <div id="prevalencia-change" class="cpo-card-change">22828 (+ 0.88% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/mortes.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Deaths<div id="mortes-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Total number of deaths related to atherosclerosis.">ⓘ</div></div>
        <div id="mortes-value" class="cpo-card-value positive">68</div>
        <div id="mortes-change" class="cpo-card-change">69 (- 1.449% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/hospitalizacoes.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Hospitalizations<div id="hospitalizacoes-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Total number of hospitalizations related to atherosclerosis.">ⓘ</div></div>
        <div id="hospitalizacoes-value" class="cpo-card-value negative">913</div>
        <div id="hospitalizacoes-change" class="cpo-card-change">206 (+ 0.88% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/urgencias.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Urgency  Care Visits<div id="urgencias-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Total number of atherosclerosis-related emergency episodes.">ⓘ</div></div>
        <div id="urgencias-value" class="cpo-card-value negative">2739</div>
        <div id="urgencias-change" class="cpo-card-change">206 (+ 0.91% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/cuidados.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Primary  Care Visits<div id="cuidados-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Total number of primary health care consultations related to atherosclerosis.">ⓘ</div></div>
        <div id="cuidados-value" class="cpo-card-value negative">9588</div>
        <div id="cuidados-change" class="cpo-card-change">206 (+ 0.89% pp)<br>Current Policies</div>
    </div>
</div>                </div>
            </div>
        </div>
        
        <div class="cpo-gray-block" style="
            padding: 100px 50px 0px;
            margin-bottom: 100px;
        ">
            <div class="section-title-wrapper">
                <div class="section-title-box">
                    <h3 class="section-title">Economic Outcomes</h3>
                </div>
            </div>

            <div class="cpo-section">
                <div class="cpo-result-cards">
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/custos_internamentos.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Hospitalization Costs<div id="custos_internamentos-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Costs resulting from hospitalizations related to atherosclerosis.">ⓘ</div></div>
        <div id="custos_internamentos-value" class="cpo-card-value negative">809 973 €</div>
        <div id="custos_internamentos-change" class="cpo-card-change">783354 € (+ 3.4% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/custos_cuidados.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Primary Care Visits Costs<div id="custos_cuidados-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Costs associated with primary health care consultations related to atherosclerosis.">ⓘ</div></div>
        <div id="custos_cuidados-value" class="cpo-card-value negative">277 615 €</div>
        <div id="custos_cuidados-change" class="cpo-card-change">268464 (+ 3.41% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/custos_medicamentos.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Medication  Costs<div id="custos_medicamentos-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Costs related to medications used in the treatment of atherosclerosis manifestations.">ⓘ</div></div>
        <div id="custos_medicamentos-value" class="cpo-card-value negative">15 863 064 €</div>
        <div id="custos_medicamentos-change" class="cpo-card-change">15340416 € (+ 3.41% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/dias_perdidos.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Lost  Workdays<div id="dias_perdidos-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Number of workdays lost due to atherosclerosis.">ⓘ</div></div>
        <div id="dias_perdidos-value" class="cpo-card-value negative">276360</div>
        <div id="dias_perdidos-change" class="cpo-card-change">273936 ((+ 0.88% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/custos_absentismo.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Absentism Costs<div id="custos_absentismo-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Costs associated with absenteeism related to atherosclerosis.">ⓘ</div></div>
        <div id="custos_absentismo-value" class="cpo-card-value negative">809 973 €</div>
        <div id="custos_absentismo-change" class="cpo-card-change">783354 € (+ 3.4% pp)<br>Current Policies</div>
    </div>
</div>
                    <div class="cpo-result-card">
    <div class="cpo-card-icon cpo-overlap-icon">
        <img src="/wp-content/plugins/cpo-calculator/images/custos_trabalho.svg" alt="Icon">
    </div>
    <div class="cpo-card-content">
        <div class="cpo-card-title">Labor Force Nonparticipation<div id="custos_trabalho-tooltip" class="policy-info d-inline ms-3" 
             data-bs-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="custom-tooltip" data-bs-delay-show=100 data-bs-delay-hide=1000
             data-bs-html="true" data-bs-container="body" data-bs-title="Costs associated with non-participation in the labor market due to atherosclerosis.">ⓘ</div></div>
        <div id="custos_trabalho-value" class="cpo-card-value negative">15 863 064 €</div>
        <div id="custos_trabalho-change" class="cpo-card-change">15340416 € (+ 3.41% pp)<br>Current Policies</div>
    </div>
</div>                </div>
            </div>
        </div>
               
        <div class="cpo-gray-block" style="text-align: center;">
            <button class="btn btn-gradient-outline cpo-button next" data-screen="1">Simulate new scenarios</button>
        </div>
    </div>
    <div id="comparison-results"></div>
    <div id="mobile-comparison-container"></div>
</div>

<div id="fixed-summary" class="cpo-fixed-summary py-4" style="display: none;">
    <div class="d-flex flex-row justify-content-between align-items-center">
        <div class="d-flex flex-column">
            <div class="field-name">Country</div>
            <div id="selected-country" class="field-value">Portugal</div>
        </div>
        <div class="d-flex flex-column">
            <div class="field-name">Simulation Year</div>
            <div id="selected-year" class="field-value">2025</div>
        </div>
        <div class="d-flex flex-column">
            <div class="field-name">Gender</div>
            <div id="selected-gender" class="field-value">Feminino</div>
        </div>
        <div class="d-flex flex-column">
            <div class="field-name">Age</div>
            <div id="selected-age" class="field-value">45-49 anos</div>
        </div>
        <div id="compare-button-wrapper" class="button-wrapper" style="display: none;">
            <button class="btn btn-gradient-outline cpo-button" id="compare-results">
                Compare Results            </button>
        </div>
        <div id="reset-button-wrapper" class="button-wrapper" style="display: none;">
            <button class="btn btn-gradient-outline cpo-button next" data-screen="2">Simulate new scenarios</button>
        </div>
    </div>
</div>


<script>
    function updateSlider(slider, levelId) {
        const value = slider.value;
        const percentage = (value - 1) * 33.33;
        slider.style.background = `linear-gradient(to right, #E04F4F ${percentage}%, #ffffff ${percentage}%, #ffffff 100%)`;

        const levelTexts = document.querySelectorAll(`#${levelId} .level-text`);
        levelTexts.forEach(text => text.style.color = "#888");

        if (value >= 1 && value <= 4) {
            document.querySelector(`#${levelId} #level-${value}`).style.color = "#000";
        }
    }

    function nextScreen(screenNumber) {
        document.querySelectorAll("[id^=cpo-screen]").forEach(screen => screen.style.display = "none");
        document.querySelectorAll("#cpo-header-screen3").forEach(header => header.style.display = "none");

        document.getElementById("cpo-screen-" + screenNumber).style.display = "block";
        if (screenNumber === 3) {
            document.getElementById("cpo-header-screen3").style.display = "block";
        }
    }
    
    </script>{"id":206,"date":"2024-11-13T13:54:43","date_gmt":"2024-11-13T13:54:43","guid":{"rendered":"https:\/\/cpo.lpmcom.pt\/home\/"},"modified":"2025-10-28T14:58:25","modified_gmt":"2025-10-28T14:58:25","slug":"home","status":"publish","type":"page","link":"https:\/\/cpoproject.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-206","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - CPO - Cardio Policy Optimizer<\/title>\n<meta name=\"description\" content=\"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cpoproject.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - CPO - Cardio Policy Optimizer\" \/>\n<meta property=\"og:description\" content=\"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cpoproject.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"CPO - Cardio Policy Optimizer\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-28T14:58:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cpoproject.com\/en\/\",\"url\":\"https:\/\/cpoproject.com\/en\/\",\"name\":\"Home - CPO - Cardio Policy Optimizer\",\"isPartOf\":{\"@id\":\"https:\/\/cpoproject.com\/en\/#website\"},\"datePublished\":\"2024-11-13T13:54:43+00:00\",\"dateModified\":\"2025-10-28T14:58:25+00:00\",\"description\":\"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.\",\"breadcrumb\":{\"@id\":\"https:\/\/cpoproject.com\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cpoproject.com\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cpoproject.com\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/cpoproject.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cpoproject.com\/en\/#website\",\"url\":\"https:\/\/cpoproject.com\/en\/\",\"name\":\"CPO - Cardio Policy Optimizer\",\"description\":\"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.\",\"publisher\":{\"@id\":\"https:\/\/cpoproject.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cpoproject.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cpoproject.com\/en\/#organization\",\"name\":\"CPO - Cardio Policy Optimizer\",\"url\":\"https:\/\/cpoproject.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cpoproject.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png\",\"contentUrl\":\"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"CPO - Cardio Policy Optimizer\"},\"image\":{\"@id\":\"https:\/\/cpoproject.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - CPO - Cardio Policy Optimizer","description":"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cpoproject.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Home - CPO - Cardio Policy Optimizer","og_description":"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.","og_url":"https:\/\/cpoproject.com\/en\/","og_site_name":"CPO - Cardio Policy Optimizer","article_modified_time":"2025-10-28T14:58:25+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cpoproject.com\/en\/","url":"https:\/\/cpoproject.com\/en\/","name":"Home - CPO - Cardio Policy Optimizer","isPartOf":{"@id":"https:\/\/cpoproject.com\/en\/#website"},"datePublished":"2024-11-13T13:54:43+00:00","dateModified":"2025-10-28T14:58:25+00:00","description":"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.","breadcrumb":{"@id":"https:\/\/cpoproject.com\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cpoproject.com\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cpoproject.com\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/cpoproject.com\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/cpoproject.com\/en\/#website","url":"https:\/\/cpoproject.com\/en\/","name":"CPO - Cardio Policy Optimizer","description":"O CPO \u00e9 ferramenta digital gratuita para profissionais de sa\u00fade e decisores. Baseada em evid\u00eancias, an app ajuda a otimizar pol\u00edticas de preven\u00e7\u00e3o e combate a doen\u00e7as cardiovasculares.","publisher":{"@id":"https:\/\/cpoproject.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cpoproject.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cpoproject.com\/en\/#organization","name":"CPO - Cardio Policy Optimizer","url":"https:\/\/cpoproject.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cpoproject.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png","contentUrl":"https:\/\/cpoproject.com\/wp-content\/uploads\/2025\/07\/Icon-Light-1024x1024-1.png","width":1024,"height":1024,"caption":"CPO - Cardio Policy Optimizer"},"image":{"@id":"https:\/\/cpoproject.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/pages\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":21,"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/pages\/206\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/cpoproject.com\/en\/wp-json\/wp\/v2\/media?parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}