:root{
  --primary: #1F4D45;
  --secondary: #B7CFC3;
  --accent: #D69E5B;
  --background: #F7F5EF;
  --surface: #FFFFFF;
  --text: #18302B;
  --muted: #61706C;
  --border: #CBD7D2;
  --button: #1F4D45;
  --link: #2D665B;
  --hover: #143A34;
  --focus: #E0B477;
  --error: #A53D3D;
  --success: #2E7155;
  --on-primary: #FFFFFF;
  --brand: var(--primary); --gold: var(--accent); --cream: var(--background); --ink: var(--text);
  --font-heading: "Source Serif 4", Georgia, serif; --font-body: "Inter", Arial, sans-serif;
}
html{scroll-padding-top:110px}
body.variant-site{background:var(--background)!important;color:var(--text)!important;font-family:var(--font-body);overflow-x:hidden}
.variant-site h1,.variant-site h2,.variant-site h3,.variant-site .font-heading{font-family:var(--font-heading)!important}
.variant-site a{color:inherit}
.variant-site :focus-visible{outline:3px solid var(--focus)!important;outline-offset:4px!important}
.variant-site .site-logo{display:block;width:min(270px,55vw);height:auto}
.variant-site footer .site-logo{width:min(250px,65vw)}
.variant-site .brand-mark,.variant-site .brand-mark-light{display:none!important}
.variant-site .site-header,.variant-site footer{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .site-header{border-color:var(--border)!important}
.variant-site .nav-link,.variant-site .mobile-link{color:var(--on-primary)!important}
.variant-site .nav-active,.variant-site .mobile-active{color:var(--accent)!important}
.variant-site .btn-primary,.variant-site .btn-gold{background:var(--button)!important;color:var(--surface)!important;border:2px solid var(--button)!important}
.variant-site .btn-secondary,.variant-site .btn-light-outline{background:transparent!important;color:inherit!important;border:2px solid var(--border)!important}
.variant-site .btn-primary:hover,.variant-site .btn-gold:hover{background:var(--hover)!important;border-color:var(--hover)!important;transform:translateY(-2px)}
.variant-site .text-link,.variant-site .breadcrumb a{color:var(--link)!important}
.variant-site .form-card,.variant-site .contact-card,.variant-site .article-card,.variant-site .feature-card,.variant-site .premium-card,.variant-site .scenario-card,.variant-site .process-card,.variant-site .habit-card,.variant-site .premium-mini{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
.variant-site .form-card input,.variant-site .form-card textarea,.variant-site .form-card select,.variant-site .contact-card input,.variant-site .contact-card textarea{background:var(--background)!important;color:var(--text)!important;border-color:var(--border)!important}
.variant-site .form-status.success{color:var(--success)!important} .variant-site .form-status.error{color:var(--error)!important}
.variant-site .home-hero,.variant-site .inner-hero{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .home-hero .hero-title,.variant-site .inner-hero h1{color:var(--on-primary)!important}
.variant-site .home-hero .hero-lead,.variant-site .inner-hero .lead{color:color-mix(in srgb,var(--on-primary) 78%,transparent)!important}
/* Immutable source-photo safety: no crop, overlay, filter, opacity or transformation. */
.variant-site img[src$=".webp"]{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;clip-path:none!important;mask:none!important;border-radius:0!important}
.variant-site .hero-image-frame,.variant-site .philosophy-media,.variant-site .inner-hero-media,.variant-site .featured-article,.variant-site .featured-media,.variant-site .article-card,.variant-site .blog-card,.variant-site .editorial-image,.variant-site .zigzag-image,.variant-site .product-stage,.variant-site .image-panel,.variant-site .image-panel-dark{overflow:visible!important;height:auto!important;min-height:0!important}
.variant-site .hero-image-frame:before,.variant-site .hero-image-frame:after,.variant-site .philosophy-media:before,.variant-site .philosophy-media:after,.variant-site .inner-hero-media:before,.variant-site .inner-hero-media:after{display:none!important}
.variant-site .hero-floating-card,.variant-site .image-note{position:relative!important;inset:auto!important;margin-top:18px!important;max-width:none!important;transform:none!important}
.variant-site .featured-article{align-items:start!important}
.variant-site .featured-article img,.variant-site .article-card img,.variant-site .featured-media img{height:auto!important;min-height:0!important;object-fit:contain!important}
.variant-site .cookie-banner{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.variant-site .mobile-sticky-cta{background:var(--button)!important;color:var(--surface)!important}
@media(max-width:900px){.variant-site .hero-layout{grid-template-columns:minmax(0,1fr)!important}.variant-site .hero-layout>div{min-width:0!important}.variant-site .hero-layout>div:first-child{order:0!important}.variant-site .hero-layout>div:nth-child(2){order:1!important}.variant-site .hero-title{overflow-wrap:anywhere!important;word-break:normal!important}}
@media(min-width:1024px){.variant-site .mobile-sticky-cta{display:none!important}}
@media(max-width:1023px){.variant-site .mobile-sticky-cta{display:flex!important}}
@media(max-width:640px){.variant-site .site-logo{width:min(230px,68vw)}.variant-site .hero-layout,.variant-site .inner-hero>div{padding-top:42px!important;padding-bottom:46px!important}}

.variant-01 .site-header{background:rgba(31,77,69,.97)!important;box-shadow:none!important}.variant-01 .header-inner{min-height:88px!important}.variant-01 .desktop-nav{gap:18px!important}.variant-01 .nav-link{border-bottom:1px solid transparent!important;border-radius:0!important;padding-inline:2px!important}.variant-01 .nav-link:hover{border-color:var(--accent)!important}.variant-01 .hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr)!important;gap:clamp(40px,7vw,100px)!important}.variant-01 .hero-title{font-weight:600!important;letter-spacing:-.035em!important}.variant-01 .hero-image-frame{border:1px solid var(--border)!important;padding:14px!important;background:var(--surface)!important}.variant-01 .section-pad{padding-block:clamp(70px,9vw,132px)!important}.variant-01 .feature-card,.variant-01 .article-card{border-radius:2px!important;box-shadow:none!important}.variant-01 footer{border-top:6px solid var(--accent)}

/* Final responsive override: variant desktop grids collapse to one readable mobile column. */
@media(max-width:900px){.variant-site .hero-layout{grid-template-columns:minmax(0,1fr)!important}.variant-site .hero-layout>div{min-width:0!important;width:auto!important}.variant-site .hero-layout>div:first-child{order:0!important}.variant-site .hero-layout>div:nth-child(2){order:1!important}.variant-site .hero-title{overflow-wrap:anywhere!important;word-break:normal!important}}

/* Final inner-page mobile containment. */
@media(max-width:900px){.variant-site .inner-hero>div{grid-template-columns:minmax(0,1fr)!important}.variant-site .inner-hero>div>div{min-width:0!important}.variant-site .inner-hero h1{overflow-wrap:anywhere!important;word-break:normal!important}}

/* Final editorial-card mobile containment. */
@media(max-width:900px){.variant-site .featured-article{grid-template-columns:minmax(0,1fr)!important}.variant-site .featured-article>*{min-width:0!important}.variant-site .featured-article h2{overflow-wrap:anywhere!important}.variant-site .blog-tools,.variant-site .blog-filters{max-width:100%!important}.variant-site .blog-filters{overflow-wrap:anywhere!important}}

/* Final contrast system for variant-01. Semantic section classes control backgrounds. */
body.variant-site.variant-01 {
  --primary:#173c35;
  --secondary:#c7d7cf;
  --accent:#b8833f;
  --background:#f7f4ec;
  --surface:#ffffff;
  --text:#132823;
  --muted:#43544f;
  --border:#b9c8c1;
  --button:#173c35;
  --link:#1b5147;
  --hover:#0f2d28;
  --focus:#d4a45f;
  background:var(--background)!important;
  color:var(--text)!important;
}

/* Light sections */
body.variant-01 main section.bg-white,
body.variant-01 main section.bg-\[\#F7F3EA\],
body.variant-01 main section.bg-\[\#E8EFEA\] {
  color:var(--text)!important;
}
body.variant-01 main section.bg-white { background:#ffffff!important; }
body.variant-01 main section.bg-\[\#F7F3EA\] { background:#f7f4ec!important; }
body.variant-01 main section.bg-\[\#E8EFEA\] { background:#e7eee9!important; }

body.variant-01 main section.bg-white h1,
body.variant-01 main section.bg-white h2,
body.variant-01 main section.bg-white h3,
body.variant-01 main section.bg-\[\#F7F3EA\] h1,
body.variant-01 main section.bg-\[\#F7F3EA\] h2,
body.variant-01 main section.bg-\[\#F7F3EA\] h3,
body.variant-01 main section.bg-\[\#E8EFEA\] h1,
body.variant-01 main section.bg-\[\#E8EFEA\] h2,
body.variant-01 main section.bg-\[\#E8EFEA\] h3,
body.variant-01 .section-title,
body.variant-01 .section-title-small,
body.variant-01 .legal-content h2,
body.variant-01 .legal-prose h2 {
  color:#132823!important;
}

body.variant-01 main section.bg-white p,
body.variant-01 main section.bg-white li,
body.variant-01 main section.bg-\[\#F7F3EA\] p,
body.variant-01 main section.bg-\[\#F7F3EA\] li,
body.variant-01 main section.bg-\[\#E8EFEA\] p,
body.variant-01 main section.bg-\[\#E8EFEA\] li,
body.variant-01 .section-copy,
body.variant-01 .legal-content p,
body.variant-01 .legal-prose,
body.variant-01 .faq-answer p {
  color:#43544f!important;
}

/* Dark heroes and CTA sections */
html body.variant-site.variant-01 main > section.home-hero,
html body.variant-site.variant-01 main > section.inner-hero,
html body.variant-site.variant-01 main > section.text-white,
html body.variant-site.variant-01 footer {
  background:#173c35!important;
  color:#ffffff!important;
}

html body.variant-site.variant-01 main > section.home-hero h1,
html body.variant-site.variant-01 main > section.home-hero h2,
html body.variant-site.variant-01 main > section.home-hero h3,
html body.variant-site.variant-01 main > section.inner-hero h1,
html body.variant-site.variant-01 main > section.inner-hero h2,
html body.variant-site.variant-01 main > section.inner-hero h3,
html body.variant-site.variant-01 main > section.text-white h1,
html body.variant-site.variant-01 main > section.text-white h2,
html body.variant-site.variant-01 main > section.text-white h3,
html body.variant-site.variant-01 main > section.text-white strong,
html body.variant-site.variant-01 footer h2,
html body.variant-site.variant-01 footer h3,
html body.variant-site.variant-01 footer strong,
html body.variant-site.variant-01 footer a {
  color:#ffffff!important;
}

html body.variant-site.variant-01 main > section.home-hero p,
html body.variant-site.variant-01 main > section.home-hero span,
html body.variant-site.variant-01 main > section.inner-hero p,
html body.variant-site.variant-01 main > section.inner-hero span,
html body.variant-site.variant-01 main > section.text-white p,
html body.variant-site.variant-01 main > section.text-white span,
html body.variant-site.variant-01 main > section.text-white li,
html body.variant-site.variant-01 footer p,
html body.variant-site.variant-01 footer address,
html body.variant-site.variant-01 footer span,
html body.variant-site.variant-01 footer small {
  color:#e5eeea!important;
}

html body.variant-site.variant-01 main > section.home-hero .eyebrow,
html body.variant-site.variant-01 main > section.inner-hero .eyebrow,
html body.variant-site.variant-01 main > section.text-white .eyebrow {
  color:#f0cb85!important;
}

/* Cards retain their own readable surfaces, even inside dark sections. */
body.variant-01 .form-card,
body.variant-01 .contact-card,
body.variant-01 .article-card,
body.variant-01 .feature-card,
body.variant-01 .premium-card,
body.variant-01 .scenario-card,
body.variant-01 .process-card,
body.variant-01 .habit-card,
body.variant-01 .premium-mini,
body.variant-01 .ingredient-home-card,
body.variant-01 .ingredient-detail-card,
body.variant-01 .premium-panel,
body.variant-01 .faq-item,
body.variant-01 .content-panel,
body.variant-01 .notice-panel,
body.variant-01 .checklist-table {
  background:#ffffff!important;
  color:#132823!important;
  border-color:#b9c8c1!important;
}

body.variant-01 .form-card h1,
body.variant-01 .form-card h2,
body.variant-01 .form-card h3,
body.variant-01 .contact-card h1,
body.variant-01 .contact-card h2,
body.variant-01 .contact-card h3,
body.variant-01 .article-card h2,
body.variant-01 .article-card h3,
body.variant-01 .feature-card h2,
body.variant-01 .feature-card h3,
body.variant-01 .premium-card h2,
body.variant-01 .premium-card h3,
body.variant-01 .scenario-card h2,
body.variant-01 .scenario-card h3,
body.variant-01 .faq-item button,
body.variant-01 .ingredient-home-card h3,
body.variant-01 .ingredient-detail-card h2 {
  color:#132823!important;
}

body.variant-01 .form-card p,
body.variant-01 .contact-card p,
body.variant-01 .article-card p,
body.variant-01 .feature-card p,
body.variant-01 .premium-card p,
body.variant-01 .scenario-card p,
body.variant-01 .faq-item p,
body.variant-01 .ingredient-home-card p,
body.variant-01 .ingredient-detail-card p {
  color:#43544f!important;
}

/* Dark micro-components */
body.variant-01 .cta-product-panel,
body.variant-01 .hero-floating-card,
body.variant-01 .hero-stat,
body.variant-01 .dark-check,
body.variant-01 .lead-link,
body.variant-01 .topic-link {
  background:#214a42!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.2)!important;
}
body.variant-01 .cta-product-panel strong,
body.variant-01 .hero-floating-card strong,
body.variant-01 .hero-stat strong,
body.variant-01 .dark-check strong,
body.variant-01 .lead-link strong,
body.variant-01 .topic-link strong {
  color:#ffffff!important;
}
body.variant-01 .cta-product-panel span,
body.variant-01 .hero-floating-card p,
body.variant-01 .hero-stat span,
body.variant-01 .dark-check span,
body.variant-01 .lead-link span,
body.variant-01 .topic-link span {
  color:#e5eeea!important;
}

/* Buttons */
body.variant-01 .btn-primary,
body.variant-01 .mobile-sticky-cta {
  background:#173c35!important;
  border-color:#173c35!important;
  color:#ffffff!important;
}
body.variant-01 .btn-gold {
  background:#c08a43!important;
  border-color:#c08a43!important;
  color:#102722!important;
}
body.variant-01 .btn-secondary {
  background:#ffffff!important;
  border-color:#78948a!important;
  color:#173c35!important;
}
html body.variant-01 main > section.text-white .btn-light-outline,
html body.variant-01 main > section.home-hero .btn-light-outline {
  background:transparent!important;
  border-color:#ffffff!important;
  color:#ffffff!important;
}

/* Cookie banner */
body.variant-01 .cookie-banner {
  background:#ffffff!important;
  color:#132823!important;
  border-color:#b9c8c1!important;
}
body.variant-01 .cookie-banner strong { color:#132823!important; }
body.variant-01 .cookie-banner p { color:#43544f!important; }
body.variant-01 .cookie-primary { background:#173c35!important;color:#ffffff!important; }
body.variant-01 .cookie-secondary { background:#c08a43!important;color:#102722!important; }
body.variant-01 .cookie-muted { background:#edf2ef!important;color:#173c35!important; }

/* Final audit corrections: navigation, breadcrumbs, labels and forms. */
body.variant-01 .nav-link,
body.variant-01 .mobile-link { color:#ffffff!important; }
body.variant-01 .nav-active,
body.variant-01 .mobile-active {
  color:#ffffff!important;
  border-color:#f0cb85!important;
  text-decoration-color:#f0cb85!important;
}
body.variant-01 .header-actions > span {
  color:#ffffff!important;
  border-color:rgba(255,255,255,.36)!important;
  background:rgba(255,255,255,.06)!important;
}
body.variant-01 .burger span { background:#ffffff!important; }

html body.variant-01 main > section.inner-hero .breadcrumb,
html body.variant-01 main > section.inner-hero .breadcrumb a,
html body.variant-01 main > section.inner-hero .breadcrumb span {
  color:#dce9e4!important;
}

/* Explicit dark panels whose visual background was previously only a gradient. */
body.variant-01 .product-focus-panel,
body.variant-01 .featured-article,
body.variant-01 .lead-panel,
body.variant-01 .lead-magnet {
  background:#173c35!important;
  color:#ffffff!important;
}
body.variant-01 .product-focus-panel strong,
body.variant-01 .featured-article h1,
body.variant-01 .featured-article h2,
body.variant-01 .featured-article h3,
body.variant-01 .lead-panel h1,
body.variant-01 .lead-panel h2,
body.variant-01 .lead-panel h3,
body.variant-01 .lead-magnet h1,
body.variant-01 .lead-magnet h2,
body.variant-01 .lead-magnet h3 {
  color:#ffffff!important;
}
body.variant-01 .product-focus-panel span,
body.variant-01 .featured-article p,
body.variant-01 .lead-panel p,
body.variant-01 .lead-magnet p {
  color:#e5eeea!important;
}
body.variant-01 .featured-article .article-category { color:#f0cb85!important; }

/* White cards inside dark sections must reset all inherited white text. */
body.variant-01 section.text-white .form-card,
body.variant-01 section.text-white .contact-card,
body.variant-01 section.text-white .consultation-card {
  background:#ffffff!important;
  color:#132823!important;
}
body.variant-01 section.text-white .form-card h1,
body.variant-01 section.text-white .form-card h2,
body.variant-01 section.text-white .form-card h3,
body.variant-01 section.text-white .form-card strong,
body.variant-01 section.text-white .form-card label,
body.variant-01 section.text-white .contact-card h1,
body.variant-01 section.text-white .contact-card h2,
body.variant-01 section.text-white .contact-card h3,
body.variant-01 section.text-white .contact-card strong,
body.variant-01 section.text-white .contact-card label,
body.variant-01 section.text-white .consultation-card h1,
body.variant-01 section.text-white .consultation-card h2,
body.variant-01 section.text-white .consultation-card h3,
body.variant-01 section.text-white .consultation-card strong,
body.variant-01 section.text-white .consultation-card label {
  color:#132823!important;
}
body.variant-01 section.text-white .form-card p,
body.variant-01 section.text-white .form-card small,
body.variant-01 section.text-white .form-card a,
body.variant-01 section.text-white .contact-card p,
body.variant-01 section.text-white .contact-card small,
body.variant-01 section.text-white .contact-card a,
body.variant-01 section.text-white .consultation-card p,
body.variant-01 section.text-white .consultation-card small,
body.variant-01 section.text-white .consultation-card a {
  color:#43544f!important;
}

/* Darker accents on light surfaces for WCAG contrast. */
body.variant-01 main section:not(.text-white):not(.home-hero):not(.inner-hero) .eyebrow,
body.variant-01 .article-card .article-category,
body.variant-01 .scenario-card > span,
body.variant-01 .ingredient-home-card > span,
body.variant-01 .dosage-highlight span,
body.variant-01 .info-stack span,
body.variant-01 .fact-card small,
body.variant-01 .article-card span,
body.variant-01 .trust-strip span {
  color:#6d4818!important;
}
body.variant-01 .ingredient-home-card > span {
  background:#f1e5cf!important;
}
body.variant-01 .trust-strip strong { color:#132823!important; }
body.variant-01 .trust-strip span { color:#5d4018!important; }
body.variant-01 .dosage-highlight span,
body.variant-01 .info-stack span,
body.variant-01 .fact-card small { color:#53635e!important; }

/* Last specificity fixes found by computed-style audit. */
body.variant-01 main section.bg-white .featured-article h1,
body.variant-01 main section.bg-white .featured-article h2,
body.variant-01 main section.bg-white .featured-article h3 {
  color:#ffffff!important;
}
body.variant-01 main section.bg-white .featured-article p {
  color:#e5eeea!important;
}
body.variant-01 .form-card > p.mt-4,
body.variant-01 .contact-card > p.mt-4,
body.variant-01 .consultation-card > p.mt-4 {
  color:#43544f!important;
}
html body.variant-site.variant-01 main > section.text-white .form-card > p.mt-4,
html body.variant-site.variant-01 main > section.text-white .contact-card > p.mt-4,
html body.variant-site.variant-01 main > section.text-white .consultation-card > p.mt-4 {
  color:#43544f!important;
}