* { box-sizing: border-box; }
:root { --teal:#08747b; --teal-dark:#075c64; --mint:#effce7; --mint-deep:#e1f4d7; --orange:#ffb51c; --orange-dark:#ec9d00; --ink:#172120; --muted:#58615f; --line:#ccd8ca; --white:#fff; --width:min(1160px,calc(100% - 48px)); --sans:Arial,Helvetica,sans-serif; }
html { scroll-behavior:smooth; scroll-padding-top:76px; }
body { margin:0; color:var(--ink); background:var(--mint); font-family:var(--sans); font-size:15px; line-height:1.62; }
a { color:inherit; }
img { display:block; max-width:100%; }
button,a { -webkit-tap-highlight-color:transparent; }
::selection { color:#fff; background:var(--teal); }
.page-width { width:var(--width); max-width:1160px; margin-inline:auto; }
.skip-link { position:fixed; z-index:20; top:10px; left:10px; padding:10px 14px; background:var(--orange); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.site-header { height:66px; position:sticky; z-index:10; top:0; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 1160px)/2)); color:#fff; background:var(--teal); box-shadow:0 2px 5px rgba(4,54,58,.16); }
.wordmark { color:#fff; font-family:Georgia,'Times New Roman',serif; font-size:25px; font-weight:700; letter-spacing:-1.5px; line-height:1; text-decoration:none; }
.wordmark span { margin-left:2px; font-family:var(--sans); font-size:9px; vertical-align:top; }
.primary-navigation { display:flex; align-items:center; gap:30px; height:100%; }
.primary-navigation > a:not(.header-cta) { color:#efffff; font-size:12px; text-decoration:none; }
.primary-navigation > a:not(.header-cta):hover { text-decoration:underline; text-underline-offset:4px; }
.header-cta { align-self:stretch; display:flex; align-items:center; gap:18px; padding:0 21px; color:#151b18; background:var(--orange); font-size:12px; font-weight:700; text-decoration:none; transition:background .18s ease; }
.header-cta:hover,.button-orange:hover { background:#ffd05a; }
.menu-toggle { display:none; }
.hero { padding:22px 24px 35px; background:var(--mint); }
.hero-shell { width:var(--width); max-width:1160px; margin:auto; }
.hero h1 { margin:0 0 13px; font-size:clamp(26px,3vw,38px); font-weight:700; line-height:1.2; text-align:center; letter-spacing:-.035em; }
.hero-grid { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:26px; }
.hero-copy { padding:10px 0 0; }
.hero-intro { max-width:630px; margin:0 0 13px; color:#333c39; font-size:14px; line-height:1.55; }
.hero-points { display:grid; gap:8px; margin:0 0 22px; padding:0; list-style:none; }
.hero-points li { display:flex; align-items:center; gap:10px; font-size:13px; }
.hero-points li span { width:18px; flex:0 0 18px; color:#54a93a; font-size:14px; font-weight:700; text-align:center; }
.button { min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 18px; border:1px solid rgba(111,76,0,.28); border-radius:4px; color:#191c17; font-size:12px; font-weight:700; line-height:1.2; text-decoration:none; transition:background .18s ease,transform .18s ease; }
.button:hover,.button:focus-visible { transform:translateY(-1px); }
.button-orange { background:var(--orange); }
.hero-note { max-width:520px; margin:11px 0 0; color:#66706a; font-size:9px; line-height:1.5; }
.hero-product { min-height:340px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-product img { width:min(440px,100%); height:auto; mix-blend-mode:multiply; }
.section-band { min-height:45px; display:flex; align-items:center; justify-content:center; margin:0; padding:7px 18px; color:#fff; background:var(--teal); font-size:clamp(21px,2.6vw,29px); font-weight:700; line-height:1.2; text-align:center; }
.trust-section { background:var(--mint); }
.trust-badges { min-height:182px; display:flex; align-items:center; justify-content:center; padding:12px 16px; }
.trust-graphic { width:min(100%,960px); margin:0; text-align:center; }
.trust-graphic img { width:100%; height:auto; }
.trust-graphic figcaption { margin:6px 0 0; color:#68726b; font-size:8px; line-height:1.35; }
.content-section { background:var(--mint); }
.about-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:26px; padding-top:27px; padding-bottom:32px; }
.about-image { display:flex; align-items:center; justify-content:center; }
.about-image img { width:min(100%,430px); height:auto; border:1px solid #d5e3d1; object-fit:contain; }
.about-copy { padding:0 0 0 6px; font-size:12px; }
.about-copy p { margin:0 0 12px; }
.about-copy h3 { margin:18px 0 7px; font-size:16px; }
.about-source-note { color:#626d65; font-size:10px; line-height:1.5; }
.section-lead { font-weight:700; }
.check-list { display:grid; gap:4px; margin:9px 0 16px; padding-left:19px; font-size:11px; }
.inline-link { display:inline-flex; gap:9px; padding-bottom:3px; border-bottom:1px solid var(--teal); color:var(--teal-dark); font-size:11px; font-weight:700; text-decoration:none; }
.how-copy { padding-top:22px; padding-bottom:31px; font-size:13px; }
.how-copy > p { margin:0 0 15px; }
.support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:20px 0; }
.support-grid article { min-height:132px; position:relative; padding:16px 15px 14px; border:1px solid #cbd8c9; background:rgba(255,255,255,.55); }
.support-grid article > span { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--teal); font-size:10px; font-weight:700; }
.support-grid h3 { margin:9px 0 4px; font-size:14px; }
.support-grid p { margin:0; color:#515c56; font-size:10px; }
.disclaimer-inline { color:#626d65; font-size:10px; }
.source-note { margin:12px 0 0; padding:12px 14px; border-left:3px solid var(--teal); color:#4d5852; background:#fff8df; font-size:10px; line-height:1.55; }
.ingredients-section { padding-bottom:26px; }
.ingredient-copy { padding-top:20px; padding-bottom:22px; }
.ingredient-intro { max-width:950px; margin:0 auto 13px; color:#26362f; font-size:15px; line-height:1.6; }
.ingredient-claim-note { max-width:950px; margin:0 auto 18px; padding:13px 16px; border-left:4px solid #d3a500; color:#47524b; background:#fff8df; font-size:11px; line-height:1.55; }
.ingredient-copy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ingredient-copy-card { padding:16px 17px; border:1px solid #cbd8c9; background:rgba(255,255,255,.62); }
.ingredient-copy-card h3 { display:flex; align-items:center; gap:10px; margin:0 0 9px; color:#173e34; font-size:15px; }
.ingredient-copy-card h3 span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--teal); font-size:10px; }
.ingredient-copy-card p { margin:0; color:#4d5852; font-size:11px; line-height:1.6; }
.ingredient-note { max-width:950px; margin:13px auto 0; color:#646f67; font-size:10px; line-height:1.5; }
.benefits-list { display:grid; gap:0; padding-top:15px; padding-bottom:22px; }
.benefits-list p { display:flex; align-items:flex-start; gap:13px; margin:0; padding:11px 2px; border-bottom:1px solid rgba(7,92,100,.12); font-size:12px; }
.benefits-list p span { color:#51ad33; font-size:17px; font-weight:700; line-height:1.1; }
.know-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-top:20px; padding-bottom:27px; }
.know-card { min-height:230px; padding:17px; border:1px solid #aabcb0; background:rgba(255,255,255,.46); }
.know-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--teal); border-radius:50%; color:var(--teal-dark); background:#fff; font-family:Georgia,serif; font-size:13px; }
.know-card h3 { margin:13px 0 7px; font-size:15px; }
.know-card p { margin:0; color:#4d5852; font-size:11px; }
.pricing-section { padding-bottom:34px; }
.pricing-subhead { padding:21px 20px 4px; text-align:center; }
.pricing-subhead h2 { margin:0 0 5px; font-size:23px; }
.pricing-subhead p { margin:0; color:#56625a; font-size:11px; }
.offer-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch; gap:18px; padding-top:16px; }
.offer-card { position:relative; display:flex; flex-direction:column; align-items:center; padding:15px 15px 18px; border:2px solid #c0cec5; border-radius:8px; background:#fff; text-align:center; }
.featured-offer { border:3px solid var(--teal); box-shadow:0 3px 10px rgba(13,83,88,.12); }
.offer-ribbon { position:absolute; top:0; right:0; left:0; padding:5px 8px; color:#fff; background:var(--teal); font-size:9px; font-weight:700; letter-spacing:.08em; }
.offer-art { width:100%; height:153px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; overflow:hidden; background:var(--mint); }
.featured-offer .offer-art { margin-top:22px; }
.offer-art img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.guarantee-art { background:#fff; }
.guarantee-mini { width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:6px double #cda51d; border-radius:50%; color:#fff; background:#2c4244; font-size:12px; font-weight:700; line-height:1; }
.guarantee-mini::before,.guarantee-mini::after { color:#f4ce41; font-size:11px; content:'★ ★ ★'; }
.guarantee-mini small { color:#f3d951; font-size:31px; line-height:1; }
.offer-card h3 { margin:6px 0 6px; font-size:16px; }
.offer-card p { min-height:47px; margin:0 0 14px; color:#56615b; font-size:10px; }
.offer-card .button { width:100%; margin-top:auto; font-size:11px; }
.guarantee-section { padding:34px 24px; background:#fff; }
.guarantee-grid { display:grid; grid-template-columns:.48fr 1.52fr; align-items:center; gap:35px; }
.guarantee-seal { width:170px; height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; justify-self:center; border:7px double #d7ad12; border-radius:50%; color:#f6e256; background:#283d40; box-shadow:0 0 0 8px #f7d94b,0 0 0 12px #d5ad17; text-align:center; transform:rotate(-7deg); }
.guarantee-seal span { font-size:10px; font-weight:700; letter-spacing:.1em; }
.guarantee-seal strong { font-size:52px; line-height:.95; }
.guarantee-seal b { font-size:19px; line-height:1.1; }
.guarantee-copy h2 { margin:0 0 5px; font-size:27px; }
.guarantee-copy h3 { margin:0 0 11px; font-family:Georgia,serif; font-size:16px; }
.guarantee-copy p { max-width:680px; margin:0 0 18px; color:#48524e; font-size:12px; }
.faq-list { padding-top:12px; padding-bottom:25px; }
.faq-list details { border-bottom:1px solid #b9cbbd; }
.faq-list details:first-child { border-top:1px solid #b9cbbd; }
.faq-list summary { min-height:51px; display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; font-size:13px; font-weight:700; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { color:var(--teal); content:'+'; font-size:22px; font-weight:400; }
.faq-list details[open] summary::after { content:'−'; }
.faq-list details p { max-width:870px; margin:0 30px 15px 0; color:#505b55; font-size:11px; }
.closing-offer { padding:26px 24px; background:#eee; }
.closing-grid { min-height:295px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:22px; }
.closing-image { display:flex; justify-content:center; max-height:295px; overflow:hidden; }
.closing-image img { max-height:285px; width:min(310px,100%); object-fit:contain; mix-blend-mode:multiply; }
.closing-copy { text-align:center; }
.closing-eyebrow { margin:0 0 5px; color:#bb7600; font-size:10px; font-weight:700; letter-spacing:.12em; }
.closing-copy h2 { margin:0 0 8px; color:#172120; font-size:clamp(24px,3vw,35px); }
.closing-copy p { max-width:530px; margin:0 auto 16px; color:#535d57; font-size:12px; }
.closing-copy small { display:block; margin-top:8px; color:#626c66; font-size:9px; }
.site-footer { background:var(--mint); }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:18px; padding-bottom:18px; }
.footer-links nav { display:grid; gap:6px; }
.footer-links a { position:relative; padding-left:18px; font-size:11px; font-weight:700; text-decoration:none; }
.footer-links a::before { position:absolute; top:5px; left:0; width:9px; height:9px; border-radius:50%; background:#45a934; content:''; }
.footer-links a:hover { text-decoration:underline; }
.health-disclaimer { padding:14px 0; background:#e7e9e5; }
.health-disclaimer strong { font-size:10px; }
.health-disclaimer p { margin:4px 0 0; color:#626965; font-size:9px; line-height:1.55; }
.footer-bottom { display:grid; grid-template-columns:auto 1.2fr auto; align-items:center; gap:22px; padding-top:19px; padding-bottom:20px; color:#52615a; font-size:9px; }
.affiliate-disclosure { margin:0; line-height:1.55; }
.footer-legal { display:flex; flex-wrap:wrap; gap:12px; }
.footer-legal a { text-decoration:none; }
.footer-legal a:hover { text-decoration:underline; }
:focus-visible { outline:3px solid #da9200; outline-offset:3px; }
@media (max-width:800px) {
  .site-header { height:59px; padding:0 17px; }
  .primary-navigation { gap:16px; }
  .primary-navigation > a:not(.header-cta) { font-size:10px; }
  .header-cta { padding:0 13px; font-size:10px; }
  .hero { padding:20px 20px 25px; }
  .hero-grid { gap:10px; }
  .hero-product { min-height:285px; }
  .support-grid { gap:9px; }
  .guarantee-grid { gap:24px; }
}
@media (max-width:640px) {
  html { scroll-padding-top:62px; }
  .site-header { height:58px; padding:0 17px; }
  .wordmark { font-size:23px; }
  .menu-toggle { width:40px; height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid rgba(255,255,255,.6); border-radius:50%; background:transparent; }
  .menu-toggle span { width:15px; height:2px; background:#fff; transition:transform .18s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .primary-navigation { position:absolute; top:58px; right:0; left:0; display:none; height:auto; align-items:stretch; gap:0; padding:8px 17px 18px; background:var(--teal-dark); box-shadow:0 8px 12px rgba(0,0,0,.15); }
  .primary-navigation.is-open { display:flex; flex-direction:column; }
  .primary-navigation > a:not(.header-cta) { padding:12px 2px; border-bottom:1px solid rgba(255,255,255,.2); font-size:12px; }
  .header-cta { min-height:43px; justify-content:center; margin-top:12px; }
  .hero { padding:17px 18px 25px; }
  .hero h1 { margin-bottom:5px; font-size:clamp(25px,7vw,34px); }
  .hero-grid { grid-template-columns:1fr; gap:1px; }
  .hero-copy { padding-top:4px; }
  .hero-intro { font-size:12px; }
  .hero-points { grid-template-columns:1fr; gap:6px; margin-bottom:16px; }
  .hero-points li { font-size:11px; }
  .hero-product { min-height:230px; max-height:290px; grid-row:1; }
  .hero-product img { max-width:275px; max-height:280px; object-fit:contain; }
  .hero-note { font-size:8px; }
  .section-band { min-height:42px; padding:7px 14px; font-size:20px; }
  .trust-badges { min-height:126px; padding:12px 14px; }
  .trust-graphic figcaption { margin-top:5px; font-size:7px; }
  .about-grid { grid-template-columns:1fr; gap:17px; padding-top:19px; padding-bottom:24px; }
  .about-image img { width:min(85%,360px); max-height:420px; object-fit:contain; }
  .about-copy { padding:0; font-size:11px; }
  .about-copy h3 { font-size:15px; }
  .how-copy { padding-top:17px; padding-bottom:23px; font-size:11px; }
  .support-grid { grid-template-columns:1fr; gap:8px; margin:15px 0; }
  .support-grid article { min-height:auto; display:grid; grid-template-columns:29px 1fr; column-gap:10px; padding:11px; }
  .support-grid article > span { grid-row:span 2; }
  .support-grid h3 { margin:1px 0 3px; font-size:13px; }
  .support-grid p { font-size:9px; }
  .ingredient-copy { padding-top:14px; padding-bottom:17px; }
  .ingredient-intro { margin-bottom:10px; font-size:12px; }
  .ingredient-claim-note { margin-bottom:12px; padding:11px 12px; font-size:10px; }
  .ingredient-copy-grid { grid-template-columns:1fr; gap:8px; }
  .ingredient-copy-card { padding:12px; }
  .ingredient-copy-card h3 { margin-bottom:6px; font-size:13px; }
  .ingredient-copy-card p { font-size:10px; }
  .ingredient-note { font-size:8px; }
  .benefits-list { padding-top:9px; padding-bottom:16px; }
  .benefits-list p { gap:9px; padding:9px 1px; font-size:10px; }
  .know-grid { grid-template-columns:1fr; gap:9px; padding-top:13px; padding-bottom:18px; }
  .know-card { min-height:0; padding:13px; }
  .know-card h3 { margin:9px 0 4px; font-size:14px; }
  .know-card p { font-size:10px; }
  .pricing-subhead { padding:17px 16px 1px; }
  .pricing-subhead h2 { font-size:20px; }
  .pricing-subhead p { font-size:9px; }
  .offer-grid { grid-template-columns:1fr; gap:12px; padding-top:12px; }
  .offer-card { min-height:265px; padding:12px; }
  .offer-art { height:132px; }
  .offer-card p { min-height:0; max-width:320px; }
  .offer-card .button { max-width:320px; }
  .guarantee-section { padding:25px 18px; }
  .guarantee-grid { grid-template-columns:1fr; gap:24px; }
  .guarantee-seal { width:138px; height:138px; }
  .guarantee-seal strong { font-size:43px; }
  .guarantee-seal b { font-size:16px; }
  .guarantee-copy { text-align:center; }
  .guarantee-copy h2 { font-size:22px; }
  .guarantee-copy h3 { font-size:14px; }
  .guarantee-copy p { font-size:10px; }
  .guarantee-copy .button { font-size:10px; }
  .faq-list { padding-top:6px; padding-bottom:17px; }
  .faq-list summary { min-height:47px; font-size:11px; }
  .faq-list details p { font-size:9px; }
  .closing-offer { padding:19px 17px; }
  .closing-grid { grid-template-columns:1fr; gap:6px; }
  .closing-image { max-height:220px; grid-row:1; }
  .closing-image img { max-height:210px; width:min(220px,100%); }
  .closing-eyebrow { font-size:8px; }
  .closing-copy h2 { font-size:26px; }
  .closing-copy p { font-size:10px; }
  .footer-links { gap:8px 15px; padding-top:14px; padding-bottom:14px; }
  .footer-links nav { gap:8px; }
  .footer-links a { padding-left:13px; font-size:8px; }
  .footer-links a::before { width:7px; height:7px; }
  .health-disclaimer { padding:11px 0; }
  .health-disclaimer strong { font-size:9px; }
  .health-disclaimer p { font-size:8px; }
  .footer-bottom { grid-template-columns:1fr; gap:9px; padding-top:14px; padding-bottom:16px; font-size:8px; }
  .affiliate-disclosure { grid-row:2; }
  .footer-legal { gap:11px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; } }