/* ===================================================================
   GLYKONEX GLUCO CAPSULES — glykonexglucocapsules.com
   ------------------------------------------------------------------
   Palette: deep teal #173133 | copper #c97c3a | paper #f5f2ec
            teal-dark #0f2223 | band #e7e1d6 | ink #24211d
   Type:    Fraunces (display) / Inter (text)
   Mark:    hex nexus — concentric hexagon rings around a node, the
            "-nex" connective idea; a network, not a cure.
   ------------------------------------------------------------------
   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 product's own marketing and several
   affiliate pages carried claims that had to be removed:

   1. DISEASE / OVERREACH CLAIMS STRIPPED. The brand's official pages
      carried a blood-pressure testimonial (140-160/90 down to 120/78),
      cholesterol claims, "reducing insulin resistance", and framing as
      "essential for those at risk for Type 2 diabetes". The FDA treats
      "natural diabetes cure" / "replace your diabetes medicine" style
      claims as ILLEGALLY MARKETED (NCCIH/FDA). None of that appears
      here. The site uses structure-function language only and states
      plainly it is not a diabetes treatment.

   2. TRANSPARENCY FLAGGED, NOT HIDDEN. Independent reviews (ScamAdviser,
      Newswire, Tutela) note the Supplement Facts panel is not published
      on accessible pages, so exact per-ingredient dosages are
      unconfirmed. Rather than inventing amounts, the site says this
      openly and tells the buyer to obtain the panel before ordering,
      especially if on medication.

   3. INGREDIENTS. Taken from a retail label listing (eBay) and the
      brand's own named ingredients: Chromium, Biotin, Magnesium,
      Manganese, Zinc, Vitamins C and E, plus botanicals Berberine,
      Cinnamon Bark, Bitter Melon, Banaba Leaf, Guggul, Licorice Root,
      Yarrow, Cayenne, White Mulberry, Juniper Berry, Alpha-Lipoic Acid,
      Taurine. Where a listing and the brand disagree, the site says the
      full panel is unconfirmed rather than asserting a definitive list.

   4. BERBERINE + LICORICE interaction warnings given their own room:
      berberine's CYP450 interactions and NCCIH's infant/pregnancy
      caution; licorice's blood-pressure / potassium effect; cinnamon
      (cassia) coumarin note. Chromium picolinate has case reports of
      kidney injury — flagged, since diabetes is the leading cause of
      kidney disease (NCCIH).

   5. Ratings softened; "no side effects" not reproduced; side effects
      described honestly (hypoglycaemia risk when fasting, GI upset).

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

:root{
  --teal:#173133;
  --teal-2:#204244;
  --teal-dk:#0f2223;
  --copper:#c97c3a;
  --copper-lt:#e0a05a;
  --copper-dk:#a25f26;
  --paper:#f5f2ec;
  --card:#ffffff;
  --band:#e7e1d6;
  --edge:#d9d1c4;
  --ink:#24211d;
  --ink-2:#4e483f;
  --dim:#6c655b;
  --alert:#fbefe7;
  --alert-edge:#b45a2a;
  --alert-ink:#8a4218;
}

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

/* ---- actions ---- */
.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Inter',sans-serif;font-weight:700;font-size:1rem;
  background:var(--copper);color:#fff;border:none;border-radius:7px;
  padding:15px 30px;cursor:pointer;transition:background .15s,transform .15s;
}
.cta:hover{background:var(--copper-dk);transform:translateY(-2px);}
.cta-line{
  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;
}
.cta-line:hover{background:var(--paper);color:var(--teal-dk);border-color:var(--paper);}

/* ---- header ---- */
.strip{background:var(--teal-dk);color:#9fb0af;font-size:.79rem;padding:9px 16px;text-align:center;}
.strip b{color:var(--copper-lt);}
.masthead{position:sticky;top:0;z-index:900;background:var(--paper);border-bottom:1px solid var(--edge);padding:15px 0;}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.wordmark{font-family:'Fraunces',serif;font-weight:600;font-size:1.3rem;}
.wordmark i{font-style:normal;color:var(--copper);}
.links{display:flex;gap:25px;list-style:none;margin:0;padding:0;align-items:center;}
.links a{font-weight:500;font-size:.92rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.links a:hover{border-bottom-color:var(--copper);}
.burger{display:none;background:none;border:none;font-size:1.65rem;cursor:pointer;color:var(--ink);line-height:1;}
@media(max-width:940px){
  .links{position:absolute;inset-inline:0;top:100%;background:var(--paper);
         border-bottom:1px solid var(--edge);flex-direction:column;gap:0;display:none;}
  .links.out{display:flex;}
  .links li{width:100%;border-top:1px solid var(--edge);}
  .links a{display:block;padding:15px 24px;border:none;}
  .links-cta{display:none;}
  .burger{display:block;}
}

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

/* ---- hex nexus mark ---- */
.nexus{display:flex;justify-content:center;padding:40px 0 6px;position:relative;z-index:2;}
.nexus svg{width:88px;height:96px;}
.hex{fill:none;stroke:var(--copper-lt);stroke-linejoin:round;}
.hex-node{fill:var(--copper-lt);}
.nexus-cap{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1.5px;
           text-transform:uppercase;color:#89988f;padding-bottom:34px;position:relative;z-index:2;}

/* ---- panels ---- */
.band{padding:70px 0;}
.band-tint{background:var(--band);}
.band-dark{background:var(--teal-dk);color:#b6c4c2;}
.band-dark h2,.band-dark h3,.band-dark h4{color:var(--paper);}
.band-dark .tag{color:var(--copper-lt);}
.top-note{max-width:780px;margin:0 auto 42px;text-align:center;}
.top-note h2{font-size:2.05rem;margin:0 0 12px;}
.top-note p{color:var(--dim);margin:0;}
.band-dark .top-note p{color:#89988f;}

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

/* ---- alert block ---- */
.halt{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;}
.halt h3{font-size:1.3rem;margin:0 0 12px;color:var(--alert-ink);}
.halt h4{font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;color:var(--alert-ink);margin:22px 0 8px;}
.halt p{color:#4d3529;font-size:.96rem;margin:0 0 12px;}
.halt p:last-child{margin-bottom:0;}
.halt strong{color:#6f3113;}
.halt ul{margin:0 0 12px;padding-left:20px;color:#4d3529;font-size:.95rem;}
.halt li{margin-bottom:8px;}
.halt 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:'Fraunces',serif;font-size:1.03rem;margin-bottom:6px;}
.seal small{display:block;color:var(--dim);font-size:.81rem;line-height:1.5;}

/* ---- question blocks ---- */
.qwrap{max-width:840px;margin:0 auto 34px;}
.qwrap:last-child{margin-bottom:0;}
.qwrap h3{font-size:1.4rem;margin:0 0 12px;}
.qhead{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;}
.band-dark .qhead{background:var(--teal-2);border-color:#325454;color:var(--paper);}
.qwrap p{color:var(--ink-2);margin:0 0 13px;}
.band-dark .qwrap p{color:#9db0ad;}
.qwrap p:last-child{margin-bottom:0;}

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

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

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

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

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

/* ---- voices ---- */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.voices{grid-template-columns:1fr;}}
.voice{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.voice-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.disc{width:50px;height:50px;border-radius:50%;flex-shrink:0;background:var(--teal);color:#fff;
      display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;font-size:1.04rem;}
.disc.d2{background:var(--copper-dk);}
.disc.d3{background:#3f5f60;}
.voice-nm{font-weight:700;font-size:.95rem;}
.voice-tag{color:var(--dim);font-size:.82rem;}
.voice-st{color:var(--copper);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.voice p{margin:0;color:var(--ink-2);font-size:.92rem;}
.voices-note{text-align:center;color:var(--dim);font-size:.85rem;max-width:730px;margin:24px auto 0;}
.strip-rate{text-align:center;margin-top:26px;}
.strip-rate img{max-width:min(290px,100%);margin-inline:auto;}

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

/* ---- closer ---- */
.close{background:var(--teal-dk);color:#b6c4c2;border-radius:10px;padding:50px 30px;text-align:center;}
.close h2{font-size:2.05rem;color:var(--paper);margin:0 0 8px;}
.close img{max-width:min(300px,100%);margin:22px auto;}
.close-rate{font-family:'Fraunces',serif;font-weight:600;color:var(--copper-lt);font-size:2rem;margin:4px 0 20px;}
.close-note{color:#89988f;font-size:.87rem;max-width:570px;margin:20px auto 0;}
.close-note a{color:var(--copper-lt);text-decoration:underline;}

/* ---- FAQ ---- */
.faq{max-width:850px;margin:0 auto;}
.qa{background:var(--card);border:1px solid var(--edge);border-radius:8px;margin-bottom:12px;}
.qa:last-child{margin-bottom:0;}
.qa-btn{width:100%;background:none;border:none;cursor:pointer;text-align:left;
        font-family:'Fraunces',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;}
.qa-btn::after{content:'+';font-family:'Inter',sans-serif;font-size:1.3rem;color:var(--copper);
               transition:transform .2s;flex-shrink:0;line-height:1;}
.qa.live .qa-btn::after{transform:rotate(45deg);}
.qa-panel{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.qa-panel p{margin:0 0 12px;padding:0 20px;color:var(--ink-2);font-size:.94rem;}
.qa-panel p:last-child{padding-bottom:18px;}

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

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

/* ---- footer ---- */
.foot{background:var(--teal-dk);color:#849089;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--copper);}
.foot a{color:#a9b8b5;text-decoration:underline;text-underline-offset:2px;}
.foot a:hover{color:var(--copper-lt);}
.foot hr{border:none;border-top:1px solid #2a3c3c;margin:24px 0;}
.foot p{margin:0 0 14px;}

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