:root{
  --sec-y:44px;--gut:20px;--head-gap:20px;--block:24px;--card-pad:16px;--cta-gap:20px;
  --cream:#F2EFE6;--cream-2:#E9E4D6;--paper:#FAF8F3;
  --forest:#1B3322;--blue:#22455E;--gold:#C28430;--gold-ink:#8E5F1F;
  --red:#A33B2C;--red-deep:#7E2C20;--red-wash:#F6E4DF;--red-line:rgba(163,59,44,.22);
  --line:rgba(27,51,34,.13);--muted:rgba(27,51,34,.7);
  --on-dark:rgba(242,239,230,.8);--line-dark:rgba(242,239,230,.16);
  --serif:"Libre Caslon Text",Georgia,serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:#D9D4C6;color:var(--forest);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.phone{max-width:430px;margin:0 auto;background:var(--cream);position:relative;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.2px;text-wrap:balance;text-transform:capitalize}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sec{padding:var(--sec-y) var(--gut)}
.sec--dark{background:var(--forest);color:var(--cream)}
.sec--blue{background:var(--blue);color:var(--cream)}
.sec--deep{background:var(--cream-2)}
.sec--paper{background:var(--paper)}
.h2{font-size:30px;line-height:1.15}
.lede{font-size:16px;color:var(--muted);margin-top:12px;max-width:36ch}
.sec--dark .lede,.sec--blue .lede{color:var(--on-dark)}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 16px;border-radius:12px;font:700 16.5px var(--sans);text-decoration:none;border:0;cursor:pointer;text-transform:capitalize}
.btn:active{transform:translateY(1px)}
.btn--gold{background:var(--gold);color:var(--forest)}
.btn--forest{background:var(--forest);color:var(--cream)}
.btn--blue{background:var(--blue);color:var(--cream)}
.btn--red{background:var(--red);color:var(--cream)}
.btn--line{background:transparent;color:inherit;border:1.5px solid currentColor;font-weight:600}
.btn+.btn{margin-top:8px}
.more{display:inline-block;margin-top:var(--cta-gap);font-weight:700;font-size:15.5px;color:var(--gold-ink);text-underline-offset:4px;text-decoration-thickness:1.5px;text-transform:capitalize}
.sec--dark .more,.sec--blue .more{color:var(--gold)}
.fine{font-size:13px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.45}
.sec--dark .fine,.sec--blue .fine{color:var(--on-dark)}

/* Rails + centred dot pagination */
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:var(--head-gap) calc(var(--gut) * -1) 0;padding:0 var(--gut) 4px;scroll-padding-inline:var(--gut);list-style:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{flex:0 0 84%;scroll-snap-align:start}
.pager{display:flex;justify-content:center;gap:2px;margin-top:16px}
.pager button{width:24px;height:28px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}
.pager button span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.25;transition:all .25s}
.pager button[aria-current="true"] span{width:20px;border-radius:4px;opacity:1}
.pager--red{color:var(--red)}
.pager--light{color:var(--cream)}
.pager--gold{color:var(--gold)}
.ph-tag{position:absolute;left:10px;bottom:10px;background:rgba(27,51,34,.82);color:var(--cream);font-size:11px;padding:4px 8px;border-radius:20px}

/* Running strip */
.strip{background:var(--forest);color:var(--cream);height:40px;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.strip::-webkit-scrollbar{display:none}
@media (hover:hover){.strip{cursor:grab}.strip.dragging{cursor:grabbing;user-select:none}}
.strip__track{display:flex;width:max-content}
.strip__set{display:flex;align-items:center;gap:8px;padding-right:8px}
.strip__batch{font-size:13px;font-weight:600;white-space:nowrap}
.strip__batch .mono{color:var(--gold);font-size:12.5px;font-weight:500}
.patch{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
.patch--nmr{background:var(--gold);color:var(--forest)}
.patch--fssai{background:var(--blue);color:var(--cream)}
.patch--pollen{background:var(--cream);color:var(--forest)}
.strip__dot{width:4px;height:4px;border-radius:50%;background:rgba(242,239,230,.4)}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.strip__track{animation:none}.strip{overflow-x:auto}}

/* Header */
.head{position:sticky;top:0;z-index:30;background:var(--cream);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px 0 var(--gut)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--forest)}
.brand__mark{width:36px;height:36px;flex:none}
.brand__word{height:23px;width:auto;aspect-ratio:2420/397;flex:none;margin-top:2px}
.icon-btn{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:var(--forest);border-radius:10px}
.menu{position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:4px 20px 16px;display:none;box-shadow:0 12px 24px rgba(27,51,34,.08)}
.menu.open{display:block}
.menu a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--serif);font-size:19px}
.menu .menu__wa{border:0;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--gold-ink);padding-top:16px}

/* Hero */
.hero{padding:0 0 var(--sec-y)}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:1/1}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;position:relative;margin:0;overflow:hidden;display:grid;place-items:center;background:#EDE9DF}
.slide img{width:100%;height:100%;object-fit:cover}
.slide--ph{background:var(--cream-2);color:var(--muted);font-size:13px;text-align:center}
.slide--ph svg{margin:0 auto 8px;opacity:.5}
.dots{display:flex;justify-content:center;gap:2px;padding-top:8px}
.dot{width:28px;height:28px;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0}
.dot span{width:7px;height:7px;border-radius:50%;background:rgba(27,51,34,.25);transition:all .25s}
.dot[aria-current="true"] span{width:22px;border-radius:4px;background:var(--forest)}
.hero__body{padding:20px var(--gut) 0}
.hero h1{font-size:36px;line-height:1.1}
.ticket{position:relative;margin-top:var(--head-gap);background:var(--forest);color:var(--cream);border-radius:16px;padding:16px 16px 0;overflow:hidden}
.ticket__top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1.5px dashed rgba(194,132,48,.6);padding-bottom:8px;margin-bottom:12px}
.ticket__top strong{font-family:var(--serif);font-weight:400;font-size:18px}
.ticket__top strong .mono{font-size:15px;color:var(--gold)}
.ticket__top span{font-size:12.5px;color:var(--on-dark)}
.ticket dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}
.ticket dt{font-size:12px;color:rgba(242,239,230,.62);display:flex;align-items:center;gap:4px}
.ticket dt svg{color:var(--gold)}
.ticket dd{margin:0;font-weight:700;font-size:14.5px}
.ticket .row{opacity:0;animation:in .3s ease forwards}
.ticket .row:nth-child(1){animation-delay:.15s}.ticket .row:nth-child(2){animation-delay:.25s}.ticket .row:nth-child(3){animation-delay:.35s}.ticket .row:nth-child(4){animation-delay:.45s}
@keyframes in{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ticket .row{opacity:1;animation:none}}
.stock{margin-top:16px;padding:12px 0 2px;border-top:1px solid var(--line-dark)}
.stock__row{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}
.stock__row b{color:var(--gold);font-size:15px}
.stock__bar{height:6px;border-radius:3px;background:rgba(242,239,230,.14);margin-top:8px;overflow:hidden}
.stock__bar i{display:block;height:100%;width:38%;background:var(--gold);border-radius:3px}
.ticket__check{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px -16px 0;padding:12px 16px;background:var(--blue);text-decoration:none}
.ticket__check b{display:block;font-size:14.5px;text-transform:capitalize}
.ticket__check span{font-size:12.5px;color:var(--on-dark)}
.ticket__check svg{flex:none;color:var(--gold)}
.hero__cta{margin-top:var(--cta-gap)}

/* Problem section */
.prob{background:var(--red-wash);position:relative;border-top:4px solid var(--red)}
.alert-tag{margin-bottom:16px !important;display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--cream);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 8px 8px;border-radius:20px;margin-bottom:16px}
.chapter{display:flex;align-items:center;gap:8px;margin:44px 0 16px;color:var(--red)}
.chapter__n{width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.chapter__t{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chapter::after{content:"";flex:1;height:1px;background:var(--red-line)}
.test-card{margin-top:24px;background:var(--paper);border:1px solid var(--red-line);border-radius:18px;padding:16px}
.samples{display:grid;grid-template-columns:repeat(11,1fr);gap:8px}
.s{aspect-ratio:3/4;border-radius:3px 3px 5px 5px;position:relative}
.s::before{content:"";position:absolute;left:24%;right:24%;top:-5px;height:5px;border-radius:2px 2px 0 0;background:inherit}
.s--f{background:var(--red)}
.s--f::after{content:"";position:absolute;inset:32% 26%;background:linear-gradient(45deg,transparent 42%,var(--cream) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--cream) 42% 58%,transparent 58%)}
.s--p{border:1.5px solid var(--forest)}
.s--p::before{background:var(--forest)}
.legend{display:flex;gap:16px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:9px;height:12px;border-radius:2px}
.verdict{margin-top:16px;border-top:1px dashed var(--red-line);padding-top:16px}
.verdict b{display:block;font-family:var(--serif);font-weight:400;font-size:42px;line-height:1;color:var(--red)}
.verdict p{margin-top:8px;font-size:15.5px}
.src{margin-top:8px;font-size:12px;color:var(--muted)}
.twist{display:grid;grid-template-columns:auto 1fr;gap:12px;background:var(--paper);border:1px solid var(--red-line);border-left:4px solid var(--red);border-radius:0 14px 14px 0;padding:16px}
.twist svg{color:var(--red);margin-top:2px}
.twist p{font-size:15.5px}
.twist strong{font-weight:800;color:var(--red-deep)}
.sub{font-size:22px;line-height:1.25;margin:28px 0 16px}
.how{position:relative;background:linear-gradient(160deg,var(--red) 0%,var(--red-deep) 100%);color:var(--cream);border-radius:18px;padding:20px 16px 24px;overflow:hidden}
.how__top{display:flex;justify-content:space-between;align-items:flex-start}
.how__icon{width:52px;height:52px;border-radius:14px;background:rgba(242,239,230,.14);display:grid;place-items:center}
.how__n{font-family:var(--serif);font-size:40px;line-height:1;color:rgba(242,239,230,.28)}
.how h4{font-size:20px;line-height:1.25;margin:16px 0 8px}
.how p{font-size:14.5px;color:rgba(242,239,230,.85)}
.how__flag{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:700;background:rgba(242,239,230,.14);padding:4px 8px;border-radius:20px}
.jars{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.jar{border-radius:16px;padding:16px 16px;display:flex;flex-direction:column}
.jar--them{background:var(--paper);border:1px solid var(--red-line)}
.jar--us{background:var(--forest);color:var(--cream)}
.jar__who{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;opacity:.8}
.jar__price{font-weight:800;font-size:22px;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.jar__price span{font-weight:500;font-size:13px;opacity:.7}
.jar__claim{font-family:var(--serif);font-size:21px;line-height:1.2}
.jar__note{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4}
.jar__flaw{margin-top:auto;padding-top:12px}
.jar__flaw div{display:flex;gap:8px;align-items:flex-start;background:var(--red-wash);border-radius:10px;padding:8px 8px;font-size:12.5px;line-height:1.4;color:var(--red-deep);font-weight:600}
.jar__flaw svg{flex:none;margin-top:1px;color:var(--red)}
.jar__batch{font-family:var(--mono);font-size:12px;color:var(--gold);margin-bottom:8px}
.jar__vals{border-top:1px dashed rgba(194,132,48,.6);padding-top:8px;display:grid;gap:8px;margin:0}
.jar__vals dt{font-size:11.5px;color:rgba(242,239,230,.6)}
.jar__vals dd{margin:0;font-family:var(--mono);font-size:12.5px;color:var(--gold)}
.punch{margin-top:24px;background:var(--forest);color:var(--cream);border-radius:20px;padding:24px 20px}
.punch h3{font-size:26px;line-height:1.25}
.punch h3 em{font-style:normal;color:var(--gold)}
.punch p{margin-top:12px;font-size:15.5px;color:var(--on-dark)}
.punch__rule{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-dark);font-weight:800;font-size:16px}
.punch__rule svg{flex:none;color:var(--gold)}
.punch .btn{margin-top:16px}

/* Trace */
.step{background:rgba(242,239,230,.06);border:1px solid var(--line-dark);border-radius:16px;overflow:hidden}
.step__img{aspect-ratio:4/3.4;position:relative;overflow:hidden}
.step__img img{width:100%;height:100%;object-fit:cover}
.real{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:4px;background:var(--blue);color:var(--cream);font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:20px}
.real svg{color:var(--gold)}
.step__body{padding:16px 16px 16px}
.step__n{font-size:12.5px;font-weight:700;color:var(--gold)}
.step h3{font-size:20px;margin:4px 0 8px}
.step p{font-size:14.5px;color:var(--on-dark)}
.lookup{margin-top:var(--block);background:var(--blue);color:var(--cream);border-radius:18px;padding:24px 16px;border:1px solid rgba(242,239,230,.12)}
.lookup__head{display:flex;gap:12px;align-items:flex-start}
.lookup__icon{width:42px;height:42px;border-radius:12px;background:rgba(242,239,230,.12);display:grid;place-items:center;flex:none;color:var(--gold)}
.lookup h3{font-size:21px}
.lookup p{font-size:14px;color:var(--on-dark);margin-top:3px}
.lookup form{display:flex;gap:8px;margin-top:16px}
.lookup input{flex:1;min-width:0;height:52px;border-radius:12px;border:1.5px solid rgba(242,239,230,.3);background:rgba(242,239,230,.08);font:500 16px var(--mono);color:var(--cream);padding:0 16px}
.lookup input::placeholder{color:rgba(242,239,230,.45)}
.lookup input:focus{border-color:var(--gold);outline:none}
.lookup input[aria-invalid="true"]{border-color:#E08A7C}
.lookup button{width:auto;min-height:52px;padding:0 16px}
.out{margin-top:12px;font-size:14px}
.out.ok{background:var(--cream);color:var(--forest);border-radius:12px;padding:16px}
.out.ok b{color:var(--blue);font-family:var(--mono);font-weight:500}
.out.err{color:#F0B1A6;font-weight:600}

/* Benefits */
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:var(--head-gap) calc(var(--gut) * -1) 0;padding:0 var(--gut)}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:40px;padding:0 16px;border-radius:20px;border:1.5px solid var(--line);background:transparent;font-weight:600;font-size:14px;cursor:pointer;color:var(--forest);text-transform:capitalize}
.chip[aria-current="true"]{background:var(--forest);border-color:var(--forest);color:var(--cream)}
#benRail{margin-top:12px}
.bcard{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.bcard__img{aspect-ratio:16/9;position:relative;overflow:hidden}
.bcard__img img{width:100%;height:100%;object-fit:cover}
.bcard__img .ph-tag{left:auto;right:10px}
.bcard__body{padding:16px 16px 20px;display:flex;flex-direction:column;flex:1}
.lbl{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.lbl--red{color:var(--red)}
.lbl--gold{color:var(--gold-ink)}
.lbl--blue{color:var(--blue)}
.b-prob{font-family:var(--serif);font-size:19px;line-height:1.35;margin-top:8px}
.b-sep{height:1px;background:var(--line);margin:16px 0}
.b-comp{display:flex;align-items:center;gap:8px;margin-top:8px}
.b-comp svg{flex:none;color:var(--gold)}
.b-comp strong{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;text-transform:capitalize}
.b-help{font-size:14.5px;color:var(--muted);margin-top:8px}
.b-sci{margin-top:16px;background:rgba(34,69,94,.07);border-radius:14px;padding:16px;margin-top:auto}
.b-sci__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.src-logo{width:44px;height:44px;border-radius:50%;background:var(--blue);color:var(--cream);display:grid;place-items:center;font-weight:800;font-size:12.5px;letter-spacing:.02em;flex:none}
.src-logo--sm{width:38px;height:38px;font-size:11px;margin-left:-8px;border:2px solid var(--paper)}
.b-sci__head b{display:block;font-size:13.5px}
.b-sci__head span{font-size:12px;color:var(--muted)}
.b-sci p{font-size:14px;line-height:1.5}
.b-big{font-family:var(--serif);font-size:34px;line-height:1;color:var(--blue);margin-bottom:8px}
.b-small{margin-top:12px;font-size:12.5px;font-weight:700;color:var(--red);display:flex;gap:8px;align-items:center}
.b-spacer{height:16px}

/* Lab reports */
.reports{display:grid;gap:12px;margin-top:var(--head-gap)}
.report{display:grid;grid-template-columns:58px 1fr;gap:16px;background:rgba(242,239,230,.07);border:1px solid var(--line-dark);border-radius:14px;padding:16px}
.doc{width:58px;height:74px;background:var(--cream);border-radius:6px;position:relative;padding:8px 8px}
.doc i{display:block;height:4px;border-radius:2px;background:rgba(34,69,94,.25);margin-bottom:4px}
.doc i:nth-child(2){width:70%}.doc i:nth-child(4){width:55%}
.doc em{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--forest)}
.report h3{font-family:var(--sans);font-weight:800;font-size:16px}
.report p{font-size:13.5px;color:var(--on-dark);margin-top:3px;line-height:1.45}
.report a{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--gold)}
.rep-cta{margin-top:var(--cta-gap)}

/* Rituals (off-white) */
.ritual{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.ritual__img{aspect-ratio:4/3;overflow:hidden}
.ritual__img img{width:100%;height:100%;object-fit:cover}
.ritual__body{padding:16px 16px 16px}
.ritual small{color:var(--gold-ink);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.ritual h3{font-size:19px;margin:4px 0 8px}
.ritual p{font-size:14px;color:var(--muted)}
.swap{background:var(--blue);color:var(--cream);border-radius:18px;padding:16px;display:flex;flex-direction:column}
.swap h3{font-size:19px;margin-bottom:16px}
.swap__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}
.swap__col{border-radius:12px;padding:8px}
.swap__col.s1{background:rgba(242,239,230,.08)}
.swap__col.s2{background:rgba(194,132,48,.22)}
.swap__col strong{display:block;font-size:13px;margin-bottom:8px}
.swap__col ul{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.4}
.swap__col li{padding:4px 0;border-top:1px solid var(--line-dark)}
.swap .src{color:var(--on-dark);margin-top:8px}
.rit-cta{margin-top:var(--cta-gap)}

/* Testimonials */
.review{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column}
.review__who{display:flex;align-items:center;gap:12px}
.av{width:46px;height:46px;border-radius:50%;background:var(--forest);color:var(--cream);display:grid;place-items:center;font-family:var(--serif);font-size:18px;flex:none}
.av--blue{background:var(--blue)}.av--gold{background:var(--gold);color:var(--forest)}
.review__who h3{font-family:var(--sans);font-weight:800;font-size:17px;letter-spacing:0;line-height:1.25}
.review__who div span{display:block;font-size:13px;color:var(--muted)}
.review__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.stars{display:flex;gap:2px;color:var(--gold)}
.tag{font-size:12px;font-weight:700;color:var(--gold-ink);background:rgba(194,132,48,.14);padding:4px 8px;border-radius:20px;white-space:nowrap}
.review blockquote{margin:16px 0 0;font-size:16px;line-height:1.65}
.review blockquote::before{content:"\201C";display:block;font-family:var(--serif);font-size:44px;line-height:.5;color:var(--gold);margin:8px 0 4px}
mark{background:linear-gradient(transparent 55%,rgba(194,132,48,.35) 55%);color:inherit;font-weight:700;padding:0 1px}

/* About */
.story-lede{font-family:var(--serif);font-size:22px;line-height:1.35;margin-top:16px}
.timeline{list-style:none;margin:var(--head-gap) 0 0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(var(--gold) 0 6px,transparent 6px 12px)}
.tl{position:relative;padding-left:60px;padding-bottom:24px}
.tl:last-child{padding-bottom:0}
.tl__icon{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--forest);color:var(--gold);display:grid;place-items:center;border:3px solid var(--cream)}
.tl__icon--blue{background:var(--blue)}
.tl__icon--gold{background:var(--gold);color:var(--forest)}
.tl__k{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-ink)}
.tl h3{font-family:var(--sans);font-weight:800;font-size:17px;line-height:1.35;margin:3px 0 8px;letter-spacing:0}
.tl p{font-size:15px;color:var(--muted)}
.tl__chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:700}
.mission{margin:var(--block) 0 0;background:var(--forest);color:var(--cream);border-radius:20px;padding:24px 20px;position:relative;overflow:hidden}
.mission::before{content:"\201C";position:absolute;top:4px;right:16px;font-family:var(--serif);font-size:84px;line-height:1;color:var(--gold);opacity:.5}
.mission figcaption{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.mission p{font-family:var(--serif);font-size:20px;line-height:1.42;margin-top:8px}
.sign{display:flex;align-items:center;gap:12px;margin-top:var(--head-gap)}
.sign .av{width:42px;height:42px;font-size:16px}
.sign b{display:block;font-size:15px}
.sign div span{font-size:13px;color:var(--muted)}

/* Offer */
.plans{display:grid;gap:12px;margin-top:var(--head-gap)}
.plan{position:relative;display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;border:1.5px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;background:var(--paper)}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plan:has(input:checked){border-color:var(--gold);background:#FBF3E4}
.plan:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
.plan .thumb{width:76px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#EDE9DF}
.plan .thumb img{width:100%;height:100%;object-fit:cover}
.plan h3{font-family:var(--sans);font-weight:800;font-size:16px;letter-spacing:0}
.plan .price{font-weight:800;font-size:18px;margin-top:2px}
.plan .price s{font-weight:500;color:var(--muted);font-size:14px;margin-left:8px}
.plan p{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.4}
.plan .badge{position:absolute;top:-10px;right:14px;background:var(--gold);color:var(--forest);font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:20px}
.offer-cta{margin-top:var(--cta-gap)}
.perks{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:13.5px;color:var(--muted)}
.perks li{display:flex;gap:8px;align-items:center}
.perks svg{color:var(--gold);flex:none}

/* FAQ */
.faq{margin-top:var(--head-gap);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:16px 32px 16px 0;font-weight:700;font-size:15.5px;position:relative;line-height:1.35;text-transform:capitalize}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 0 16px;font-size:14.5px;color:var(--muted)}
.chat{margin-top:var(--block);background:var(--forest);color:var(--cream);border-radius:18px;padding:20px 16px}
.chat h3{font-size:21px}
.chat p{font-size:14.5px;color:var(--on-dark);margin:8px 0 16px}

/* Footer */
.foot{background:var(--forest);color:var(--cream);padding:var(--sec-y) var(--gut) 112px;border-top:1px solid var(--line-dark)}
.foot__brand{display:flex;align-items:center;gap:12px;color:var(--cream)}
.foot__brand .brand__mark{width:44px;height:44px}
.foot__brand .brand__word{height:28px}
.foot__tag{font-size:13.5px;color:var(--on-dark);margin-top:8px}
.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin:24px 0;padding-top:20px;border-top:1px solid var(--line-dark)}
.foot nav a{padding:8px 0;text-decoration:none;font-size:14.5px;color:rgba(242,239,230,.9)}
.foot__legal{font-size:12px;color:rgba(242,239,230,.6);line-height:1.7;border-top:1px solid var(--line-dark);padding-top:16px}
.foot__legal .mono{font-size:12px;color:rgba(242,239,230,.8)}
.foot__legal strong{color:var(--cream);font-weight:600}

/* Sticky bar */
.sticky{position:fixed;left:50%;bottom:0;width:min(430px,100%);transform:translate(-50%,110%);z-index:40;background:var(--forest);padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:center;transition:transform .3s ease;border-top:1px solid rgba(194,132,48,.45)}
.sticky.show{transform:translate(-50%,0)}
.sticky .btn{min-height:50px}
.sticky__p{color:var(--cream);font-size:12px;line-height:1.2;flex:none}
.sticky__p b{display:block;font-size:17px}
.sticky__wa{flex:0 0 50px;height:50px;border-radius:12px;background:rgba(242,239,230,.1);display:grid;place-items:center;color:var(--cream)}
.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 72px);transform:translate(-50%,-14px);opacity:0;pointer-events:none;background:var(--blue);color:var(--cream);font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:12px;z-index:50;transition:all .25s;width:max-content;max-width:calc(100% - 40px)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---- v3: problem flow with dotted connector ---- */
.flow{margin-top:var(--block)}
.flow__step{position:relative;padding-left:40px;padding-bottom:var(--block)}
.flow__step:last-child{padding-bottom:0}
.flow__step:not(:last-child)::before{content:"";position:absolute;left:14px;top:34px;bottom:4px;width:2px;background:repeating-linear-gradient(var(--red) 0 5px,transparent 5px 11px);opacity:.55}
.flow__head{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:12px}
.flow__node{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-weight:800;font-size:13px;box-shadow:0 0 0 4px var(--red-wash)}
.flow__t{font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--red)}
.flow .rail{margin:0 calc(var(--gut) * -1) 0 0;padding:0 var(--gut) 4px 0;scroll-padding-inline:0}
.flow .rail>*{flex-basis:88%}
.test-card{margin-top:0;padding:16px}
.verdict{margin:0;border:0;padding:0}
.verdict b{font-size:38px}
.src{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--red-line);font-size:12.5px;font-weight:700;color:var(--forest)}
.src svg{flex:none;color:var(--red)}
.twist{padding:16px}
.twist p{font-size:15px}
.bridge{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:700;color:var(--red-deep)}
.bridge svg{flex:none;color:var(--red)}
.flow .sub{font-size:20px;margin:16px 0 12px}
.flow .rail{margin-top:0}
.how{padding:16px 16px 16px;border-radius:16px}
.how__icon{width:44px;height:44px;border-radius:12px}
.how__icon svg{width:24px;height:24px}
.how__n{font-size:32px}
.how h4{font-size:18px;margin:12px 0 8px}
.how p{font-size:14px}
.how__flag{margin-top:12px}
.jar{padding:16px 12px;border-radius:14px}
.jar__price{font-size:20px;margin:2px 0 8px}
.jar__claim{font-size:19px}
.punch{margin-top:16px;padding:20px 16px;border-radius:18px}
.punch h3{font-size:22px}
.punch .btn{margin-top:16px}

/* ---- v3: research-first benefit cards ---- */
.org{position:relative;background:var(--blue);color:var(--cream);display:flex;align-items:center;gap:12px;padding:20px 16px 28px;min-height:112px}
.org__logo{width:52px;height:52px;border-radius:50%;background:var(--cream);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:13.5px;letter-spacing:.02em;flex:none}
.org__logo--2{width:42px;height:42px;font-size:11px;margin-left:-24px;border:2px solid var(--blue)}
.org b{display:block;font-size:14.5px;line-height:1.3}
.org span:not(.org__logo):not(.org__ph){font-size:12.5px;color:var(--on-dark)}
.org__ph{position:absolute;right:10px;bottom:8px;font-size:10.5px;color:rgba(242,239,230,.55)}
.bcard__body{padding:var(--card-pad)}
.outcome{font-family:var(--serif);font-size:21px;line-height:1.35}
.outcome mark{font-weight:400;background:linear-gradient(transparent 58%,rgba(194,132,48,.38) 58%)}
.outcome-sub{font-size:14px;color:var(--muted);margin-top:8px}
.b-sep{margin:16px 0 16px}
.b-help b{color:var(--forest);font-weight:700}
.b-small{margin-top:12px}

/* ===== v4 ===== */
.menu a{display:flex;align-items:center;gap:8px}
.menu .menu__wa{color:var(--gold-ink)}

/* Honey alert: compact */
.prob{padding-top:44px;padding-bottom:44px}
.prob .h2{font-size:26px}
.prob .lede{font-size:15px;margin-top:8px}
.prob .alert-tag{margin-bottom:12px!important;font-size:11.5px;padding:4px 8px 4px 8px}
.flow{margin-top:var(--head-gap)}
.flow__step{padding-bottom:24px}
.flow__head{margin-bottom:8px}
.stat-row{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--red-line);border-radius:14px;padding:12px 16px}
.stat-num{flex:none;text-align:center;color:var(--red);line-height:1}
.stat-num b{display:block;font-family:var(--serif);font-weight:700;font-size:44px;letter-spacing:-1px}
.stat-num span{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.stat-line{font-size:14.5px;line-height:1.45}
.stat-line strong{color:var(--red-deep)}
.stat-row .src{margin-top:8px;padding-top:0;border:0;font-size:12px}
.twist{display:block;background:transparent;border:0;border-left:3px solid var(--red);border-radius:0;padding:2px 0 2px 12px;font-size:14.5px;line-height:1.5}
.twist strong{color:var(--red-deep)}
.bridge{margin:12px 0 8px;font-size:13.5px}
.flow .rail>*{flex-basis:82%}
.how{padding:16px 16px 16px;border-radius:14px}
.how__icon{width:36px;height:36px;border-radius:10px}
.how__icon svg{width:20px;height:20px}
.how__n{font-size:24px}
.how h4{font-size:17px;margin:8px 0 4px}
.how p{font-size:13.5px;line-height:1.45}
.how__flag{margin-top:8px;font-size:11.5px;padding:4px 8px}
.flow .pager{margin-top:8px}
.flow .sub{font-size:18px;margin:0 0 8px}
.cmp{background:var(--paper);border:1px solid var(--red-line);border-radius:14px;overflow:hidden;font-size:13px;line-height:1.35}
.cmp__row{display:grid;grid-template-columns:76px 1fr 1fr}
.cmp__row>span{padding:8px 8px;border-top:1px solid var(--line)}
.cmp__row>span[role="rowheader"]{font-size:11.5px;font-weight:700;color:var(--muted);padding-right:4px}
.cmp__head>span{border-top:0;font-size:12px;font-weight:700;color:var(--muted);padding-top:8px}
.cmp__head b{display:block;font-size:15px;color:var(--forest);font-variant-numeric:tabular-nums}
.cmp .us{background:var(--forest);color:var(--cream)}
.cmp .us.mono{color:var(--gold);font-size:12px}
.cmp__head .us{color:rgba(242,239,230,.75)}.cmp__head .us b{color:var(--cream)}
.cmp__row:not(.cmp__head) .us{border-top-color:var(--line-dark)}
.cmp .bad{color:var(--red-deep);font-weight:700;display:flex;gap:4px;align-items:flex-start}
.cmp .bad svg{flex:none;margin-top:2px;color:var(--red)}
.punch{margin-top:12px;padding:16px;border-radius:14px}
.punch__h{font-family:var(--serif);font-size:19px;line-height:1.35}
.punch__h em{font-style:normal;color:var(--gold)}
.punch__s{font-size:14px;color:var(--on-dark);margin-top:8px}
.punch__s strong{color:var(--cream)}
.punch__cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;font-size:14.5px;color:var(--gold);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}

/* Link-styled buttons */
.linkbtn{background:none;border:0;padding:0;margin-top:8px;font:700 13.5px var(--sans);color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn--center{font-size:15.5px;margin-top:16px;text-decoration-thickness:1.5px}
.textlink{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--blue);text-underline-offset:3px}

/* Offer */
.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.ticks li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.ticks svg{flex:none;color:var(--gold)}
.plan .price small{font-size:13px;font-weight:600;color:var(--muted)}
.plan p b{color:var(--forest)}
.plan--save .badge{background:var(--forest);color:var(--cream)}

/* Footer */
.foot__nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line-dark)}
.foot__nav a{padding:8px 0;text-decoration:none;font-size:14.5px;color:rgba(242,239,230,.9)}
.foot__social{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-dark)}
.foot__h{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.social{display:flex;gap:8px;flex-wrap:wrap}
.social__btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 8px;border-radius:22px;border:1px solid var(--line-dark);text-decoration:none;font-size:13.5px;font-weight:600}
.social__icon{width:32px;height:32px;border-radius:50%;background:rgba(242,239,230,.12);display:grid;place-items:center;font-size:10.5px;font-weight:800;letter-spacing:.03em;color:var(--cream)}
.foot__legal{margin-top:24px}
.foot__legal p+p{margin-top:2px}
.certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cert{display:grid;place-items:center;height:44px;min-width:72px;padding:0 8px;border-radius:8px;background:var(--cream);color:var(--forest);font-size:11px;font-weight:800;letter-spacing:.02em;text-align:center}
.foot__copy{margin-top:16px}
.foot{padding-bottom:100px}

/* Sticky bar */
.sticky .btn{flex:1}

/* Lookup error with link */
.out.err a{color:var(--gold);font-weight:700}

/* ===== Batch report page ===== */
.bp{background:#F7F7F5;min-height:100vh;color:#1E2420}
.bp__bar{position:sticky;top:64px;z-index:5;background:#F7F7F5;padding:8px 12px;border-bottom:1px solid #E4E4E0}
.bp__back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 8px;border:0;background:none;font-weight:700;font-size:15px;cursor:pointer;color:#1E2420;border-radius:8px}
.bp__wrap{padding:20px var(--gut) 48px}
.bp__found{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#1F6B3A;background:#E3F1E7;padding:8px 12px 8px 8px;border-radius:20px}
.bp__found span{width:22px;height:22px;border-radius:50%;background:#1F6B3A;color:#fff;display:grid;place-items:center}
.bp__h{font-family:var(--sans);font-weight:800;font-size:24px;margin-top:12px;letter-spacing:-.3px;text-transform:none}
.bp__card{margin-top:16px;background:#fff;border:1px solid #E4E4E0;border-radius:14px;padding:16px}
.bp__id{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid #EDEDEA;margin-bottom:12px}
.bp__id span{font-size:13px;color:#6B706C}
.bp__id b{font-size:16px;color:var(--blue);font-weight:500}
.bp__card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.bp__card dt{font-size:12px;color:#6B706C}
.bp__card dd{margin:2px 0 0;font-weight:700;font-size:14.5px}
.bp__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
.bp__tab{text-align:left;background:#fff;border:1.5px solid #E4E4E0;border-radius:12px;padding:12px;cursor:pointer;color:#1E2420}
.bp__tab b{display:block;font-size:14.5px}
.bp__tab span{display:block;font-size:12px;color:#6B706C;margin-top:2px;line-height:1.35}
.bp__tab[aria-selected="true"]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#F2F6F8}
.bp__panel{margin-top:16px}
.bp__open{margin-top:12px}
.bp__note{font-size:13px;color:#6B706C;margin-top:20px;text-align:center}
.bp__note a{color:var(--blue);font-weight:600}
.paper{background:#fff;border:1px solid #E4E4E0;border-radius:8px;padding:16px 16px;font-size:12px;color:#2B2F2C;user-select:none;-webkit-user-select:none}
.paper--preview{height:230px;overflow:hidden;position:relative}
.paper--preview::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff)}
.paper h4{font-family:var(--sans);font-size:14px;font-weight:800;text-transform:none;letter-spacing:0}
.paper .rp-meta{color:#6B706C;margin:4px 0 12px;font-size:11.5px}
.paper table{width:100%;border-collapse:collapse;font-size:11.5px}
.paper th,.paper td{text-align:left;padding:8px 4px;border-bottom:1px solid #EDEDEA}
.paper th{color:#6B706C;font-weight:600}
.paper .ok{color:#1F6B3A;font-weight:700}
.paper .rp-ph{margin-top:12px;font-size:11px;color:#9A9E9A}
/* Viewer */
.viewer{position:fixed;inset:0;z-index:80;background:rgba(15,20,17,.86);display:flex;flex-direction:column}
.viewer[hidden]{display:none}
.viewer__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;color:#fff;font-weight:700;max-width:430px;width:100%;margin:0 auto}
.viewer__x{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.viewer__body{flex:1;overflow:auto;padding:0 16px 24px;max-width:430px;width:100%;margin:0 auto}
/* Lead-gen sheet */
.sheet{position:fixed;inset:0;z-index:70;background:rgba(27,51,34,.45);display:flex;align-items:flex-end;justify-content:center}
.sheet[hidden]{display:none}
.sheet__panel{position:relative;width:min(430px,100%);background:var(--cream);border-radius:22px 22px 0 0;padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;animation:up .25s ease}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.sheet__x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--forest)}
.sheet__icon{width:56px;height:56px;border-radius:16px;background:var(--blue);color:var(--gold);display:grid;place-items:center;margin:0 auto 16px}
.sheet__panel h3{font-size:24px}
.sheet__panel>p{font-size:15px;color:var(--muted);margin:8px auto 20px;max-width:32ch}
.sheet__fine{font-size:12.5px!important;margin:8px 0 0!important}

/* Trace sits on light cream after the blue reports section; forest cards keep the nature cue */
#trace .step{background:var(--forest);color:var(--cream);border:0}
.cmp__row{grid-template-columns:66px 1fr 1fr}
.cmp .nw{white-space:nowrap}

/* ===== v5: Proven Benefits Of Honey ===== */
.proven{background:var(--cream-2)}
.star{font-family:var(--sans);font-size:.55em;font-weight:800;color:var(--gold-ink);vertical-align:super;margin-left:2px;line-height:0}
.pv-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:var(--head-gap) calc(var(--gut) * -1) 0;padding:0 var(--gut)}
.pv-nav::-webkit-scrollbar{display:none}
.pv-nav a{flex:none;height:38px;display:inline-flex;align-items:center;padding:0 16px;border-radius:19px;border:1.5px solid var(--line);background:var(--paper);font-size:13.5px;font-weight:700;text-decoration:none;color:var(--forest)}
.pv-nav a[href="#sugar"]{border-color:var(--red-line);color:var(--red)}
.pv-cat{margin-top:var(--block);padding-top:var(--block);border-top:1px solid var(--line)}
.pv-cat:first-of-type{border-top:0;padding-top:0}
.pv-cat__h{font-size:22px;line-height:1.25}
.pv-cat__intro{font-size:15px;color:var(--muted);margin-top:8px}
.pv-note{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:700;color:var(--red)}
.pv-rail{margin-top:16px}
.pv-rail>.pc{flex-basis:86%;display:flex;flex-direction:column}
.pc__card{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:var(--card-pad);display:flex;flex-direction:column}
.pc__org{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pc__org b{display:block;font-size:14.5px;line-height:1.3;color:var(--blue)}
.pc__org span{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}
.pc__tier{flex:none;font-size:11px!important;font-weight:800;color:var(--blue)!important;background:rgba(34,69,94,.1);padding:4px 8px;border-radius:20px;margin-top:0!important;white-space:nowrap}
.pc__out{font-family:var(--serif);font-size:18px;line-height:1.35;margin-top:12px}
.pc__ben{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.pc__ben li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4}
.pc__ben svg{flex:none;margin-top:3px;color:var(--gold)}
.pc__in{margin-top:auto;padding-top:16px}
.pc__in>.lbl{display:block;padding-top:12px;border-top:1px dashed var(--line)}
.pc__in p{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:14px;font-weight:700;line-height:1.4}
.pc__in svg{flex:none;color:var(--gold);margin-top:1px}
.pc__link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding-left:4px;font-size:13.5px;font-weight:700;color:var(--blue);text-underline-offset:3px}

/* Sugar part */
.pv-sugar{margin:var(--block) calc(var(--gut) * -1) 0;padding:var(--block) var(--gut);background:var(--red-wash);border-top:4px solid var(--red)}
.sk-label{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:var(--red);color:var(--cream);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:20px}
.sk-box{position:relative;margin-top:12px;background:var(--paper);border:1px solid var(--red-line);border-radius:16px;overflow:hidden}
.sk-list{list-style:none;margin:0;padding:0 16px;height:340px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}
.sk{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--red-line);scroll-snap-align:start;min-height:170px}
.sk:last-child{border-bottom:0}
.sk__n{flex:none;font-family:var(--serif);font-size:28px;line-height:1;color:var(--red)}
.sk__k{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--red)}
.sk h4{font-size:18px;line-height:1.3;margin:4px 0 8px}
.sk p{font-size:14px;color:var(--muted);line-height:1.45}
.sk__src{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700;color:var(--blue);line-height:1.35}
.sk__src svg{flex:none}
.sk-hint{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:28px 0 8px;background:linear-gradient(transparent,var(--paper) 60%);font-size:12.5px;font-weight:700;color:var(--red);pointer-events:none;transition:opacity .2s}
.sk-hint.gone{opacity:0}
.sk-verdict{margin-top:20px;font-family:var(--serif);font-size:22px;line-height:1.3;color:var(--red-deep)}
.st-lead{margin-top:20px;font-size:15.5px;font-weight:700}
.st{margin-top:12px;background:var(--paper);border:1px solid var(--red-line);border-radius:14px;overflow:hidden;font-size:13px}
.st__row{display:grid;grid-template-columns:1fr 92px 72px}
.st__row>span{padding:8px 8px;border-top:1px solid var(--line);line-height:1.35}
.st__head>span{border-top:0;font-size:12px;font-weight:800}
.st__row>span[role="rowheader"]{font-weight:600}
.st__honey{background:rgba(194,132,48,.16);font-weight:800;color:var(--forest)}
.st__head .st__honey{background:var(--forest);color:var(--cream)}
.st__sugar{background:rgba(163,59,44,.1);color:var(--red);font-weight:800;text-align:center}
.st__head .st__sugar{background:var(--red);color:var(--cream)}
.st-foot{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.5}
.st-foot b{color:var(--forest)}
.pv-disclaimer{display:flex;gap:8px;margin-top:var(--block);font-size:12.5px;line-height:1.55;color:var(--muted)}
.pv-disclaimer span{font-weight:800;color:var(--gold-ink)}

/* Benefits page */
.pv-bar{top:64px;background:var(--cream);border-bottom-color:var(--line)}
.pv-bar .bp__back{text-decoration:none;color:var(--forest)}
.proven--page{padding-top:32px}
.pv-h1{font-size:32px}
.menu a[aria-current="page"]{color:var(--gold-ink)}

/* ===== v7 (Final touch-up sheet) ===== */

/* Honey Alert, rebuilt compact: one spine, three parts, 17/22 is the focal point */
.prob .h2{font-size:24px;line-height:1.2}
.prob .lede{font-size:14.5px;margin-top:8px;max-width:none}
.ha{list-style:none;margin:var(--head-gap) 0 0;padding:0;position:relative}
.ha__step{position:relative;padding:0 0 24px 40px}
.ha__step:last-child{padding-bottom:0}
.ha__step:not(:last-child)::before{content:"";position:absolute;left:12px;top:30px;bottom:6px;width:2px;background:repeating-linear-gradient(var(--red) 0 4px,transparent 4px 9px);opacity:.5}
.ha__node{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-weight:800;font-size:12.5px;box-shadow:0 0 0 4px var(--red-wash)}
.ha__t{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--red);line-height:26px;margin-bottom:8px}

.ha-stat{display:flex;align-items:center;gap:16px;background:var(--red);color:var(--cream);border-radius:12px;padding:12px 16px}
.ha-stat__num{display:flex;align-items:center;gap:8px;flex:none;padding-right:16px;border-right:1px solid rgba(242,239,230,.25)}
.ha-stat__num b{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1;letter-spacing:-1px}
.ha-stat__num span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;color:rgba(242,239,230,.85)}
.ha-stat__txt{font-size:14px;line-height:1.45}
.ha-stat__txt b{font-weight:800}
.ha-src{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--forest)}
.ha-src svg{flex:none;margin-top:1px;color:var(--red)}
.ha-src b{font-weight:800}

.ha-twist{font-size:14px;line-height:1.5;border-left:3px solid var(--red);padding:1px 0 1px 12px}
.ha-twist b{color:var(--red-deep);font-weight:800}
.ha-bridge{display:flex;align-items:center;gap:8px;margin:8px 0 8px;font-size:13px;font-weight:700;color:var(--red-deep)}
.ha-bridge svg{flex:none;color:var(--red)}
.ha-how{list-style:none;margin:0;padding:0 12px;background:var(--paper);border:1px solid var(--red-line);border-radius:12px}
.ha-how li{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:12px 0}
.ha-how li+li{border-top:1px dashed var(--red-line)}
.ha-how__n{width:22px;height:22px;border-radius:6px;background:var(--red-wash);color:var(--red);font:800 11.5px var(--sans);display:grid;place-items:center;margin-top:1px}
.ha-how h4{font-family:var(--sans);font-weight:800;font-size:14.5px;line-height:1.3;text-transform:none;letter-spacing:0}
.ha-how p{font-size:13px;line-height:1.45;color:var(--muted);margin-top:2px}
.ha-flag{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:700;color:var(--red)}

.ha-sub{font-size:18px;line-height:1.3;margin:0 0 8px}
.ha-vs{border-radius:12px;overflow:hidden;border:1px solid var(--red-line);background:var(--paper)}
.ha-vs__row{display:grid;grid-template-columns:64px 1fr 1fr;font-size:12.5px;line-height:1.35}
.ha-vs__row>span{padding:8px 8px;border-top:1px solid var(--line)}
.ha-vs__row>span[role="rowheader"]{font-size:11px;font-weight:700;color:var(--muted);padding-right:2px}
.ha-vs__head>span{border-top:0;font-size:11.5px;font-weight:700;color:var(--muted);padding-top:8px}
.ha-vs__head b{display:block;font-size:14.5px;color:var(--forest);font-variant-numeric:tabular-nums}
.ha-vs .us{background:var(--forest);color:rgba(242,239,230,.75)}
.ha-vs__head .us b{color:var(--cream)}
.ha-vs__row:not(.ha-vs__head) .us{border-top-color:var(--line-dark)}
.ha-vs .us.mono{color:var(--gold);font-size:11.5px}
.ha-vs .bad{color:var(--red-deep);font-weight:700;display:flex;gap:4px;align-items:flex-start}
.ha-vs .bad svg{flex:none;margin-top:2px;color:var(--red)}
.ha-vs__foot{background:var(--forest);color:var(--cream);padding:16px 16px 16px;border-top:2px solid var(--gold)}
.ha-vs__h{font-family:var(--serif);font-size:16.5px;line-height:1.35}
.ha-vs__h em{font-style:normal;color:var(--gold)}
.ha-vs__s{font-size:13px;color:var(--on-dark);margin-top:8px}
.ha-vs__s b{color:var(--cream)}
.ha-vs__cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:700;font-size:14px;color:var(--gold);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}

/* Lab report cards: actual report snapshots */
.report{grid-template-columns:64px 1fr}
.doc{width:64px;height:86px}
.doc--img{padding:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.doc--img img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:5px}

/* Rituals: tappable */
.ritual{display:block;text-decoration:none;color:inherit}
.ritual__more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--gold-ink)}

/* Footer social: logos only */
.social{gap:12px}
.soc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none}
.soc--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.soc--th{background:#000}
.soc--wa{background:#25D366}

/* Certification logos */
.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cert{height:52px;min-width:0;padding:8px;background:#fff;border-radius:8px}
.cert img{max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain}

/* Sticky bar: actual WhatsApp button beside Reserve */
.sticky__wa{background:#25D366;color:#fff}

/* WhatsApp-green button (lead sheet) */
.btn--wa{background:#25D366;color:#0B3B1F}

/* Batch report page: full parameter table, no fade */
.paper--full{height:auto;overflow:visible}
.paper--full::after{display:none}
.paper table{table-layout:auto}
.paper td:first-child{padding-right:8px}
.paper td,.paper th{vertical-align:top;font-variant-numeric:tabular-nums}
.paper .grp td{padding-top:12px;font-weight:800;color:var(--forest);border-bottom:1px solid #DADAD5}
.paper .rp-ph{color:#6B706C;line-height:1.45}
.bp__open{gap:8px}

/* Viewer: actual report pages, pinch-zoomable */
.viewer__page{display:block;width:100%;height:auto;background:#fff;border-radius:4px;-webkit-user-drag:none;user-select:none}
.viewer__page+.viewer__page{margin-top:12px}
#viewerPaper{background:none;border:0;padding:0}

/* Lab-report sheet: curiosity redesign */
.sheet__panel{padding:0 0 calc(24px + env(safe-area-inset-bottom,0px));overflow:hidden;text-align:left}
.sheet__x{z-index:2;color:var(--cream);background:rgba(27,51,34,.35);border-radius:50%;width:38px;height:38px;top:12px;right:12px}
.lead-peek{position:relative;height:150px;background:var(--blue);overflow:hidden}
.lead-peek::after{content:"";position:absolute;inset:auto 0 0 0;height:56px;background:linear-gradient(rgba(242,239,230,0),var(--cream))}
.lead-peek__p{position:absolute;top:22px;width:118px;border-radius:4px;box-shadow:0 8px 22px rgba(0,0,0,.35);filter:blur(.6px)}
.lead-peek__p--a{left:calc(50% - 112px);transform:rotate(-7deg)}
.lead-peek__p--b{left:calc(50% - 8px);top:16px;transform:rotate(5deg)}
.lead-peek__tag{position:absolute;left:20px;top:16px;z-index:1;display:inline-flex;align-items:center;gap:4px;background:var(--gold);color:var(--forest);font-size:11.5px;font-weight:800;padding:4px 8px;border-radius:20px}
.sheet__panel h3{font-size:23px;line-height:1.2;padding:0 20px;margin-top:4px}
.sheet__panel>.lead-sub{max-width:none;font-size:14.5px;color:var(--muted);margin:8px 20px 0;line-height:1.5}
.lead-tease{list-style:none;margin:16px 20px 16px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.lead-tease li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px}
.lead-tease li+li{border-top:1px solid var(--line)}
.lead-tease b{display:inline-flex;align-items:center;gap:8px;color:var(--gold-ink)}
.lead-tease i{font-style:normal;font-family:var(--mono);font-size:12.5px;color:var(--forest);filter:blur(4px);user-select:none}
.sheet__panel .btn{width:auto;margin:0 20px}
.sheet__fine{text-align:center;color:var(--muted)}
/* v7: Honey Alert tightening */
.ha__step{padding:0 0 16px 36px}
.ha-stat{align-items:flex-start;padding:12px 12px}
.ha-stat__num{align-self:center}
.ha-stat .ha-src{color:rgba(242,239,230,.88);font-size:11.5px;margin-top:8px}
.ha-stat .ha-src svg{color:var(--cream)}
.ha-stat .ha-src b{color:var(--cream)}
.ha-twist{font-size:13.5px}
.ha-bridge{margin:8px 0 8px;font-size:12.5px}
.ha-how.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:none;border:0;border-radius:0;padding:0 var(--gut) 2px 0;margin:0 calc(var(--gut) * -1) 0 0;scroll-padding-inline:0}
.ha-how.rail::-webkit-scrollbar{display:none}
.ha-how.rail>li{flex:0 0 84%;scroll-snap-align:start;background:var(--paper);border:1px solid var(--red-line);border-radius:12px;padding:12px 12px 12px;border-top:1px solid var(--red-line)}
.ha-how.rail li+li{border-top:1px solid var(--red-line)}
.ha .pager{margin-top:8px}
.ha-sub{font-size:17px;margin-bottom:8px}
.ha-vs__row>span{padding:8px 8px}
.ha-vs__foot{padding:12px 12px 12px}
.ha-vs__h{font-size:15.5px}
.ha-vs__s{font-size:12.5px;margin-top:4px}
.ha-vs__cta{margin-top:8px;font-size:13.5px}
.ha-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
.ha-stat .ha-src{grid-column:1/-1;margin-top:8px;padding-top:8px;border-top:1px solid rgba(242,239,230,.22)}
.paper td:not(:first-child),.paper th{white-space:nowrap}
.sheet__panel>.sheet__fine{max-width:none;margin:8px 20px 0!important}

/* ===== v8 ===== */
/* See More Benefits: centred, prominent */
.ben-more{display:flex;justify-content:center;margin-top:var(--cta-gap)}
.ben-more .btn{width:auto;padding:0 24px}
/* Trace photos: keep the subject in frame */
.step__img--left img{object-position:20% center}
.step__img--doc{background:#fff}
.step__img--doc img{object-position:top center}
/* Batch page lookup */
.bp__lookup{margin-top:0}
.bp__lh{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.2;text-transform:capitalize}
#bpResult{margin-top:var(--block)}
.bp__lookup .out{margin-top:8px}
.step__img--keeper img{object-position:38% center}
.prob{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}

/* ===== v9 (Reduce Content sheet) ===== */
.fine{text-wrap:balance}
/* Honey Alert: 17 of 22 failed, all highlighted */
.ha-stat{display:block}
.ha-stat__num{display:flex;align-items:baseline;gap:8px;padding:0 0 8px;margin-bottom:8px;border-right:0;border-bottom:1px solid rgba(242,239,230,.22)}
.ha-stat__num b{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1;letter-spacing:-1px;color:var(--cream)}
.ha-stat__num i{font-style:normal;font-size:15px;font-weight:700;color:rgba(242,239,230,.85)}
.ha-stat__num strong{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1;margin-left:4px;color:var(--cream)}
.ha-stat .ha-src{border-top:0;padding-top:0;margin-top:8px}
/* What Matters For You */
.hv{background:var(--paper);border:1px solid var(--red-line);border-radius:12px;overflow:hidden}
.hv__row{display:grid;grid-template-columns:1fr 1fr}
.hv__row>span{display:flex;gap:8px;align-items:flex-start;padding:4px 8px 8px;font-size:13px;line-height:1.35}
.hv__row>span svg{flex:none;margin-top:2px}
.hv__them{color:var(--muted)}
.hv__them svg{color:var(--red)}
.hv__us{background:var(--forest);color:var(--cream);font-weight:600}
.hv__us svg{color:var(--gold)}
.hv__head>span{display:block;padding:8px 8px 8px;font-size:11.5px;font-weight:700}
.hv__head b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.hv__head .hv__them b{color:var(--forest)}
.hv__head .hv__us{color:rgba(242,239,230,.75)}
.hv__head .hv__us b{color:var(--cream)}
.hv__k{display:grid;grid-template-columns:1fr 1fr;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 8px 0;border-top:1px solid var(--line);background:linear-gradient(90deg,transparent 50%,var(--forest) 50%)}
.hv__k{color:var(--muted)}
.hv-verdict{margin-top:8px;background:var(--forest);color:var(--cream);border-radius:12px;padding:16px 16px;border-top:3px solid var(--gold)}
.hv-verdict__h{font-family:var(--serif);font-size:19px;line-height:1.3}
.hv-verdict__s{font-size:13.5px;color:var(--on-dark);margin-top:8px}
.hv-verdict__s em{font-style:normal;color:var(--gold);font-weight:700}
.hv-verdict__s b{color:var(--cream)}
.hv-verdict .btn{margin-top:16px;min-height:50px}
.hv-verdict__link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-weight:700;font-size:14px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
/* Lab reports: no lede, cards follow heading */
#reports .reports{margin-top:var(--head-gap)}
.report p b{color:var(--cream);font-weight:700}
/* Benefits chips */
.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;white-space:nowrap}
/* Sugar link */
.sugar-link{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;margin-top:16px;padding:16px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--forest)}
.sugar-link b{font-size:15.5px;font-weight:800}
.sugar-link span{grid-column:1;font-size:13.5px;color:var(--muted);margin-top:2px}
.sugar-link svg{grid-row:1/3;grid-column:2;color:var(--gold-ink)}
/* Our Story: horizontal timeline (same icons, labels and dotted line) */
.timeline--h{margin-top:var(--head-gap)}
.timeline--h::before{display:none}
.timeline--h .tl{padding:64px 0 0;position:relative}
.timeline--h .tl__icon{left:0;top:0}
.timeline--h .tl:not(:last-child)::after{content:"";position:absolute;left:52px;right:-12px;top:21px;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px)}
.timeline--h .tl:last-child{padding-bottom:0}
.timeline--h .tl h3{text-wrap:balance}

/* ===== v10 ===== */
/* Hero card CTA: single line of copy */
.ticket__check b{font-size:14.5px;line-height:1.35}
/* 17 of 22 failed: a little smaller */
.ha-stat__num b{font-size:32px}
.ha-stat__num i{font-size:13.5px}
.ha-stat__num strong{font-size:24px}
/* Comparison table */
.ha-sub{font-size:17px;line-height:1.35}
.ct-wrap{border:1px solid var(--red-line);border-radius:12px;overflow:hidden;background:var(--paper)}
.ct{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.35}
.ct col,.ct th[scope="row"]{width:30%}
.ct thead th{padding:12px 8px;font-size:12.5px;font-weight:800;text-align:left}
.ct thead th:first-child{width:28%}
.ct th[scope="row"]{padding:8px;font-size:11.5px;font-weight:700;color:var(--muted);text-align:left;vertical-align:top}
.ct td{padding:8px 8px;vertical-align:top}
.ct td>span{display:inline}
.ct td svg{display:inline-block;vertical-align:-1px;margin-right:4px}
.ct tbody tr{border-top:1px solid var(--line)}
.ct .ct__them{color:var(--forest)}
.ct td.ct__them{color:var(--muted)}
.ct td.ct__them svg{color:var(--red)}
.ct .ct__us{background:var(--forest);color:var(--cream)}
.ct tbody tr .ct__us{border-top:1px solid var(--line-dark)}
.ct td.ct__us{font-weight:600}
.ct td.ct__us svg{color:var(--gold)}
.ct tbody tr:first-child td{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}
.ct tbody tr:first-child td.ct__them{color:var(--forest)}
/* Benefit tags: third tag peeks to show the row scrolls */
.chips{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.chips::after{content:"";flex:0 0 8px}
/* Our Story: each step in its own box, icons joined by the dotted line */
.timeline--h .tl{display:flex;flex-direction:column;padding-top:56px}
.timeline--h .tl__card{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 16px 16px}
.timeline--h .tl__card h3{margin-top:4px}
.timeline--h .tl__card p{font-size:14.5px}
.timeline--h .tl__icon{left:16px}
.timeline--h .tl:not(:last-child)::after{left:68px;right:-28px}
.ct thead th:first-child,.ct th[scope="row"]{width:auto}
.ct td,.ct thead th.ct__them,.ct thead th.ct__us{position:relative;padding-left:28px}
.ct td svg{position:absolute;left:10px;top:13px;margin:0}
.ct th[scope="row"]{padding-right:4px}
.ct thead th.ct__them,.ct thead th.ct__us,.ct tbody tr:first-child td{padding-left:8px}
.ct tbody tr:first-child td{white-space:nowrap;font-size:13.5px}

/* ===== v11 (Final changes sheet) ===== */
/* Type scale: one size per level */
.h2,.prob .h2{font-size:28px;line-height:1.2}
.hero h1,.pv-h1{font-size:36px;line-height:1.1}
.step h3,.ritual h3,.lookup h3,.chat h3,.swap h3{font-size:20px;line-height:1.25}
.report h3,.review__who h3,.tl h3,.timeline--h .tl__card h3,.plan h3{font-family:var(--sans);font-weight:800;font-size:16px;line-height:1.3;letter-spacing:0}
.lbl,.tl__k,.ritual small,.sk__k,.ha__t,.eyebrow,.mission figcaption,.foot__h,.pc__tier{font-weight:800;letter-spacing:.06em}
.lbl,.tl__k,.ritual small,.sk__k,.ha__t,.mission figcaption,.foot__h{font-size:12px}

/* Hero: 4:5 carousel to fit the slides; sample is a quiet secondary CTA */
.slides{aspect-ratio:4/5}
.slide img{object-position:center}
.btn-sm{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 16px;border:1px solid var(--line);border-radius:12px;font:600 14px var(--sans);color:var(--forest);text-decoration:none;text-transform:capitalize}
.btn-sm:active{transform:translateY(1px)}
.btn+.btn-sm{margin-top:12px}

/* Honey Alert: no numbered spine, tighter */
.ha{margin-top:20px}
.ha__step{padding:0 0 24px}
.ha__step:not(:last-child)::before,.ha__node{display:none}
.ha__t{line-height:1.3;margin-bottom:8px}
.ha-stat{padding:12px 16px}
.ha-stat__num{padding-bottom:8px;margin-bottom:8px}
.ha-stat__num b{font-size:28px}
.ha-stat__num strong{font-size:22px}
.ha-stat__txt{font-size:13.5px}
.ha-stat .ha-src{margin-top:8px}
.ha-sub{font-size:17px;margin-bottom:8px}
.ct thead th{padding-top:8px;padding-bottom:8px}
.ct th[scope="row"],.ct td{padding-top:8px;padding-bottom:8px}
.ct td svg{top:11px}
.hv-verdict{margin-top:12px;padding:16px}
.hv-verdict__h{font-size:18px}
.hv-verdict__s{margin-top:4px}
.hv-verdict .btn{margin-top:12px}

/* Research cards (Benefits page + home): outcome and benefits lead */
.pv-rail,#benRail{margin-top:16px}
.pc__org{padding-bottom:12px}
.pc__org b{font-size:13.5px}
.pc__hl{margin-top:12px;background:rgba(194,132,48,.12);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:12px 16px}
.pc__hl .lbl{display:block;color:var(--gold-ink)}
.pc__out{font-size:19px;line-height:1.35;margin-top:4px}
.pc__out mark{font-weight:400;background:linear-gradient(transparent 58%,rgba(194,132,48,.42) 58%)}
.pc__ben{margin-top:16px;gap:8px}
.pc__ben li{font-size:15px;font-weight:600;line-height:1.4;color:var(--forest);align-items:center}
.pc__ben svg{width:20px;height:20px;padding:4px;margin-top:0;border-radius:50%;background:var(--forest);color:var(--gold)}
.pc__in{padding-top:16px}
.pc__in p{font-size:13.5px}
.pc__warn{display:flex;gap:4px;align-items:center;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--red)}
.pc__link{margin-top:12px}

/* Benefits page: all tags in one view, stronger category headings */
.pv-nav{flex-wrap:wrap;overflow:visible;margin:24px 0 0;padding:0}
.pv-nav a{height:36px;padding:0 12px;font-size:13px}
.pv-cat__h{font-size:24px;line-height:1.2;padding-left:12px;border-left:4px solid var(--gold)}
.pv-sugar .pv-cat__h{border-left-color:var(--red)}
.pv-note{margin-top:12px}
.sk-verdict{margin-top:20px;background:var(--red);color:var(--cream);border-radius:12px;padding:16px;font-family:var(--sans);font-size:15px;line-height:1.45}
.sk-verdict strong{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;margin-bottom:4px}
.pv-cta .btn-sm{margin-top:12px}

/* Home: sugar link carries the red warning */
.sugar-link{border-left:4px solid var(--red)}
.sugar-link em{font-style:normal;font-weight:800;color:var(--red)}

/* Testimonials: photo slot (falls back to the initial) */
.av{position:relative;overflow:hidden}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Offer */
.otags{list-style:none;display:flex;gap:4px;margin:16px 0 0;padding:0}
.otags li{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;border-radius:14px;background:var(--paper);border:1px solid var(--line);font-size:11.5px;font-weight:700;white-space:nowrap}
.otags svg{flex:none;color:var(--gold)}
.textlink{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:14px;font-weight:700;color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px}
.plan--save{border-color:rgba(194,132,48,.6)}
.plan--save .badge{background:var(--gold);color:var(--forest)}
.plan--save .price{color:var(--gold-ink)}
.plan:has(input:checked){border-width:2px;border-color:var(--gold)}
.trial{margin-top:20px;text-align:center}
.trial__q{font-size:14px;color:var(--muted)}
.trial__cta{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin-top:8px;padding:0 16px;border:1.5px solid var(--forest);border-radius:20px;font:700 14px var(--sans);color:var(--forest);text-decoration:none;text-transform:capitalize}
.trial__fine{font-size:12.5px;color:var(--muted);margin-top:8px}
.offer-cta{margin-top:20px}
.cod{margin-top:12px;font-size:13px;font-weight:600;color:var(--muted);text-align:center}

/* WhatsApp confirm pop-up */
.wac{position:fixed;inset:0;z-index:90;background:rgba(15,20,17,.55);display:flex;align-items:flex-end;justify-content:center}
.wac[hidden]{display:none}
html.wac-on{overflow:hidden}
.wac__panel{width:min(430px,100%);background:var(--cream);border-radius:20px 20px 0 0;padding:28px 20px calc(16px + env(safe-area-inset-bottom,0px));text-align:center;animation:up .25s ease}
.wac__icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center}
.wac__t{font-size:22px;line-height:1.25;text-transform:none}
.wac__s{font-size:14.5px;color:var(--muted);margin:8px auto 0;max-width:32ch}
.wac__go{margin-top:20px}
.wac__no{display:block;width:100%;min-height:48px;margin-top:8px;background:none;border:0;border-radius:12px;font:600 15px var(--sans);color:var(--muted);cursor:pointer}
.otags li{padding:0 6px;font-size:11px;gap:0}
@media (max-width:350px){.otags li{padding:0 4px;font-size:10px}}

/* ===== v11.1 ===== */
/* Offer: full tags wrap; plan cards lead; sample is a quiet line under the primary CTA */
.otags{flex-wrap:wrap;gap:8px}
.otags li{flex:none;height:28px;padding:0 12px;font-size:12px}
.plans{gap:16px}
.plan{grid-template-columns:88px 1fr;gap:16px;padding:16px}
.plan .thumb{width:88px}
.plan h3{font-size:17px}
.plan .price{font-size:22px;margin-top:4px}
.plan .price small{font-size:14px}
.plan p{font-size:13.5px}
.offer-cta{margin-top:24px}
.trial{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);text-align:center}
.trial__q{font-size:13px;color:var(--muted)}
.trial__cta{display:inline-flex;align-items:center;gap:4px;min-height:32px;margin:0 0 0 4px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);font:700 12.5px var(--sans);color:var(--forest);vertical-align:middle}
.trial__fine{font-size:12px;margin-top:8px}

/* =====================================================================
   v12: RESPONSIVE (tablet + laptop + desktop)
   Everything below only applies to screens wider than a phone.
   Phones (up to 430px) look exactly as before.
   Breakpoints: 431px+ (large phones / small tablets), 768px+ (tablets),
   1024px+ (laptops, landscape tablets), 1280px+ (large laptops, desktops)
   ===================================================================== */

/* Large phones and small tablets: let the mobile layout use the full width */
@media (min-width:431px){
  .phone{max-width:none}
}

/* ---------- Tablets: 768px and up ---------- */
@media (min-width:768px){
  :root{--sec-y:80px;--gut:32px;--head-gap:32px;--block:40px;--max:1200px;
    --pad:max(var(--gut),calc((100% - var(--max)) / 2))}
  body{background:var(--cream)}
  [hidden]{display:none!important}

  /* Page width: full-bleed colour bands, content held to a centred column */
  .sec,.foot{padding-left:var(--pad);padding-right:var(--pad)}
  .head{padding-left:var(--pad);padding-right:calc(var(--pad) - 8px)}
  .bp__bar{padding-left:calc(var(--pad) - 8px);padding-right:var(--pad)}
  .menu{left:auto;right:var(--pad);width:320px;border:1px solid var(--line);border-radius:0 0 16px 16px}

  /* Type */
  .h2,.prob .h2{font-size:36px;line-height:1.15;max-width:820px}
  .hero h1,.pv-h1{font-size:44px}
  .lede{font-size:17px;max-width:60ch}

  /* Buttons size to their label instead of filling the row */
  .btn{display:inline-flex;width:auto;min-width:240px;padding:0 32px}
  .btn+.btn{margin-top:0;margin-left:8px}

  /* Hero: photos left, harvest card right */
  .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:40px;
    padding:40px var(--pad) var(--sec-y);align-items:start}
  .slides{grid-column:1;grid-row:1;border-radius:20px}
  .dots{grid-column:1;grid-row:2;align-self:start}
  .hero__body{grid-column:2;grid-row:1 / span 2;padding:0;align-self:center}
  .hero h1{font-size:44px}

  /* Honey Alert */
  .ha-stat{padding:20px}
  .ha-stat__num b{font-size:44px}
  .ha-stat__num strong{font-size:32px}
  .ha-stat__num i{font-size:16px}
  .ha-stat__txt{font-size:15.5px}
  .ha-sub{font-size:20px}
  .ct{font-size:14.5px}
  .ct th[scope="row"]{font-size:13px}
  .hv-verdict{padding:24px}
  .hv-verdict__h{font-size:22px}
  .hv-verdict__s{font-size:15px}
  .hv-verdict .btn{margin-right:24px}
  .hv-verdict__link{display:inline-flex;vertical-align:middle}

  /* Lab reports: three cards side by side, report image on top */
  .reports{grid-template-columns:repeat(3,1fr);gap:16px}
  .report{grid-template-columns:1fr;gap:16px;padding:16px;align-content:start}
  .doc,.doc--img{width:100%;height:200px}
  .doc{padding:24px 20px}
  .doc i{height:6px;margin-bottom:10px}
  .report p{font-size:14.5px}
  .rep-cta{display:flex;flex-direction:column;align-items:center}

  /* Scrolling card rails: two cards in view */
  .rail{gap:16px}
  .rail>*{flex-basis:calc(50% - 8px)}
  .pv-rail>.pc{flex-basis:calc(50% - 8px)}

  /* Trace: 2 x 2 grid */
  #traceRail{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;margin:var(--head-gap) 0 0;padding:0}
  #traceRail+.pager{display:none}

  /* Batch lookup: text left, input right */
  .lookup{padding:32px}
  .lookup p{font-size:15px}
  .lookup button{min-width:160px}

  /* Rituals: 3 x 2 grid */
  #ritRail{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;margin:var(--head-gap) 0 0;padding:0}
  #ritRail+.pager{display:none}
  .rit-cta{display:flex;align-items:center;gap:24px}
  .swap{justify-content:center}
  .swap__grid{flex:none}
  .rit-cta .sugar-link{margin-top:0;flex:1;max-width:560px}

  /* Our Story: 2 x 2 */
  #storyRail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;overflow:visible;margin:var(--head-gap) 0 0;padding:0}
  #storyRail+.pager{display:none}
  .timeline--h .tl:nth-child(2n)::after{display:none}
  .timeline--h .tl:not(:last-child)::after{right:-24px}
  .story-lede{font-size:26px}
  .mission{padding:32px}
  .mission p{font-size:24px;max-width:46ch}

  /* Offer: one focused, centred column; the two plans side by side */
  #offer{padding-left:max(var(--gut),calc((100% - 880px) / 2));padding-right:max(var(--gut),calc((100% - 880px) / 2));text-align:center}
  #offer .h2{margin:0 auto}
  .otags{justify-content:center}
  .plans{grid-template-columns:1fr 1fr;text-align:left}
  .plan{align-items:start}
  .cod{text-align:center}

  /* FAQ */
  .faq summary{font-size:17px;padding:20px 40px 20px 0}
  .faq details p{font-size:15.5px;max-width:70ch}
  .chat{padding:32px}

  /* Footer */
  .foot{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;padding-top:64px;padding-bottom:48px}
  .foot__brand{grid-column:1;grid-row:1}
  .foot__tag{grid-column:1;grid-row:2}
  .foot{grid-template-rows:auto auto 1fr auto}
  .foot .foot__nav{grid-column:2;grid-row:1 / span 3;margin:0;padding-top:0;border-top:0;align-content:start}
  .foot__social{grid-column:1;grid-row:3;border-top:0;padding-top:0}
  .foot__legal{grid-column:1 / -1;grid-row:4}
  .certs{grid-template-columns:repeat(4,120px)}

  /* Sticky bar: floating pill at the bottom right */
  .sticky{left:auto;right:24px;bottom:24px;width:auto;min-width:340px;border:0;border-radius:18px;padding:8px;
    transform:translateY(calc(100% + 40px));box-shadow:0 12px 32px rgba(15,20,17,.28)}
  .sticky.show{transform:translateY(0)}
  .sticky .btn{min-width:0}

  /* Pop-ups: centred dialogs instead of bottom sheets */
  .sheet,.wac{align-items:center;padding:24px}
  .sheet__panel,.wac__panel{width:min(480px,100%);border-radius:22px}
  .sheet__panel{padding-bottom:24px}
  .wac__panel{padding-bottom:20px}
  .sheet__panel .btn{display:flex;width:auto}
  .wac__go{display:flex;width:100%}
  .lead-peek{height:170px}
  .viewer__bar,.viewer__body{max-width:860px}

  /* Batch report page */
  .bp__wrap{max-width:880px;margin:0 auto;padding:40px var(--gut) 80px}
  .bp__h{font-size:30px}
  .bp__card{padding:24px}
  .bp__card dl{grid-template-columns:repeat(4,1fr)}
  .bp__card dd{font-size:15.5px}
  .bp__tab{padding:16px}
  .bp__tab b{font-size:16px}
  .bp__tab span{font-size:13px}
  .paper{padding:24px;font-size:13px}
  .paper h4{font-size:16px}
  .paper .rp-meta{font-size:12.5px}
  .paper table{font-size:13px}
  .paper th,.paper td{padding:10px 8px}

  /* Benefits page */
  .pv-nav a{height:40px;padding:0 16px;font-size:14px}
  .pv-cat__h{font-size:28px}
  .pv-cat__intro{font-size:16px;max-width:70ch}
  .pv-sugar{margin:var(--block) 0 0;padding:40px;border-radius:20px}
  .sk-list{height:auto;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:0;background:var(--red-line)}
  .sk{min-height:0;border:0;padding:24px 20px;background:var(--paper)}
  .sk-hint{display:none}
  .sk-verdict{padding:24px}
  .st{font-size:14.5px}
  .st__row{grid-template-columns:1fr 200px 160px}
  .st__row>span{padding:12px 16px}
  .st__head>span{font-size:13.5px}
  .st-foot{font-size:14px;max-width:80ch}
  .pv-disclaimer{font-size:13.5px;max-width:90ch}
}

/* ---------- Laptops and up: 1024px and up ---------- */
@media (min-width:1024px){
  :root{--sec-y:96px;--gut:40px;--head-gap:40px;--block:48px}
  .h2,.prob .h2{font-size:40px}
  .hero h1,.pv-h1{font-size:56px;line-height:1.05}

  /* Header: menu shown in the bar, no hamburger */
  .head{height:72px}
  html{scroll-padding-top:80px}
  .bp__bar{top:72px}
  .brand__mark{width:40px;height:40px}
  .brand__word{height:26px}
  #menuBtn{display:none}
  .menu{display:flex;align-items:center;gap:4px;position:static;width:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
  .menu a{display:inline-flex;padding:8px 12px;border:0;border-radius:8px;font:600 15px var(--sans);white-space:nowrap}
  .menu a:hover{background:var(--cream-2)}
  .menu .menu__wa{margin-left:8px;padding:0;width:40px;height:40px;justify-content:center;border-radius:50%;background:#25D366;color:#fff;font-size:0;gap:0}
  .menu .menu__wa:hover{background:#1EBE5A}
  .menu .menu__wa svg{width:20px;height:20px}

  /* Hero */
  .hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:72px;padding-top:48px}
  .slides{max-height:calc(100vh - 160px);aspect-ratio:4/5}
  .hero h1{font-size:60px}
  .ticket{margin-top:32px;padding:24px 24px 0}
  .ticket__top strong{font-size:21px}
  .ticket dd{font-size:16px}
  .ticket dt{font-size:13px}
  .stock__row{font-size:14.5px}
  .ticket__check{margin:24px -24px 0;padding:16px 24px}
  .ticket__check b{font-size:15.5px}
  .hero__cta{margin-top:32px}

  /* Honey Alert: problem left, comparison right */
  .ha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;margin-top:40px}
  .ha__step{padding:0}
  .ha-stat{padding:28px}
  .ha-stat__num b{font-size:64px}
  .ha-stat__num strong{font-size:44px}
  .ha-stat__num i{font-size:18px}
  .ha-stat__num{padding-bottom:16px;margin-bottom:16px}
  .ha-stat__txt{font-size:17px;line-height:1.55}
  .ha-stat .ha-src{font-size:13px;margin-top:16px}
  .ha__t{font-size:13px}

  /* Lab reports */
  .reports{gap:24px}
  .report{padding:20px}
  .doc,.doc--img{height:240px}
  .report h3{font-size:18px}

  /* All card rails become grids: every card visible, no swiping */
  .rail{display:grid;overflow:visible;margin:var(--head-gap) 0 0;padding:0;gap:24px;scroll-snap-type:none}
  .rail>*,.pv-rail>.pc{flex:none}
  .rail+.pager,.pager{display:none}
  #traceRail{grid-template-columns:repeat(4,1fr)}
  #benRail{grid-template-columns:repeat(3,1fr);margin-top:var(--head-gap)}
  #benChips{display:none}
  #ritRail,#revRail{grid-template-columns:repeat(3,1fr)}
  #storyRail{grid-template-columns:repeat(4,1fr)}
  .timeline--h .tl:nth-child(2n)::after{display:block}
  .timeline--h .tl:not(:last-child)::after{right:-40px}
  .pv-rail{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

  .step__body{padding:20px}
  .lookup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 56px;align-items:center;padding:40px}
  .lookup form{margin-top:0}
  .lookup .out{grid-column:2;margin-top:0}
  .lookup .out:empty{display:none}
  .lookup h3{font-size:24px}
  .ritual__body{padding:20px}
  .review{padding:24px}
  .review blockquote{font-size:16.5px}

  /* FAQ: questions left, chat card right */
  #faq{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:64px;align-items:start}
  #faq .h2{grid-column:1 / -1}
  #faq .faq{grid-column:1}
  #faq .chat{grid-column:2;grid-row:2;margin-top:var(--head-gap);position:sticky;top:104px}
  #faq .chat .btn{width:100%;min-width:0;padding:0 16px}

  /* Footer: brand | links | social, legal underneath */
  .foot{grid-template-columns:1.3fr 1.6fr 1fr;padding-top:80px}
  .foot .foot__nav{grid-column:2;grid-row:1 / span 3}
  .foot__social{grid-column:3;grid-row:1 / span 3;margin-top:0}
  .foot__legal{grid-row:4;margin-top:48px;display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:end}
  .foot__legal>p{grid-column:1}
  .foot__legal .certs{grid-column:2;grid-row:1 / span 5;margin-top:0}

  /* Benefits page */
  .pv-sugar{padding:48px}
  .sk-list{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Large laptops and desktops: 1280px and up ---------- */
@media (min-width:1280px){
  .h2,.prob .h2{font-size:44px}
  .hero h1{font-size:68px}
  .menu{gap:8px}
  .menu .menu__wa{width:auto;height:40px;padding:0 16px 0 12px;gap:8px;border-radius:20px;font:700 14px var(--sans)}
}

/* Pointer devices: gentle hover feedback on cards and buttons */
@media (hover:hover) and (min-width:768px){
  .btn{transition:filter .15s ease,transform .15s ease}
  .btn:hover{filter:brightness(1.06)}
  .ritual,.sugar-link,.plan{transition:transform .2s ease,box-shadow .2s ease}
  .ritual:hover,.sugar-link:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,51,34,.12)}
  .plan:hover{box-shadow:0 8px 20px rgba(27,51,34,.1)}
  .foot__nav a:hover{color:var(--gold)}
}


/* =====================================================================
   v13 (21 October changes sheet)
   New elements follow the brand guide: cotton ground, pine type, indigo for
   proof only, no gradients/shadows/glow, sentence case, motion respects
   reduced-motion.
   ===================================================================== */

/* Running strip: harvest line in plain cotton type, every test tag in indigo */
.strip__batch{color:var(--cream)}
.patch{background:var(--cream-2);color:var(--forest)}
.live{display:inline-block;margin-left:2px;padding:1px 9px;border-radius:10px;background:var(--gold);color:var(--forest);font-weight:800;animation:live 1.5s ease-in-out infinite}
@keyframes live{0%,100%{background:var(--gold)}50%{background:var(--cream)}}
@media (prefers-reduced-motion:reduce){.live{animation:none}}

/* Carousel: check-your-batch slide is a link; hairline frame on desktop only */
.slide__link{display:block;width:100%;height:100%;cursor:pointer}
@media (min-width:1024px){.slides{border:1px solid #93A89A}}

/* Lab tests: tag, highlighted test name */
.report h3{line-height:1.3}
.tname{display:inline-block;max-width:100%;background:rgba(242,239,230,.14);color:var(--cream);padding:3px 8px;border-radius:6px;line-height:1.35}
.report h3+p{margin-top:8px}
#reports .report{background:var(--blue);border-color:transparent;color:var(--cream)}
#reports .rep-cta .linkbtn--center{color:var(--gold-ink)}
.doc--img i{display:none}

/* Trace: three cards */
#traceRail .step__body{padding-top:16px}
@media (min-width:768px){#traceRail{grid-template-columns:repeat(3,1fr)}}

/* Check your batch report: its own section */
.sec--batch #check{margin-top:0}

/* NMR teaser (full section lives on the adulteration page) */
.teaser{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--head-gap)}
.teaser__lead{display:contents}
.teaser .ha-stat{order:1;margin:0}
.teaser .prob__cta{order:2;margin:0}
@media (min-width:768px){.teaser .prob__cta{justify-self:start}}
@media (min-width:1024px){
  .teaser{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:64px;align-items:center}
  .teaser__lead{display:flex;flex-direction:column;align-items:flex-start;gap:var(--head-gap)}
  .teaser .prob__cta{order:0}
}
.prob--page .ha{margin-top:var(--head-gap)}

/* Research: three tags always in one view */
#benChips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible;margin:var(--head-gap) 0 0;padding:0;-webkit-mask-image:none;mask-image:none}
#benChips::after{display:none}
#benChips .chip{height:auto;min-height:48px;padding:6px;font-size:13px;line-height:1.25;white-space:normal;text-align:center;border-radius:12px;text-wrap:balance}
@media (min-width:1024px){#benChips{display:none}}

/* Research cards: institute leads (verification panel), study finding follows */
#benRail .pc__org{align-items:center;min-height:76px;padding:12px;border-bottom:0;border-radius:12px;background:#DCE5EA}
#benRail .pc__org b{font-family:var(--sans);font-weight:800;font-size:16.5px;line-height:1.25;color:var(--blue)}
#benRail .pc__org span{color:var(--blue);font-size:13px}
#benRail .pc__tier{background:var(--cream);color:var(--blue)}
#benRail .pc__hl{margin-top:12px;min-height:152px}
#benRail .pc__in{margin-top:0;padding-top:16px}

/* Our Story: founder CTA */
.founder-cta{margin-top:var(--block);padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.founder-cta__q{font-family:var(--serif);font-size:20px;line-height:1.25;margin-bottom:12px}

/* Offer: one plan */
.plans{grid-template-columns:1fr}
@media (min-width:768px){.plans{grid-template-columns:minmax(0,520px);justify-content:center}}
@media (min-width:768px){.founder-cta{max-width:520px}}

/* Offer: sample prompt on one line */
.trial__q{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;font-size:clamp(11px,3.2vw,13px)}
.trial__cta{flex:none;margin:0;min-height:32px;padding:0 clamp(8px,2.6vw,12px);font-size:clamp(11px,3.1vw,12.5px)}
@media (max-width:340px){.trial__cta svg{display:none}}

/* Our Story: founder line sits inside the mission card */
.mission .mission__by{font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.3;margin-top:16px;color:var(--on-dark)}

/* Offer: light highlight on the delivery promise (amber wash, pine type) */
.plan p mark{background:#F0E2CC;color:var(--forest);font-weight:700;padding:1px 5px;border-radius:4px}

/* Web: reviews and daily rituals run as one continuous row; pauses while the pointer is on them */
@media (min-width:1024px){
  #revRail,#ritRail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:none;scrollbar-width:none;margin:var(--head-gap) 0 0;padding:0}
  #revRail::-webkit-scrollbar,#ritRail::-webkit-scrollbar{display:none}
  #revRail>*,#ritRail>*{flex:0 0 calc((100% - 72px) / 3.25)}
}

/* ===== Round 3 changes ===== */
/* Section spacing: ~30% tighter, kept on multiples of 4 */
:root{--sec-y:32px}
@media (min-width:768px){:root{--sec-y:56px}}
@media (min-width:1024px){:root{--sec-y:68px}.foot{padding-top:56px}}
.prob{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}

/* Section headings: a touch heavier */
.h2,.hero h1,.prob .h2{-webkit-text-stroke:.45px currentColor;paint-order:stroke fill}

/* Harvest card: the key is the focus, the value is quieter */
.ticket dt{font-size:13px;font-weight:800;color:var(--cream)}
.ticket dt svg{color:var(--gold)}
.ticket dd{font-size:14px;font-weight:500;color:rgba(242,239,230,.82)}
@media (min-width:1024px){.ticket dt{font-size:14px}.ticket dd{font-size:15.5px}}

/* NMR teaser: whitish background, red card stays */
.prob--teaser{background:var(--paper)}
.teaser .ha-stat__num strong{font-size:20px;line-height:1.1;margin-left:4px;white-space:nowrap}
.teaser .ha-stat__num{align-items:center;flex-wrap:nowrap}

/* Reviews: no tags */
.review__meta{justify-content:flex-start}

/* Offer: refund promise */
.refund{display:flex;align-items:flex-start;gap:12px;margin-top:var(--cta-gap);padding:12px 16px;background:rgba(27,51,34,.08);border:1.5px solid var(--forest);border-radius:12px;font-size:14px;line-height:1.45;color:var(--forest);text-align:left}
.refund svg{flex:none;margin-top:1px;color:var(--forest)}
.refund b{font-weight:800}
.refund+.offer-cta{margin-top:12px}
@media (min-width:768px){.refund{max-width:520px;margin-left:auto;margin-right:auto}}

/* Sugar section CTA under comparison table */
.st-cta{margin-top:var(--cta-gap)}
@media (min-width:768px){.st-cta{max-width:360px}}

/* ===== Update 2026-10-21 ===== */
/* Carousel ~20% shorter (4:5 -> 1:1) so the heading shows in the first view */
.slides{aspect-ratio:1/1}
@media (min-width:1024px){.slides{aspect-ratio:1/1}}
.hero h1 .h1-gold{color:#c28430}

/* 80% teaser: red card heading stays inside the card */
.ha-stat{overflow:hidden}
.teaser .ha-stat__num{flex-wrap:wrap;row-gap:2px;max-width:100%}
.teaser .ha-stat__num strong{white-space:normal;flex:1 1 100%;min-width:0;margin-left:0;font-size:clamp(18px,6vw,22px);line-height:1.15}
@media (min-width:360px){.teaser .ha-stat__num strong{flex:1 1 auto;margin-left:4px;font-size:20px}}

/* Offer: refund tab slightly shorter, star, thicker price-card border */
.refund{padding:8px 14px;font-size:13px;line-height:1.35;align-items:center}
.refund svg{margin-top:0}
.refund__star{font-size:11px;font-weight:800;color:var(--gold-ink);margin-left:1px;line-height:0}
.plan:has(input:checked){border-width:3px;box-shadow:0 0 0 3px rgba(194,132,48,.28),0 6px 16px rgba(194,132,48,.25)}

/* Buy Now: highlighted, two lines, flashy animation */
.btn--buy{position:relative;overflow:hidden;flex-direction:column;gap:2px;min-height:64px;padding:8px 16px;text-transform:none;background:linear-gradient(135deg,#D69A3E,#C28430 55%,#B5731F);box-shadow:0 6px 18px rgba(194,132,48,.45);animation:buyPulse 1.8s ease-in-out infinite}
.btn--buy .buy__main{font-size:19px;font-weight:800;letter-spacing:.02em;text-transform:capitalize;line-height:1.1}
.btn--buy .buy__sub{font-size:11.5px;font-weight:600;line-height:1.2;opacity:.9}
.btn--buy::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:buyShine 2.6s ease-in-out infinite}
@keyframes buyPulse{0%,100%{transform:scale(1);box-shadow:0 6px 18px rgba(194,132,48,.45),0 0 0 0 rgba(194,132,48,.55)}50%{transform:scale(1.025);box-shadow:0 8px 24px rgba(194,132,48,.6),0 0 0 10px rgba(194,132,48,0)}}
@keyframes buyShine{0%{left:-70%}60%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.btn--buy,.btn--buy::after{animation:none}}

/* Header: slides away on scroll down, returns on scroll up */
.head{transition:transform .3s ease}
.head.head--hide{transform:translateY(-100%)}

/* Offer tags: one line, scrolling continuously */
.otags-wrap{overflow:hidden;margin-top:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.otags-wrap .otags{display:flex;flex-wrap:nowrap;gap:0;width:max-content;margin:0;justify-content:flex-start;animation:tagScroll 18s linear infinite}
.otags-wrap .otags li{flex:none;margin-right:8px;height:28px;padding:0 12px;font-size:12px;white-space:nowrap}
@keyframes tagScroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.otags-wrap{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.otags-wrap .otags{animation:none}}