:root{
  --color-primary:#19743a;
  --color-primary-light:#e9f5ec;
  --color-secondary:#2f6b45;
  --color-secondary-dark:#123b24;
  --color-cream:#f7faf6;
}
html{scroll-behavior:smooth}
body{background-color:var(--color-cream);font-family:"Jura",sans-serif}
body,button,input,textarea,select{font-family:"Jura",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Play",sans-serif}
.font-body{font-family:"Jura",sans-serif !important}
.font-display:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-family:"Jura",sans-serif !important}
h1.font-display,h2.font-display,h3.font-display,h4.font-display,h5.font-display,h6.font-display{font-family:"Play",sans-serif !important}
.img-ph{
  background:linear-gradient(135deg,#e9f5ec,#f7faf6);
  display:flex;align-items:center;justify-content:center;
  color:#19743a;
}
.img-ph svg{width:15%;height:15%;opacity:.55}
.accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.accordion-panel.open{max-height:600px}
.accordion-icon{transition:transform .3s ease}
.accordion-icon.rotate{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer.open{max-height:400px}
.faq-icon{transition:transform .3s ease}
.faq-icon.rotate{transform:rotate(45deg)}
.plan-card{transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}
.plan-card:hover{transform:translateY(-2px)}
.plan-card.selected{border-color:var(--color-primary);box-shadow:0 8px 24px -8px rgba(25,116,58,.35)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:#bcd8c5;border-radius:8px}

.star-icon{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  background-color:#facc15;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
}

.star-rating{
  display:flex;
  align-items:center;
  gap:2px;
}

.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.plan-radio-dot::after{content:"";position:absolute;inset:3px;border-radius:9999px;background:transparent}
.plan-radio-dot.is-checked::after{background:var(--color-primary)}
 
.myth-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.myth-answer.open{max-height:300px}
.myth-icon.rotate{transform:rotate(180deg)}
.privacy-toggle.is-on{background:#1c2b1f}
.privacy-dot.is-on{transform:translateX(16px)}

[data-cart-backdrop]{transition:opacity .3s ease}
[data-cart-panel]{transition:transform .3s ease}

.cookie-toggle{transition:background-color .2s ease}
.cookie-toggle.is-on{background:var(--color-primary)}
.cookie-dot{transition:transform .2s ease}
.cookie-toggle.is-on .cookie-dot{transform:translateX(20px)}
.cookie-toggle.is-locked{opacity:.6;cursor:not-allowed}

.mobile-sticky-cta{display:none}

@media (max-width:767.98px){
  .article-with-mobile-sticky-cta{
    padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-sticky-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    display:block;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background:#fff;
    box-shadow:0 -8px 24px rgba(15,23,42,.12);
  }

  .mobile-sticky-cta__button{
    display:flex;
    width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:9999px;
    background:var(--color-primary);
    color:#fff;
    font-family:"Jura",sans-serif;
    font-size:16px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    box-shadow:0 4px 12px rgba(25,116,58,.22);
    transition:filter .2s ease,transform .2s ease;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-sticky-cta__button:active{
    transform:translateY(1px);
    filter:brightness(.96);
  }
}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-weight:700;font-size:.76rem}
.serif-balance{text-wrap:balance}
.card-shadow{box-shadow:0 12px 34px rgba(18,59,36,.09)}
.prose-article h2{font-family:"Play",sans-serif;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;line-height:1.05;margin:2.6rem 0 1rem;color:#123b24}
.prose-article h3{font-weight:800;font-size:1.18rem;margin:1.9rem 0 .6rem}
.prose-article p{margin:.9rem 0;line-height:1.82;color:#506057}
.prose-article ul,.prose-article ol{padding-left:1.2rem;color:#506057}
.prose-article ul{list-style:disc}.prose-article li{margin:.55rem 0}
.prose-article a{text-decoration:underline;text-underline-offset:3px;color:#145f30}
.prose-article blockquote{margin:1.7rem 0;padding:1.2rem 1.4rem;border-left:3px solid var(--color-secondary);background:#eef5ef;border-radius:0 1rem 1rem 0;color:#34463b}
.mobile-sticky-cta{display:none}
@media(max-width:767.98px){.article-with-mobile-sticky-cta{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.mobile-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:block;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(247,250,246,.96);box-shadow:0 -8px 24px rgba(18,59,36,.12);backdrop-filter:blur(12px)}.mobile-sticky-cta__button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;border-radius:9999px;background:var(--color-primary);color:#fff;font-weight:800;text-decoration:none}}

.comparison-table-scroll{overflow-x:auto;border-radius:1.5rem;background:#fff;box-shadow:0 10px 34px rgba(18,59,36,.08)}
.comparison-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;color:#213329}
.comparison-table th,.comparison-table td{padding:1.05rem 1.25rem;border-bottom:1px solid #eadfce;vertical-align:middle}
.comparison-table thead th{height:10.5rem;background:#fff;text-align:center;font-family:"Play",sans-serif;font-size:1.15rem;font-weight:700;line-height:1.15}
.comparison-table thead th:first-child,.comparison-table tbody th{text-align:left}
.comparison-table thead th:first-child{width:35%}
.comparison-table tbody th{font-family:"Jura",sans-serif;font-size:1rem;font-weight:700;line-height:1.35}
.comparison-table tbody td{text-align:center;font-size:1rem;line-height:1.35}
.comparison-table .comparison-brand{background:#fff8ef;border-left:1px solid #f0e1cc;border-right:1px solid #f0e1cc}
.comparison-table thead .comparison-brand{color:#19743a}
.comparison-table .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}
.comparison-table .comparison-image{width:5.5rem;height:5.5rem;margin:0 auto .75rem;object-fit:contain;border-radius:.85rem}
.comparison-table .comparison-image.generic{object-fit:cover}
.comparison-table .comparison-check{color:#25a85a;font-size:1.8rem;font-weight:800;line-height:1}
.comparison-table .comparison-cross{color:#d54a3c;font-size:1.8rem;font-weight:800;line-height:1}
.comparison-table .comparison-note{color:#d54a3c;font-size:0;font-weight:800}
.comparison-table .comparison-note::after{content:"✕";font-size:1.8rem;line-height:1}
@media(max-width:767.98px){.comparison-table-scroll{border-radius:1rem}.comparison-table th,.comparison-table td{padding:.9rem 1rem}.comparison-table thead th{height:9rem;font-size:1rem}.comparison-table .comparison-image{width:4.5rem;height:4.5rem;margin-bottom:.55rem}}
