body {\n    font-family: 'Open Sans', 'Lato', sans-serif;\n    color: #5F7470;\n    background-color: #F0F2EB;\n    line-height: 1.6;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Montserrat', 'Poppins', sans-serif;\n    color: #5F7470;\n    font-weight: 700;\n}\n\nh1 {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n}\n\nh2 {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n}\n\nh3 {\n    font-size: 1.5rem;\n    font-weight: 500;\n    margin-bottom: 0.75rem;\n}\n\na {\n    color: #A0C1B8;\n    text-decoration: none;\n}\n\na:hover {\n    color: #5F7470;\n    text-decoration: underline;\n}\n\n.navbar {\n    background-color: #F0F2EB;\n    box-shadow: 0 2px 4px rgba(0,0,0,.05);\n}\n\n.navbar-brand {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.8rem;\n    color: #5F7470 !important;\n}\n\n.nav-link {\n    color: #5F7470 !important;\n    font-weight: 600;\n    padding: 0.5rem 1rem;\n}\n\n.nav-link:hover,\n.nav-item.active .nav-link {\n    color: #A0C1B8 !important;\n}\n\n.btn-primary {\n    background-color: #A0C1B8;\n    border-color: #A0C1B8;\n    color: #F0F2EB;\n    border-radius: 0.5rem;\n    padding: 0.75rem 1.5rem;\n    font-weight: 600;\n}\n\n.btn-primary:hover {\n    background-color: #5F7470;\n    border-color: #5F7470;\n}\n\n.btn-secondary {\n    background-color: #E0E7DC;\n    border-color: #E0E7DC;\n    color: #5F7470;\n    border-radius: 0.5rem;\n    padding: 0.75rem 1.5rem;\n    font-weight: 600;\n}\n\n.btn-secondary:hover {\n    background-color: #A0C1B8;\n    border-color: #A0C1B8;\n    color: #F0F2EB;\n}\n\n.hero-section {\n    background-color: #E0E7DC;\n    padding: 8rem 0 4rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.hero-section img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 0;\n    opacity: 0.3;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 1;\n    color: #5F7470;\n}\n\n.section-padding {\n    padding: 4rem 0;\n}\n\n.card {\n    border: none;\n    border-radius: 0.75rem;\n    box-shadow: 0 4px 8px rgba(0,0,0,.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    background-color: #fff;\n}\n\n.card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 16px rgba(0,0,0,.1);\n}\n\n.card-body {\n    padding: 1.5rem;\n}\n\n.card-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    color: #5F7470;\n}\n\n.blog-card img {\n    border-radius: 0.75rem 0.75rem 0 0;\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n}\n\n.blog-previews {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n}\n\n.blog-previews .blog-card h3 a {\n    color: #5F7470;\n    font-weight: 600;\n    transition: color 0.3s ease;\n}\n\n.blog-previews .blog-card h3 a:hover {\n    color: #A0C1B8;\n}\n\n.footer {\n    background-color: #5F7470;\n    color: #E0E7DC;\n    padding: 2rem 0;\n    font-size: 0.9rem;\n}\n\n.footer a {\n    color: #A0C1B8;\n}\n\n.footer a:hover {\n    color: #F0F2EB;\n}\n\n.disclaimer-section {\n    background-color: #E0E7DC;\n    color: #5F7470;\n    padding: 2rem 0;\n    font-size: 0.9rem;\n    border-top: 1px solid #A0C1B8;\n}\n\n.disclaimer-section h2 {\n    color: #5F7470;\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n}\n\n.cookie-banner {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background-color: #5F7470;\n    color: #F0F2EB;\n    padding: 1rem 0;\n    text-align: center;\n    z-index: 1000;\n    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n    display: none; /* Hidden by default */\n}\n\n.cookie-banner .container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.cookie-banner p {\n    margin-bottom: 1rem;\n    font-size: 0.9rem;\n}\n\n.cookie-banner .cookie-buttons button, .cookie-banner .cookie-buttons a {\n    margin: 0.5rem;\n    min-width: 120px;\n}\n\n@media (min-width: 768px) {\n    .cookie-banner .container {\n        flex-direction: row;\n        justify-content: center;\n    }\n    .cookie-banner p {\n        margin-bottom: 0;\n        margin-right: 1.5rem;\n    }\n}\n\n.list-unstyled.principles li {\n    position: relative;\n    padding-left: 2rem;\n    margin-bottom: 0.75rem;\n}\n\n.list-unstyled.principles li::before {\n    content: '✔'; /* Example CSS icon */\n    color: #A0C1B8;\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n}\n\n.myth-fact-item {\n    margin-bottom: 1.5rem;\n    border: 1px solid #E0E7DC;\n    border-radius: 0.5rem;\n    overflow: hidden;\n}\n\n.myth-fact-header {\n    background-color: #E0E7DC;\n    padding: 1rem 1.5rem;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.myth-fact-header h3 {\n    margin: 0;\n    color: #5F7470;\n}\n\n.myth-fact-header .icon {\n    font-size: 1.5rem;\n    color: #A0C1B8;\n    transition: transform 0.3s ease;\n}\n\n.myth-fact-content {\n    padding: 1rem 1.5rem;\n    background-color: #F0F2EB;\n    display: none;\n}\n\n.myth-fact-item.active .myth-fact-content {\n    display: block;\n}\n\n.myth-fact-item.active .myth-fact-header .icon {\n    transform: rotate(90deg);\n}\n\n.benefit-icon {\n    font-size: 3rem;\n    color: #A0C1B8;\n    margin-bottom: 1rem;\n    display: block;\n    text-align: center;\n}\n\n.benefit-icon::before {\n    font-family: 'Open Sans', sans-serif; /* Using a simple character as an icon */\n    content: '\\2600'; /* Sun */\n}\n\n.benefit-item:nth-child(2) .benefit-icon::before {\n    content: '\\2764'; /* Heart */\n}\n\n.benefit-item:nth-child(3) .benefit-icon::before {\n    content: '\\1F343'; /* Leaf */\n}\n\n.blog-card-index {\n    border: 1px solid #E0E7DC;\n    border-radius: 0.75rem;\n    padding: 1.5rem;\n    text-align: center;\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0,0,0,.03);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.blog-card-index:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 4px 8px rgba(0,0,0,.07);\n}\n\n.blog-card-index .icon-placeholder {\n    font-size: 3rem;\n    color: #A0C1B8;\n    margin-bottom: 1rem;\n}\n\n.blog-card-index .icon-placeholder::before {\n    content: '\\1F4DA'; /* Book icon */\n}\n\n.seasonal-section .season-icon {\n    font-size: 2.5rem;\n    color: #A0C1B8;\n    margin-bottom: 0.5rem;\n}\n\n.seasonal-section .season-icon.spring::before { content: '\\1F331'; /* Sprout */ }\n.seasonal-section .season-icon.summer::before { content: '\\1F33B'; /* Sunflower */ }\n.seasonal-section .season-icon.autumn::before { content: '\\1F342'; /* Fallen Leaf */ }\n.seasonal-section .season-icon.winter::before { content: '\\2744'; /* Snowflake */ }\n\n.timeline {\n    position: relative;\n    padding: 2rem 0;\n}\n\n.timeline::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: 2px;\n    background-color: #A0C1B8;\n    transform: translateX(-50%);\n}\n\n.timeline-item {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 2rem;\n    position: relative;\n}\n\n.timeline-item-content {\n    width: 45%;\n    padding: 1rem;\n    background-color: #fff;\n    border-radius: 0.5rem;\n    box-shadow: 0 2px 4px rgba(0,0,0,.05);\n}\n\n.timeline-item:nth-child(odd) .timeline-item-content {\n    margin-left: 55%;\n}\n\n.timeline-item:nth-child(even) .timeline-item-content {\n    margin-right: 55%;\n    text-align: right;\n}\n\n.timeline-item::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: #A0C1B8;\n    border-radius: 50%;\n    top: 1rem;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1;\n}\n\n@media (max-width: 767.98px) {\n    .timeline::before {\n        left: 1rem;\n        transform: translateX(0);\n    }\n    .timeline-item {\n        justify-content: flex-start;\n    }\n    .timeline-item-content {\n        width: calc(100% - 3rem);\n        margin-left: 3rem !important;\n        margin-right: 0 !important;\n        text-align: left !important;\n    }\n    .timeline-item::after {\n        left: 1rem;\n        transform: translateX(-50%);\n    }\n}\n\n.faq-item {\n    margin-bottom: 1rem;\n    border: 1px solid #E0E7DC;\n    border-radius: 0.5rem;\n    overflow: hidden;\n}\n\n.faq-header {\n    background-color: #E0E7DC;\n    padding: 1rem 1.5rem;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.faq-header h3 {\n    margin: 0;\n    color: #5F7470;\n}\n\n.faq-header .toggle-icon {\n    font-size: 1.5rem;\n    color: #A0C1B8;\n    transition: transform 0.3s ease;\n}\n\n.faq-content {\n    padding: 1rem 1.5rem;\n    background-color: #F0F2EB;\n    display: none;\n}\n\n.faq-item.active .faq-content {\n    display: block;\n}\n\n.faq-item.active .faq-header .toggle-icon {\n    transform: rotate(90deg);\n}\n\n.form-group label {\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    display: block;\n}\n\n.form-control {\n    border-radius: 0.5rem;\n    border: 1px solid #A0C1B8;\n    padding: 0.75rem 1rem;\n    width: 100%;\n    margin-bottom: 1rem;\n}\n\n.form-control:focus {\n    border-color: #5F7470;\n    box-shadow: 0 0 0 0.2rem rgba(160, 193, 184, 0.25);\n}\n\n.form-disclaimer {\n    font-size: 0.85rem;\n    color: #5F7470;\n    margin-top: 1rem;\n    margin-bottom: 1.5rem;\n}\n\n.blog-post-content img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 0.75rem;\n    margin-bottom: 2rem;\n    box-shadow: 0 4px 8px rgba(0,0,0,.05);\n}\n\n.blog-post-content h2, .blog-post-content h3 {\n    margin-top: 2rem;\n    margin-bottom: 1rem;\n}\n\n.blog-post-content p {\n    margin-bottom: 1rem;\n}\n\n.blog-post-content ul, .blog-post-content ol {\n    margin-bottom: 1rem;\n    padding-left: 1.5rem;\n}\n\n.blog-post-content li {\n    margin-bottom: 0.5rem;\n}\n\n.blog-post-content table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n}\n\n.blog-post-content th, .blog-post-content td {\n    border: 1px solid #E0E7DC;\n    padding: 0.75rem;\n    text-align: left;\n}\n\n.blog-post-content th {\n    background-color: #A0C1B8;\n    color: #F0F2EB;\n    font-weight: 600;\n}\n\n.blog-post-content tr:nth-child(even) {\n    background-color: #E0E7DC;\n}\n\n.blog-post-content .infographic-box {\n    background-color: #E0E7DC;\n    border-left: 5px solid #A0C1B8;\n    padding: 1.5rem;\n    margin: 2rem 0;\n    border-radius: 0.5rem;\n}\n\n.blog-post-content .infographic-box h4 {\n    color: #5F7470;\n    margin-bottom: 1rem;\n}\n\n.blog-post-content .infographic-box ul {\n    list-style-type: none;\n    padding-left: 0;\n}\n\n.blog-post-content .infographic-box ul li::before {\n    content: '\\2022'; /* Bullet point */\n    color: #A0C1B8;\n    display: inline-block;\n    width: 1em;\n    margin-left: -1em;\n}\n