/* ===================================================================
   SUGAR RESET — sugarsreset.com
   ------------------------------------------------------------------
   Palette: espresso #2f2822 | leaf green #5f9038 | paper #f7f3ec
            deep espresso #221c17 | band #ebe4d8 | ink #262220
   Type:    Literata (display) / Epilogue (text)
   Mark:    balance beam — a level beam resting on a pivot, weights
            even at both ends. Balance, not transformation.
   ------------------------------------------------------------------
   Layout safety: grids use minmax(0,1fr); flex children min-width:0;
   media capped with min(Npx,100%); hero reorders H1 -> product -> rest
   below 900px.
   ------------------------------------------------------------------
   CONTENT-INTEGRITY NOTES — this source needed heavier correction
   than usual:

   1. DIABETES CLAIMS STRIPPED. The source review carried testimonials
      describing the product as a replacement for prescribed diabetes
      medication ("spending a fortune on expensive diabetes
      medications... two weeks in... my glucose readings stabilize",
      "managing my type 2 diabetes... readings consistently in the
      healthy range"). Encouraging anyone to substitute a supplement
      for diabetes treatment is dangerous, so none of it is carried
      over. NCCIH's position is stated instead: there is not enough
      evidence that any dietary supplement can manage or prevent
      type 2 diabetes, and using such products in place of proven
      treatment is specifically hazardous.

   2. FORM CORRECTED. The source's overview table said "capsule form /
      take 1 capsule daily" while its own directions said "measure one
      full dropper". The supplied product images resolve it: a narrow
      tapering dropper tip over an amber glass body. This site
      describes a liquid dropper throughout.

   3. DOSING STATED HONESTLY. The label is a 200 mg proprietary blend
      spread across 22 named ingredients, with per-ingredient amounts
      undisclosed. That is roughly 9 mg average per ingredient, far
      below the amounts used in research on any of them. No invented
      figures appear anywhere on this site.

   4. UNDISCLOSED ACTIVES FLAGGED. The source described guarana as
      "traditionally associated with energy" without noting it is a
      caffeine source, and listed grapefruit extract, licorice-derived
      monoammonium glycyrrhizinate, coleus forskohlii and L-tryptophan
      without any interaction note. Those are in the safety section.

   5. "No side effects reported" and "4.8/5 from over 2,000 reviews"
      were not reproduced as stated; ratings softened, side effects
      described honestly.

   6. Bonus guides are mentioned as included with the larger packages
      but their disease-implying titles are not reproduced.

   7. Supplied testimonial photos were AI variants of one person
      (filenames "Same_person_different_clothes_*"). Face photos are
      omitted; initial avatars used instead.
=================================================================== */

:root{
  --esp:#2f2822;
  --esp-2:#3d342c;
  --esp-dk:#221c17;
  --leaf:#5f9038;
  --leaf-lt:#84c04f;
  --leaf-dk:#456b26;
  --paper:#f7f3ec;
  --card:#ffffff;
  --band:#ebe4d8;
  --edge:#ddd4c5;
  --ink:#262220;
  --ink-2:#514a44;
  --dim:#6f675f;
  --alert:#fdf1ee;
  --alert-edge:#b6512f;
  --alert-ink:#8a3a1f;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Epilogue',system-ui,sans-serif;
  font-size:17px;line-height:1.72;
}
h1,h2,h3,h4{font-family:'Literata',Georgia,serif;font-weight:600;line-height:1.26;color:var(--ink);margin-top:0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.hold{max-width:1140px;margin-inline:auto;padding-inline:24px;}
.eyebrow{
  display:block;font-size:.71rem;font-weight:700;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--leaf-dk);margin-bottom:11px;
}
.xlink{color:var(--leaf-dk);text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.xlink:hover{color:var(--esp);}
.centre{text-align:center;}

/* ---- actions ---- */
.go{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Epilogue',sans-serif;font-weight:700;font-size:1rem;
  background:var(--leaf);color:#fff;border:none;border-radius:7px;
  padding:15px 30px;cursor:pointer;
  transition:background .15s,transform .15s;
}
.go:hover{background:var(--leaf-dk);transform:translateY(-2px);}
.go-edge{
  display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.96rem;
  padding:13px 26px;border:1.5px solid rgba(255,255,255,.5);border-radius:7px;
  background:transparent;color:var(--paper);transition:background .15s,color .15s;
}
.go-edge:hover{background:var(--paper);color:var(--esp-dk);border-color:var(--paper);}

/* ---- header ---- */
.banner{background:var(--esp-dk);color:#b6ac9f;font-size:.79rem;padding:9px 16px;text-align:center;}
.banner b{color:var(--leaf-lt);}
.head{position:sticky;top:0;z-index:900;background:var(--paper);border-bottom:1px solid var(--edge);padding:15px 0;}
.head .hold{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brandmark{font-family:'Literata',serif;font-weight:600;font-size:1.32rem;}
.brandmark i{font-style:normal;color:var(--leaf);}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center;}
.menu a{font-weight:500;font-size:.93rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.menu a:hover{border-bottom-color:var(--leaf);}
.hamb{display:none;background:none;border:none;font-size:1.65rem;cursor:pointer;color:var(--ink);line-height:1;}
@media(max-width:940px){
  .menu{position:absolute;inset-inline:0;top:100%;background:var(--paper);
        border-bottom:1px solid var(--edge);flex-direction:column;gap:0;display:none;}
  .menu.open{display:flex;}
  .menu li{width:100%;border-top:1px solid var(--edge);}
  .menu a{display:block;padding:15px 24px;border:none;}
  .menu-go{display:none;}
  .hamb{display:block;}
}

/* ---- hero ---- */
.opener{
  background:radial-gradient(ellipse at 88% 0%, #4a4036 0%, var(--esp) 55%, var(--esp-dk) 100%);
  background-color:var(--esp);
  color:#c6bcae;padding:62px 0 0;position:relative;overflow:hidden;
}
.opener .eyebrow{color:var(--leaf-lt);}
.op-row{display:flex;align-items:center;gap:48px;flex-wrap:wrap;position:relative;z-index:2;}
.op-copy{flex:1 1 440px;min-width:0;}
.op-a,.op-b{width:100%;}
.opener h1{font-size:2.4rem;margin:0 0 20px;color:var(--paper);}
.opener h1 span{color:var(--leaf-lt);}
.op-sub{font-size:1.07rem;color:#c6bcae;max-width:545px;margin:0;}
.op-shot{flex:1 1 240px;min-width:0;text-align:center;}
.op-shot img{max-width:min(290px,100%);margin-inline:auto;filter:drop-shadow(0 24px 32px rgba(0,0,0,.45));}
.op-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.op-meta{display:inline-flex;align-items:center;gap:11px;margin-top:26px;color:#c6bcae;font-weight:500;font-size:.93rem;}
.op-meta .pips{color:var(--leaf-lt);letter-spacing:2px;}
@media(max-width:900px){
  .op-copy{display:contents;}
  .op-a{order:1;}
  .op-shot{order:2;}
  .op-b{order:3;}
}
@media(max-width:620px){
  .opener{padding-top:44px;}
  .op-row{gap:26px;}
  .opener h1{font-size:1.92rem;}
}

/* ---- balance beam mark ---- */
.beam{display:flex;justify-content:center;padding:40px 0 6px;position:relative;z-index:2;}
.beam svg{width:200px;height:74px;}
.beam-bar{stroke:var(--leaf-lt);stroke-width:3;stroke-linecap:round;}
.beam-pivot{fill:var(--leaf-lt);}
.beam-w{fill:none;stroke:var(--leaf-lt);stroke-width:2.2;}
.beam-base{stroke:#6c6154;stroke-width:2;stroke-linecap:round;}
.beam-cap{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1.5px;
          text-transform:uppercase;color:#948a7c;padding-bottom:34px;position:relative;z-index:2;}

/* ---- panels ---- */
.slab{padding:70px 0;}
.slab-band{background:var(--band);}
.slab-dark{background:var(--esp-dk);color:#c6bcae;}
.slab-dark h2,.slab-dark h3,.slab-dark h4{color:var(--paper);}
.slab-dark .eyebrow{color:var(--leaf-lt);}
.intro{max-width:780px;margin:0 auto 42px;text-align:center;}
.intro h2{font-size:2.05rem;margin:0 0 12px;}
.intro p{color:var(--dim);margin:0;}
.slab-dark .intro p{color:#948a7c;}

/* ---- summary card ---- */
.summary{border:1px solid var(--edge);border-left:4px solid var(--leaf);border-radius:9px;
         background:var(--card);padding:28px 30px;margin-top:44px;position:relative;z-index:2;color:var(--ink);}
.summary h2{font-size:1.42rem;margin:0 0 13px;color:var(--ink);}
.summary > p{margin:0 0 18px;color:var(--ink-2);}
.spec{width:100%;border-collapse:collapse;font-size:.93rem;}
.spec th,.spec td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--edge);vertical-align:top;}
.spec th{width:31%;font-family:'Epilogue',sans-serif;font-weight:700;white-space:nowrap;color:var(--ink);}
.spec td{color:var(--ink-2);}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:none;}
@media(max-width:560px){
  .spec th,.spec td{display:block;width:100%;border-bottom:none;padding:3px 0;}
  .spec th{padding-top:12px;}
  .spec tr{display:block;border-bottom:1px solid var(--edge);padding-bottom:9px;}
}

/* ---- alert block ---- */
.stop{max-width:880px;margin:0 auto;background:var(--alert);
      border:1px solid var(--alert-edge);border-left:5px solid var(--alert-edge);
      border-radius:9px;padding:28px 30px;}
.stop h3{font-size:1.3rem;margin:0 0 12px;color:var(--alert-ink);}
.stop h4{font-family:'Epilogue',sans-serif;font-size:1rem;font-weight:700;color:var(--alert-ink);margin:22px 0 8px;}
.stop p{color:#4d3830;font-size:.96rem;margin:0 0 12px;}
.stop p:last-child{margin-bottom:0;}
.stop strong{color:#6f2c14;}
.stop ul{margin:0 0 12px;padding-left:20px;color:#4d3830;font-size:.95rem;}
.stop li{margin-bottom:8px;}
.stop a{color:var(--alert-ink);text-decoration:underline;text-underline-offset:2px;}

/* ---- seals ---- */
.seals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:860px){.seals{grid-template-columns:repeat(2,minmax(0,1fr));}}
.seal{background:var(--card);border:1px solid var(--edge);border-radius:9px;padding:22px 16px;text-align:center;}
.seal img{max-width:min(132px,100%);margin:0 auto 12px;}
.seal b{display:block;font-family:'Literata',serif;font-size:1.03rem;margin-bottom:6px;}
.seal small{display:block;color:var(--dim);font-size:.81rem;line-height:1.5;}

/* ---- question blocks ---- */
.qb{max-width:840px;margin:0 auto 34px;}
.qb:last-child{margin-bottom:0;}
.qb h3{font-size:1.4rem;margin:0 0 12px;}
.qlead{
  font-size:1.01rem;color:var(--ink);font-weight:500;
  background:var(--card);border:1px solid var(--edge);border-radius:8px;
  padding:16px 20px;margin:0 0 16px;
}
.slab-dark .qlead{background:var(--esp-2);border-color:#4c4238;color:var(--paper);}
.qb p{color:var(--ink-2);margin:0 0 13px;}
.slab-dark .qb p{color:#ada396;}
.qb p:last-child{margin-bottom:0;}

/* ---- pillars ---- */
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:980px;margin-inline:auto;}
@media(max-width:820px){.cols{grid-template-columns:1fr;}}
.col{border-left:3px solid var(--leaf);padding-left:20px;}
.col h4{font-size:1.11rem;margin:0 0 8px;}
.col p{margin:0;color:#ada396;font-size:.93rem;}

/* ---- ingredient blocks ---- */
.build{max-width:890px;margin:0 auto;}
.brick{background:var(--card);border:1px solid var(--edge);border-radius:9px;
       padding:24px;margin-bottom:16px;}
.brick:last-child{margin-bottom:0;}
.brick h4{font-size:1.16rem;margin:0 0 10px;}
.brick p{margin:0 0 11px;color:var(--ink-2);font-size:.94rem;}
.brick p:last-child{margin-bottom:0;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;}
.chips li{background:var(--band);border:1px solid var(--edge);border-radius:20px;
          padding:5px 13px;font-size:.83rem;color:var(--ink-2);}
.flagline{
  display:block;margin-top:13px;font-size:.88rem;font-weight:500;
  color:var(--alert-ink);background:var(--alert);border-radius:6px;padding:11px 14px;
}
.flagline.firm{border:1px solid var(--alert-edge);}

/* ---- care panel ---- */
.care{max-width:890px;margin:0 auto;background:var(--card);border:1px solid var(--edge);border-radius:9px;padding:30px;}
.care h3{font-size:1.32rem;margin:0 0 10px;}
.care h4{font-family:'Epilogue',sans-serif;font-size:1rem;font-weight:700;margin:24px 0 8px;}
.care p{color:var(--ink-2);font-size:.95rem;margin:0 0 10px;}
.care p:last-child{margin-bottom:0;}
.care strong{color:var(--ink);}
.care a{color:var(--leaf-dk);text-decoration:underline;text-underline-offset:2px;}

/* ---- pricing ---- */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
@media(max-width:920px){.tiers{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}}
.tier{background:var(--card);border:1px solid var(--edge);border-radius:10px;
      padding:26px 22px;text-align:center;display:flex;flex-direction:column;position:relative;}
.tier-best{border:2px solid var(--leaf);box-shadow:0 14px 30px rgba(95,144,56,.18);}
.pin{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--leaf);color:#fff;font-size:.68rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;
}
.pin.dark{background:var(--esp);}
.tier-img{height:152px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px;}
.tier-img img{max-height:152px;width:auto;max-width:100%;}
.tier-nm{font-family:'Literata',serif;font-weight:600;font-size:1.28rem;}
.tier-sub{color:var(--dim);font-size:.86rem;margin-bottom:12px;}
.tier-rate{font-family:'Literata',serif;font-weight:600;font-size:2.2rem;line-height:1;}
.tier-rate small{font-family:'Epilogue',sans-serif;font-size:.84rem;font-weight:400;color:var(--dim);}
.tier-tot{font-weight:700;margin:9px 0 2px;}
.tier-ship{font-size:.83rem;font-weight:600;color:var(--leaf-dk);margin-bottom:16px;}
.tier-ship.paid{color:var(--dim);}
.tier .go{width:100%;margin-top:auto;}
.tier-cards{max-width:min(175px,100%);margin:13px auto 0;opacity:.75;}
.tiers-note{text-align:center;color:var(--dim);font-size:.87rem;max-width:770px;margin:26px auto 0;}

/* ---- outcomes ---- */
.gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.gains{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.gains{grid-template-columns:1fr;}}
.gain{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.gain h4{font-size:1.04rem;margin:0 0 8px;}
.gain p{margin:0;color:var(--ink-2);font-size:.92rem;}

/* ---- voices ---- */
.said{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.said{grid-template-columns:1fr;}}
.say{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.say-who{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.mono{
  width:50px;height:50px;border-radius:50%;flex-shrink:0;
  background:var(--esp);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:'Literata',serif;font-weight:600;font-size:1.04rem;
}
.mono.m2{background:var(--leaf-dk);}
.mono.m3{background:#6d6053;}
.say-nm{font-weight:700;font-size:.95rem;}
.say-tag{color:var(--dim);font-size:.82rem;}
.say-pips{color:var(--leaf);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.say p{margin:0;color:var(--ink-2);font-size:.92rem;}
.said-note{text-align:center;color:var(--dim);font-size:.85rem;max-width:730px;margin:24px auto 0;}
.rate-band{text-align:center;margin-top:26px;}
.rate-band img{max-width:min(290px,100%);margin-inline:auto;}

/* ---- guarantee ---- */
.pledge{display:flex;gap:38px;align-items:center;flex-wrap:wrap;background:var(--card);
        border:1px solid var(--edge);border-radius:10px;padding:34px;}
.pledge img{max-width:min(165px,100%);margin-inline:auto;}
.pledge-txt{flex:1 1 340px;min-width:0;}
.pledge-txt h3{font-size:1.66rem;margin:0 0 12px;}
.pledge-txt p{color:var(--ink-2);}

/* ---- closer ---- */
.finish{background:var(--esp-dk);color:#c6bcae;border-radius:10px;padding:50px 30px;text-align:center;}
.finish h2{font-size:2.05rem;color:var(--paper);margin:0 0 8px;}
.finish img{max-width:min(290px,100%);margin:22px auto;}
.finish-rate{font-family:'Literata',serif;font-weight:600;color:var(--leaf-lt);font-size:2rem;margin:4px 0 20px;}
.finish-note{color:#948a7c;font-size:.87rem;max-width:570px;margin:20px auto 0;}
.finish-note a{color:var(--leaf-lt);text-decoration:underline;}

/* ---- FAQ ---- */
.asked{max-width:850px;margin:0 auto;}
.ask{background:var(--card);border:1px solid var(--edge);border-radius:8px;margin-bottom:12px;}
.ask:last-child{margin-bottom:0;}
.ask-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;
       font-family:'Literata',serif;font-weight:600;font-size:1.06rem;color:var(--ink);
       padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.ask-q::after{content:'+';font-family:'Epilogue',sans-serif;font-size:1.3rem;color:var(--leaf);
              transition:transform .2s;flex-shrink:0;line-height:1;}
.ask.live .ask-q::after{transform:rotate(45deg);}
.ask-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.ask-a p{margin:0 0 12px;padding:0 20px;color:var(--ink-2);font-size:.94rem;}
.ask-a p:last-child{padding-bottom:18px;}

/* ---- references ---- */
.cited{max-width:870px;margin:0 auto;}
.cited ol{padding-left:22px;margin:0;}
.cited li{margin-bottom:11px;color:var(--ink-2);font-size:.92rem;}
.cited a{color:var(--leaf-dk);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.cited-note{color:var(--dim);font-size:.87rem;margin-top:20px;}

/* ---- onward ---- */
.onward{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto;}
@media(max-width:820px){.onward{grid-template-columns:1fr;}}
.onward a{display:block;background:var(--card);border:1px solid var(--edge);border-radius:8px;
          padding:18px 16px;transition:border-color .15s,transform .15s;}
.onward a:hover{border-color:var(--leaf);transform:translateY(-2px);}
.onward b{display:block;font-family:'Literata',serif;font-weight:600;font-size:1.04rem;margin-bottom:5px;}
.onward span{color:var(--dim);font-size:.84rem;}

/* ---- footer ---- */
.base{background:var(--esp-dk);color:#8d8478;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--leaf);}
.base a{color:#b6ac9f;text-decoration:underline;text-underline-offset:2px;}
.base a:hover{color:var(--leaf-lt);}
.base hr{border:none;border-top:1px solid #3a322a;margin:24px 0;}
.base p{margin:0 0 14px;}

/* ---- mobile order rail ---- */
.dock{position:fixed;inset-inline:0;bottom:0;z-index:950;background:var(--esp-dk);padding:9px 16px;
      display:none;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid var(--leaf);}
.dock-p{color:var(--paper);line-height:1.2;}
.dock-p b{color:var(--leaf-lt);font-family:'Literata',serif;font-size:1.1rem;}
.dock-p small{display:block;color:#8d8478;font-size:.71rem;}
@media(max-width:940px){.dock{display:flex;}body{padding-bottom:66px;}}