@charset "utf-8";
/* ==========================================================================
   glycobalaance.com  --  hand-written stylesheet. No framework, no build step.
   Every class carries the gyb- prefix.

   IMAGE POLICY -- read this before editing anything below.
   ----------------------------------------------------------------------
   No image on this site is ever cropped, clipped or squashed.

     * every <img> is width:100%; height:auto, so the browser keeps the
       exact aspect ratio the file was saved at;
     * no image sits inside a container with a fixed height;
     * the cropping value of object-fit is used nowhere in this file. Round
       portraits use already-square source files, so there is nothing to crop;
     * no ancestor of an image uses overflow:hidden. The decorative wash
       behind a section is painted with a pseudo-element that is clipped by
       its own inset, not by hiding the section's overflow;
     * figures size themselves with max-width, never with height.

   Sections:
     01 tokens
     02 reset
     03 type
     04 shell + sections
     05 buttons
     06 header
     07 hero
     08 ribbon
     09 headings
     10 images and figures
     11 cards
     12 botanical cards
     13 steps
     14 facts panel
     15 reviews
     16 pricing
     17 bonuses
     18 guarantee + seals
     19 accordion
     20 notes + tables
     21 breadcrumb + page head
     22 contact
     23 sticky bar
     24 closer
     25 footer
     26 motion
     27 breakpoints
   ========================================================================== */

/* -- 01 tokens ----------------------------------------------------------- */
:root{
  --gyb-paper:#F8FBF9;
  --gyb-mint:#EAF4F0;
  --gyb-sage:#DCEBE5;
  --gyb-white:#FFFFFF;
  --gyb-forest:#0E3B33;
  --gyb-pine:#124F45;
  --gyb-teal:#1E7E6E;
  --gyb-teal-lt:#49A392;
  --gyb-ink:#13241F;
  --gyb-body:#3F5952;
  --gyb-muted:#75908A;
  --gyb-line:#D8E7E1;
  --gyb-line-soft:#E8F1ED;
  --gyb-amber:#C97A23;
  --gyb-amber-lt:#F0C078;
  --gyb-amber-wash:#FBF1E2;
  --gyb-berry:#A8434C;

  --gyb-shadow:0 1px 3px rgba(19,36,31,.04),0 12px 30px rgba(19,36,31,.07);
  --gyb-shadow-up:0 8px 18px rgba(19,36,31,.08),0 34px 66px rgba(19,36,31,.12);
  --gyb-radius:14px; --gyb-radius-lg:22px; --gyb-radius-xl:30px; --gyb-pill:999px;

  --gyb-head:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gyb-text:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* -- 02 reset ------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--gyb-paper);color:var(--gyb-body);
  font-family:var(--gyb-text);font-size:19px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
svg{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
a{color:var(--gyb-teal);text-underline-offset:3px;overflow-wrap:break-word}
a:hover{color:var(--gyb-forest)}
button{font:inherit;color:inherit}
::selection{background:var(--gyb-teal-lt);color:#fff}
:focus-visible{outline:3px solid var(--gyb-teal);outline-offset:3px;border-radius:6px}
.gyb-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gyb-forest);
  color:#fff;padding:12px 20px;border-radius:0 0 12px 0}
.gyb-skip:focus{left:0}

/* -- 03 type ------------------------------------------------------------- */
h1,h2,h3,h4{font-family:var(--gyb-head);color:var(--gyb-ink);margin:0 0 .5em;
  font-weight:700;line-height:1.15;letter-spacing:-.026em;overflow-wrap:break-word}
h1{font-size:clamp(2.2rem,1.25rem + 3.3vw,3.8rem);line-height:1.07}
h2{font-size:clamp(1.75rem,1.12rem + 2.1vw,2.8rem)}
h3{font-size:clamp(1.14rem,1.02rem + .5vw,1.4rem);line-height:1.3;letter-spacing:-.016em}
h4{font-size:1.04rem}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
b,strong{color:var(--gyb-ink);font-weight:700}
.gyb-hi{color:var(--gyb-teal)}
.gyb-lede{font-size:clamp(1.05rem,1rem + .44vw,1.24rem);line-height:1.64;color:var(--gyb-body)}
.gyb-note-sm{font-size:.83rem;line-height:1.56;color:var(--gyb-muted)}

/* -- 04 shell + sections ------------------------------------------------- */
.gyb-wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 22px}
.gyb-wrap--tight{max-width:840px}
.gyb-sec{padding:clamp(52px,5.4vw,96px) 0;position:relative}
.gyb-sec--slim{padding:clamp(34px,3.4vw,56px) 0}
.gyb-sec--mint{background:var(--gyb-mint)}
.gyb-sec--sage{background:var(--gyb-sage)}
.gyb-sec--white{background:var(--gyb-white)}
.gyb-sec--forest{background:var(--gyb-forest);color:#CFE1DB}
.gyb-sec--forest h2,.gyb-sec--forest h3{color:#fff}
/* decorative wash: clipped by its own size, so it never hides a child image */
/* the wash sits flush to the section's right edge so it can never widen the page,
   which is why this section does not need overflow:hidden to contain it */
.gyb-sec--wash::before{content:"";position:absolute;top:0;right:0;width:min(380px,60vw);
  aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 40% 40%,rgba(30,126,110,.09),transparent 66%);
  transform:translateY(-26%)}
.gyb-sec--wash>*{position:relative;z-index:1}
.gyb-center{text-align:center}
.gyb-grid{display:grid;gap:24px}
.gyb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gyb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gyb-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gyb-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,60px);align-items:center}
.gyb-pair--top{align-items:start}

/* -- 05 buttons ---------------------------------------------------------- */
.gyb-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:linear-gradient(135deg,var(--gyb-teal-lt),var(--gyb-teal) 52%,var(--gyb-pine));
  color:#fff;font-family:var(--gyb-head);font-weight:700;font-size:1.02rem;
  letter-spacing:-.012em;padding:17px 34px;border:0;border-radius:var(--gyb-pill);
  text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(18,79,69,.24);
  transition:transform .18s,box-shadow .18s,filter .18s}
.gyb-cta:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.07);
  box-shadow:0 13px 30px rgba(18,79,69,.3)}
.gyb-cta svg{width:1.15em;height:1.15em;stroke-width:2.2}
.gyb-cta--sm{padding:12px 24px;font-size:.94rem}
.gyb-cta--lg{padding:20px 46px;font-size:1.12rem}
.gyb-cta--full{width:100%}
.gyb-cta--quiet{background:var(--gyb-white);color:var(--gyb-ink);
  border:1.5px solid var(--gyb-line);box-shadow:none}
.gyb-cta--quiet:hover{background:var(--gyb-mint);border-color:var(--gyb-teal);
  color:var(--gyb-ink);box-shadow:none}
.gyb-cta--quiet svg{color:var(--gyb-teal)}
.gyb-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.gyb-more{display:inline-flex;align-items:center;gap:.4em;font-family:var(--gyb-head);
  font-weight:700;font-size:.98rem;color:var(--gyb-teal);text-decoration:none;
  border-bottom:2px solid var(--gyb-teal-lt);padding-bottom:2px}
.gyb-more:hover{color:var(--gyb-forest);border-color:var(--gyb-forest)}

/* -- 06 header ----------------------------------------------------------- */
.gyb-topline{background:var(--gyb-forest);color:#B8CFC8}
.gyb-topline__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:8px 26px;padding-block:9px;font-size:.79rem}
.gyb-topline__item{display:inline-flex;align-items:center;gap:7px}
.gyb-topline__item svg{width:1.1em;height:1.1em;color:var(--gyb-teal-lt)}
.gyb-topline__item b{color:#EAF4F0;font-weight:600}

.gyb-head{position:sticky;top:0;z-index:90;background:rgba(248,251,249,.96);
  backdrop-filter:saturate(170%) blur(10px);border-bottom:1px solid var(--gyb-line-soft)}
.gyb-head__row{display:flex;align-items:center;gap:20px;min-height:78px}
.gyb-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.gyb-brand__leaf{width:46px;height:46px;flex:none;border-radius:14px;display:grid;
  place-items:center;background:linear-gradient(140deg,var(--gyb-teal-lt),var(--gyb-pine));
  color:#fff;box-shadow:0 5px 14px rgba(18,79,69,.28)}
.gyb-brand__leaf svg{width:1.4em;height:1.4em;stroke-width:1.9}
.gyb-brand__name{display:flex;flex-direction:column;font-family:var(--gyb-head);font-weight:700;
  font-size:1.5rem;color:var(--gyb-ink);line-height:1;letter-spacing:-.034em}
.gyb-brand__name em{font-style:normal;font-family:var(--gyb-text);font-size:.5rem;
  letter-spacing:.26em;color:var(--gyb-teal);font-weight:700;margin-top:6px}
.gyb-menu{display:flex;align-items:center;gap:25px}
.gyb-menu a{font-family:var(--gyb-head);color:var(--gyb-body);font-size:.97rem;font-weight:600;
  text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.gyb-menu a:hover{color:var(--gyb-ink);border-color:var(--gyb-teal-lt)}
.gyb-menu a.gyb-current{color:var(--gyb-ink);border-color:var(--gyb-teal)}
.gyb-menu a.gyb-cta{border-bottom:0;color:#fff}
.gyb-burger{display:none;width:46px;height:44px;background:var(--gyb-white);
  border:1.5px solid var(--gyb-line);border-radius:12px;padding:0;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px}
.gyb-burger span{display:block;width:20px;height:2px;background:var(--gyb-ink);border-radius:2px;
  transition:transform .22s,opacity .18s}
.gyb-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.gyb-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.gyb-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* -- 07 hero ------------------------------------------------------------- */
.gyb-hero{background:radial-gradient(860px 520px at 76% 34%,#E4F1EC 0%,rgba(228,241,236,0) 70%),
  linear-gradient(180deg,#FDFFFE,var(--gyb-paper))}
.gyb-hero__row{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:clamp(24px,3.4vw,54px);align-items:center;padding-block:clamp(36px,4.2vw,72px)}
.gyb-hero__tag{display:inline-flex;align-items:center;gap:.5em;max-width:100%;
  background:var(--gyb-mint);border:1px solid var(--gyb-line);color:var(--gyb-pine);
  font-family:var(--gyb-head);font-size:.73rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;padding:9px 20px;border-radius:var(--gyb-pill);margin-bottom:20px}
.gyb-hero__tag svg{width:1.05em;height:1.05em}
.gyb-hero h1{margin-bottom:.4em;max-width:16ch}
.gyb-hero__lede{max-width:48ch}
.gyb-usp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.gyb-usp__cell{display:flex;gap:13px;align-items:flex-start;background:var(--gyb-white);
  border:1px solid var(--gyb-line-soft);border-radius:var(--gyb-radius);padding:15px 17px;
  box-shadow:var(--gyb-shadow)}
.gyb-usp__cell i{width:40px;height:40px;flex:none;border-radius:12px;display:grid;
  place-items:center;background:var(--gyb-mint);color:var(--gyb-pine)}
.gyb-usp__cell i svg{width:1.15em;height:1.15em}
.gyb-usp__cell b{display:block;font-family:var(--gyb-head);font-size:.9rem;font-weight:700;
  color:var(--gyb-ink);line-height:1.32}
.gyb-usp__cell em{font-style:normal;display:block;font-size:.78rem;color:var(--gyb-muted);
  line-height:1.44;margin-top:2px}
.gyb-hero__btns{margin-top:26px}
.gyb-hero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:22px;
  border-top:1px solid var(--gyb-line-soft)}
.gyb-hero__trust span{display:inline-flex;align-items:center;gap:8px;font-size:.83rem;
  color:var(--gyb-body);background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-pill);padding:7px 15px}
.gyb-hero__trust svg{width:1.2em;height:1.2em;color:var(--gyb-teal)}

/* -- 08 ribbon ----------------------------------------------------------- */
.gyb-ribbon{background:var(--gyb-forest)}
.gyb-ribbon__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  padding-block:20px}
.gyb-ribbon__cell{display:flex;align-items:center;gap:13px;padding-right:14px;
  border-right:1px solid rgba(207,225,219,.16)}
.gyb-ribbon__cell:last-child{border-right:0}
.gyb-ribbon__cell i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;
  place-items:center;background:rgba(73,163,146,.18);color:#8FD0C0}
.gyb-ribbon__cell i svg{width:1.25em;height:1.25em}
.gyb-ribbon__cell b{display:block;font-family:var(--gyb-head);color:#F1F8F5;font-size:.93rem;
  font-weight:700;line-height:1.3}
.gyb-ribbon__cell em{font-style:normal;display:block;font-size:.78rem;color:#93AFA8;
  line-height:1.4}

/* -- 09 headings --------------------------------------------------------- */
.gyb-title{max-width:800px;margin:0 auto clamp(30px,3.1vw,50px);text-align:center}
.gyb-title--left{margin:0 0 clamp(24px,2.6vw,42px);max-width:680px;text-align:left}
.gyb-title__kicker{display:inline-flex;align-items:center;gap:11px;font-family:var(--gyb-head);
  font-size:.74rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gyb-teal);margin-bottom:13px}
.gyb-title__kicker::before{content:"";height:2px;width:22px;background:var(--gyb-teal-lt);
  border-radius:2px}
.gyb-rule{display:flex;align-items:center;justify-content:center;gap:20px;
  margin-top:clamp(34px,3.4vw,54px);font-family:var(--gyb-head);font-size:.76rem;
  font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gyb-teal);
  text-align:center}
.gyb-rule::before,.gyb-rule::after{content:"";height:1px;flex:1;max-width:150px;
  background:linear-gradient(90deg,transparent,var(--gyb-teal-lt))}
.gyb-rule::after{background:linear-gradient(90deg,var(--gyb-teal-lt),transparent)}

/* -- 10 images and figures ----------------------------------------------- */
/* One rule governs every picture on this site. Width is fluid, height follows
   the file's own proportions, and nothing above it ever clips. */
.gyb-img{display:block;width:100%;height:auto;max-width:100%}
.gyb-fig{margin:0;overflow:visible}
.gyb-fig--card{background:var(--gyb-white);border:1px solid var(--gyb-line);
  border-radius:var(--gyb-radius-lg);padding:18px;box-shadow:var(--gyb-shadow)}
.gyb-fig figcaption{margin-top:12px;font-size:.82rem;line-height:1.55;color:var(--gyb-muted)}
.gyb-shot{display:grid;place-items:center;position:relative}
.gyb-shot__glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(88%,400px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(73,163,146,.22),rgba(73,163,146,0) 66%)}
.gyb-shot .gyb-img{position:relative;max-width:min(100%,340px);
  filter:drop-shadow(0 24px 36px rgba(19,36,31,.18))}
.gyb-shot--sm .gyb-img{max-width:min(100%,230px)}
.gyb-shot--lg .gyb-img{max-width:min(100%,400px)}

/* -- 11 cards ------------------------------------------------------------ */
.gyb-card{background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-radius-lg);padding:28px;box-shadow:var(--gyb-shadow)}
.gyb-card h3{margin-bottom:.42em}
.gyb-card p{font-size:.96rem;line-height:1.64}
.gyb-card__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--gyb-mint);color:var(--gyb-pine);margin-bottom:16px;
  border:1px solid var(--gyb-line)}
.gyb-card__icon svg{width:1.35em;height:1.35em}
.gyb-card__foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--gyb-line);
  font-size:.82rem;color:var(--gyb-muted)}
.gyb-card__foot b{color:var(--gyb-teal)}
.gyb-card__stat{font-family:var(--gyb-head);font-size:2.4rem;font-weight:700;
  color:var(--gyb-teal);line-height:1;letter-spacing:-.05em;display:block;margin-bottom:8px}
.gyb-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gyb-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;line-height:1.6}
.gyb-ticks li svg{width:1.15em;height:1.15em;margin-top:.32em;color:var(--gyb-teal);
  stroke-width:2.4}

/* -- 12 botanical cards -------------------------------------------------- */
.gyb-botanicals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gyb-botanical{background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-radius-xl);padding:24px;box-shadow:var(--gyb-shadow);
  display:flex;flex-direction:column;gap:14px}
/* the photo box holds a square source at its own ratio -- no cropping needed */
.gyb-botanical__pic{width:110px;border-radius:50%;overflow:hidden;border:4px solid var(--gyb-mint);
  box-shadow:0 8px 18px rgba(19,36,31,.1)}
.gyb-botanical h3{margin:0}
.gyb-botanical__latin{display:block;font-size:.8rem;font-style:italic;color:var(--gyb-muted);
  margin-top:-2px}
.gyb-botanical p{font-size:.94rem;line-height:1.62;margin:0}
.gyb-botanical__tag{display:inline-block;align-self:flex-start;background:var(--gyb-mint);
  color:var(--gyb-pine);font-family:var(--gyb-head);font-size:.74rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border-radius:var(--gyb-pill)}

/* -- 13 steps ------------------------------------------------------------ */
.gyb-steps{display:grid;gap:0}
.gyb-step{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;padding:24px 0;
  border-bottom:1px solid var(--gyb-line-soft)}
.gyb-step:last-child{border-bottom:0}
.gyb-step__n{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  font-family:var(--gyb-head);font-size:1.38rem;font-weight:700;color:#fff;
  background:linear-gradient(140deg,var(--gyb-teal-lt),var(--gyb-pine))}
.gyb-step h3{margin-bottom:.3em}
.gyb-step p{font-size:.97rem}

/* -- 14 facts panel ------------------------------------------------------ */
.gyb-facts{background:var(--gyb-white);border:2px solid var(--gyb-ink);border-radius:6px;
  padding:22px 24px;max-width:560px}
.gyb-facts__title{font-family:var(--gyb-text);font-size:1.55rem;font-weight:700;
  letter-spacing:-.02em;margin:0 0 6px;border-bottom:9px solid var(--gyb-ink);padding-bottom:6px;
  color:var(--gyb-ink)}
.gyb-facts__serving{font-size:.9rem;padding:5px 0;border-bottom:1px solid var(--gyb-ink)}
.gyb-facts__head{display:flex;justify-content:flex-end;font-size:.77rem;font-weight:700;
  padding:4px 0;border-bottom:5px solid var(--gyb-ink)}
.gyb-facts__row{display:grid;grid-template-columns:1fr auto 64px;gap:10px;font-size:.87rem;
  padding:5px 0;border-bottom:1px solid #BFCFC9;line-height:1.4}
.gyb-facts__row span:nth-child(2),.gyb-facts__row span:last-child{font-weight:700;
  color:var(--gyb-ink)}
.gyb-facts__row span:last-child{text-align:right}
.gyb-facts__blend{font-size:.8rem;line-height:1.5;padding:8px 0;
  border-bottom:5px solid var(--gyb-ink);color:var(--gyb-body)}
.gyb-facts__foot{font-size:.75rem;line-height:1.5;color:var(--gyb-body);margin-top:12px}
.gyb-facts__foot b{display:block;margin-top:8px}

/* -- 15 reviews ---------------------------------------------------------- */
.gyb-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.gyb-voice{background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-radius-xl);padding:30px 26px;box-shadow:var(--gyb-shadow);
  display:flex;flex-direction:column}
.gyb-voice__top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
/* square source in a round frame: nothing is cut off */
.gyb-voice__face{width:72px;flex:none;border-radius:50%;overflow:hidden;
  border:3px solid var(--gyb-mint);box-shadow:0 0 0 4px var(--gyb-line-soft)}
.gyb-voice__name{font-family:var(--gyb-head);font-size:1.08rem;font-weight:700;
  color:var(--gyb-ink);margin:0}
.gyb-voice__meta{font-size:.81rem;color:var(--gyb-muted);margin:2px 0 0}
.gyb-stars{display:inline-flex;gap:3px;color:var(--gyb-amber);margin-top:5px}
.gyb-stars svg{width:1rem;height:1rem;fill:currentColor;stroke:none}
.gyb-voice__body{font-size:.95rem;line-height:1.66;margin:0}

/* -- 16 pricing ---------------------------------------------------------- */
.gyb-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
  align-items:start}
.gyb-plan{position:relative;background:var(--gyb-white);border:1px solid var(--gyb-line);
  border-radius:var(--gyb-radius-xl);padding:32px 24px 26px;text-align:center;display:flex;
  flex-direction:column}
.gyb-plan--pick{border:2px solid var(--gyb-teal);box-shadow:var(--gyb-shadow-up);
  background:linear-gradient(180deg,#F7FDFB,#fff)}
.gyb-plan__flag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:var(--gyb-forest);color:#E6F2EE;font-family:var(--gyb-head);font-size:.71rem;
  font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:7px 18px;
  border-radius:var(--gyb-pill);white-space:nowrap}
.gyb-plan--pick .gyb-plan__flag{background:linear-gradient(135deg,var(--gyb-teal-lt),
  var(--gyb-pine));color:#fff}
/* the pack photo: width-limited only, so the bottles are never cut off */
.gyb-plan__shot{display:grid;place-items:center;margin:16px auto 14px;width:100%}
.gyb-plan__shot .gyb-img{max-width:min(100%,190px)}
.gyb-plan h3{font-size:1.38rem;margin-bottom:2px}
.gyb-plan__supply{font-size:.85rem;color:var(--gyb-muted);margin-bottom:14px}
.gyb-plan__unit{font-family:var(--gyb-head);font-size:3rem;font-weight:700;color:var(--gyb-ink);
  line-height:1;letter-spacing:-.05em}
.gyb-plan__unit sup{font-size:.4em;top:-.7em;position:relative;font-weight:700;margin-right:.05em}
.gyb-plan__per{font-family:var(--gyb-head);font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gyb-muted);margin-top:7px}
.gyb-plan__total{margin-top:14px;font-size:.95rem}
.gyb-plan__total s{color:var(--gyb-muted)}
.gyb-plan__save{display:inline-block;margin-top:10px;background:var(--gyb-amber-wash);
  color:var(--gyb-amber);font-family:var(--gyb-head);font-size:.83rem;font-weight:700;
  padding:5px 15px;border-radius:var(--gyb-pill)}
.gyb-plan__ship{margin-top:12px;font-size:.87rem;display:flex;align-items:center;
  justify-content:center;gap:7px;color:var(--gyb-body)}
.gyb-plan__ship svg{width:1.2em;height:1.2em;color:var(--gyb-teal)}
.gyb-plan__inc{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;
  gap:8px;text-align:left}
.gyb-plan__inc li{display:flex;gap:9px;align-items:flex-start;font-size:.88rem;line-height:1.5}
.gyb-plan__inc li svg{width:1.05em;height:1.05em;margin-top:.3em;color:var(--gyb-teal);
  stroke-width:2.6}
.gyb-plan__go{margin-top:20px}
.gyb-plan__note{margin-top:12px;font-size:.79rem;color:var(--gyb-muted);line-height:1.5}

/* -- 17 bonuses ---------------------------------------------------------- */
.gyb-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gyb-guide{background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;
  box-shadow:var(--gyb-shadow)}
/* every cover was padded to one shared ratio, so this box never crops */
.gyb-guide__cover{width:116px;margin:0 auto}
.gyb-guide__cover .gyb-img{filter:drop-shadow(0 8px 18px rgba(19,36,31,.16))}
.gyb-guide__tag{font-family:var(--gyb-head);font-size:.72rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gyb-teal)}
.gyb-guide h3{font-size:1.03rem;margin:0}
.gyb-guide p{font-size:.9rem;line-height:1.58;margin:0}
.gyb-guide__worth{margin-top:auto;font-size:.83rem;color:var(--gyb-muted)}
.gyb-guide__worth b{color:var(--gyb-ink)}

/* -- 18 guarantee + seals ------------------------------------------------ */
.gyb-promise{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;align-items:center;
  background:var(--gyb-white);border:1px solid var(--gyb-line);border-radius:var(--gyb-radius-xl);
  padding:clamp(26px,3vw,44px);box-shadow:var(--gyb-shadow)}
.gyb-promise__badge{width:100%;max-width:200px}
.gyb-promise h2{margin-bottom:.3em}
.gyb-seals{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center}
.gyb-seals .gyb-fig{width:120px}

/* -- 19 accordion -------------------------------------------------------- */
.gyb-qa{border-top:1px solid var(--gyb-line)}
.gyb-qa__row{border-bottom:1px solid var(--gyb-line)}
.gyb-qa__row h3{margin:0;font-size:inherit}
.gyb-qa__q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;
  background:transparent;border:0;padding:21px 4px;cursor:pointer;text-align:left;
  font-family:var(--gyb-head);font-size:clamp(1.02rem,.98rem + .3vw,1.17rem);font-weight:700;
  color:var(--gyb-ink);line-height:1.35;letter-spacing:-.016em}
.gyb-qa__q i{width:28px;height:28px;flex:none;border-radius:9px;
  border:1.5px solid var(--gyb-line);position:relative;transition:background .2s,border-color .2s}
.gyb-qa__q i::before,.gyb-qa__q i::after{content:"";position:absolute;left:50%;top:50%;
  background:var(--gyb-teal);border-radius:2px;transform:translate(-50%,-50%);
  transition:transform .22s}
.gyb-qa__q i::before{width:12px;height:2px}
.gyb-qa__q i::after{width:2px;height:12px}
.gyb-qa__q[aria-expanded="true"] i{background:var(--gyb-mint);border-color:var(--gyb-line)}
.gyb-qa__q[aria-expanded="true"] i::after{transform:translate(-50%,-50%) scaleY(0)}
.gyb-qa__a{display:none;padding:0 4px 23px}
.gyb-qa__a p{font-size:.97rem;max-width:78ch}
.gyb-qa__row.gyb-open .gyb-qa__a{display:block}
html:not(.gyb-js) .gyb-qa__a{display:block}

/* -- 20 notes + tables --------------------------------------------------- */
.gyb-note{background:var(--gyb-white);border:1px solid var(--gyb-line);
  border-left:4px solid var(--gyb-teal);border-radius:0 var(--gyb-radius) var(--gyb-radius) 0;
  padding:22px 26px}
.gyb-note h3{font-size:1.05rem;margin-bottom:.4em}
.gyb-note p{font-size:.95rem}
.gyb-alert{background:#FDF1EF;border:1px solid #F2D3CD;border-left:4px solid var(--gyb-berry);
  border-radius:0 var(--gyb-radius) var(--gyb-radius) 0;padding:22px 26px;color:#6B3A38}
.gyb-alert h3{color:var(--gyb-berry);font-size:1.05rem;margin-bottom:.4em}
.gyb-alert p{font-size:.95rem}
.gyb-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gyb-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:520px}
.gyb-table th,.gyb-table td{text-align:left;padding:13px 16px;
  border-bottom:1px solid var(--gyb-line)}
.gyb-table th{font-family:var(--gyb-head);font-size:.76rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gyb-pine);background:var(--gyb-mint)}
.gyb-table td b{color:var(--gyb-ink)}
.gyb-prose h2{margin-top:1.6em}
.gyb-prose h3{margin-top:1.4em}
.gyb-prose ul,.gyb-prose ol{padding-left:1.25em;margin:0 0 1.1em}
.gyb-prose li{margin-bottom:.5em}
.gyb-prose>*:first-child{margin-top:0}

/* -- 21 breadcrumb + page head ------------------------------------------- */
.gyb-crumbs{font-size:.82rem;color:var(--gyb-muted);padding:18px 0 0}
.gyb-crumbs a{color:var(--gyb-muted);text-decoration:none}
.gyb-crumbs a:hover{color:var(--gyb-teal)}
.gyb-crumbs i{margin:0 9px;font-style:normal;color:var(--gyb-line)}
.gyb-pagehead{padding:clamp(22px,2.4vw,38px) 0 clamp(26px,3vw,46px);
  background:linear-gradient(180deg,#FDFFFE,var(--gyb-paper))}
.gyb-pagehead h1{max-width:21ch}
.gyb-pagehead .gyb-lede{max-width:68ch}

/* -- 22 contact ---------------------------------------------------------- */
.gyb-reach{background:var(--gyb-white);border:1px solid var(--gyb-line-soft);
  border-radius:var(--gyb-radius-lg);padding:28px;text-align:center;box-shadow:var(--gyb-shadow)}
.gyb-reach i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  margin:0 auto 14px;background:var(--gyb-mint);color:var(--gyb-pine);
  border:1px solid var(--gyb-line)}
.gyb-reach i svg{width:1.3em;height:1.3em}
.gyb-reach h3{font-size:1.04rem;margin-bottom:.3em}
.gyb-reach p{font-size:.94rem}

/* -- 23 sticky bar ------------------------------------------------------- */
.gyb-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(14,59,51,.97);
  color:#D5E6E1;transform:translateY(105%);transition:transform .3s ease;
  box-shadow:0 -6px 24px rgba(14,59,51,.24)}
.gyb-bar.gyb-bar-up{transform:translateY(0)}
.gyb-bar__row{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:11px}
.gyb-bar__row p{margin:0;font-size:.91rem}
.gyb-bar__row b{color:#fff}

/* -- 24 closer ----------------------------------------------------------- */
.gyb-closer{background:var(--gyb-forest);color:#CFE1DB}
.gyb-closer__row{display:grid;grid-template-columns:240px minmax(0,1fr);
  gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(38px,4.2vw,70px)}
.gyb-closer__shot{position:relative;display:grid;place-items:center}
.gyb-closer__shot::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(73,163,146,.3),rgba(73,163,146,0) 68%);
  pointer-events:none}
.gyb-closer__shot .gyb-img{position:relative;max-width:min(100%,190px);
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.4))}
.gyb-closer h2{margin-bottom:.35em;color:#fff}
.gyb-closer__copy p{max-width:60ch}
.gyb-closer__go{margin-top:24px}
.gyb-closer__fine{margin-top:16px;font-size:.82rem;color:#8FA9A2}

/* -- 25 footer ----------------------------------------------------------- */
.gyb-foot{background:var(--gyb-forest);color:#9DB7B0;padding:clamp(42px,4.4vw,70px) 0 32px;
  margin-bottom:62px;border-top:1px solid rgba(207,225,219,.12)}
.gyb-foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px}
.gyb-foot .gyb-brand__name{color:#fff}
.gyb-foot .gyb-brand__name em{color:var(--gyb-teal-lt)}
.gyb-foot__about p{margin-top:18px;font-size:.9rem;line-height:1.64;max-width:42ch}
.gyb-foot__col h2{font-family:var(--gyb-head);font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gyb-teal-lt);margin:0 0 12px}
.gyb-foot__col h2 + ul{margin-bottom:22px}
.gyb-foot__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.gyb-foot__col a{color:#B6CCC6;font-size:.91rem;text-decoration:none;display:inline-block;
  padding:5px 0}
.gyb-foot__col a:hover{color:#fff}
.gyb-foot__legal{margin-top:40px;padding-top:26px;border-top:1px solid rgba(207,225,219,.14);
  display:grid;gap:12px}
.gyb-foot__legal p{font-size:.79rem;line-height:1.6;color:#87A19A;margin:0;max-width:104ch}
.gyb-foot__legal b{color:#C4D8D2}
.gyb-foot__base{margin-top:24px;padding-top:20px;border-top:1px solid rgba(207,225,219,.14);
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;font-size:.79rem;
  color:#78938C}
.gyb-foot__base a{color:#9DB7B0;text-decoration:none}
.gyb-foot__base a:hover{color:#fff}

/* -- 26 motion ----------------------------------------------------------- */
.gyb-js .gyb-lift{opacity:0;transform:translateY(20px)}
.gyb-js .gyb-lift.gyb-shown{opacity:1;transform:none;
  transition:opacity .6s ease,transform .6s ease}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .gyb-js .gyb-lift{opacity:1;transform:none}
}

/* -- 27 breakpoints ------------------------------------------------------ */
@media (max-width:1140px){
  .gyb-botanicals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1040px){
  .gyb-foot__grid{grid-template-columns:1fr 1fr 1fr}
  .gyb-foot__about{grid-column:1/-1}
}
@media (max-width:960px){
  .gyb-head__row{min-height:70px}
  .gyb-burger{display:flex}
  .gyb-menu{position:absolute;left:0;right:0;top:100%;background:var(--gyb-white);
    border-bottom:1px solid var(--gyb-line);flex-direction:column;align-items:stretch;gap:0;
    padding:10px 22px 22px;display:none;box-shadow:var(--gyb-shadow)}
  .gyb-menu.gyb-menu-open{display:flex}
  .gyb-menu a{padding:14px 0;border-bottom:1px solid var(--gyb-line-soft)}
  .gyb-menu a.gyb-cta{margin-top:16px;border-bottom:0;justify-content:center}
  .gyb-hero__row{grid-template-columns:1fr}
  .gyb-hero__lede{max-width:none}
  .gyb-shot{order:-1;margin-bottom:8px}
  .gyb-pair{grid-template-columns:1fr}
  .gyb-voices,.gyb-plans,.gyb-guides,.gyb-grid--3,.gyb-grid--4{
    grid-template-columns:repeat(2,minmax(0,1fr))}
  .gyb-promise{grid-template-columns:1fr;text-align:center;justify-items:center}
  .gyb-closer__row{grid-template-columns:190px minmax(0,1fr)}
}
@media (max-width:760px){
  body{font-size:18.5px}
  .gyb-ribbon__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .gyb-ribbon__cell:nth-child(2n){border-right:0}
  .gyb-bar__row p{display:none}
  .gyb-bar__row{justify-content:center}
  .gyb-closer__row{grid-template-columns:1fr;text-align:center;justify-items:center}
  .gyb-closer__copy p{max-width:none}
}
@media (max-width:620px){
  .gyb-wrap{padding:0 18px}
  .gyb-botanicals,.gyb-voices,.gyb-plans,.gyb-guides,
  .gyb-grid--2,.gyb-grid--3,.gyb-grid--4{grid-template-columns:1fr}
  .gyb-usp{grid-template-columns:1fr}
  .gyb-brand__name{font-size:1.3rem}
  .gyb-brand__leaf{width:40px;height:40px;border-radius:12px}
  .gyb-step{grid-template-columns:1fr;gap:14px}
  .gyb-rule{gap:12px;font-size:.7rem;letter-spacing:.16em}
  .gyb-rule::before,.gyb-rule::after{max-width:50px}
  .gyb-foot__grid{grid-template-columns:1fr 1fr}
  .gyb-seals .gyb-fig{width:98px}
  .gyb-voice__top{flex-direction:column;text-align:center;gap:10px}
}
@media (max-width:400px){
  .gyb-cta{padding:15px 24px;font-size:.97rem}
}