/* ===================================================================
   GLYKONEX  —  glykoonex.com
   ------------------------------------------------------------------
   NOTE: this is a second landing page for the same GlykoNex product as
   glykonexglucocapsules.com. That earlier site used deep teal + copper
   with a hexagon-nexus mark and Fraunces/Inter. To keep this site
   visually distinct, this one uses a warm OXBLOOD/BURGUNDY + BRASS-GOLD
   palette (echoing the maroon bottle label), a "steady arc" mark, and a
   Spectral / Public Sans type pairing.
   ------------------------------------------------------------------
   Palette: oxblood #5e1a20 | burgundy-dk #3f1116 | brass #ce a04a
            cream #f6f1e7 | band #ece3d3 | ink #2a2320
   Type:    Spectral (display) / Public Sans (text)
   Mark:    steady arc — a smooth, gently rising curve between two
            level anchor points; steadiness, not a spike.
   ------------------------------------------------------------------
   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 — the source (glykonex.org) was heavily
   overreaching and required extensive correction:

   1. TRIPLE-DISEASE CLAIMS STRIPPED. The source marketed a "triple
      action formula" treating blood sugar + blood pressure +
      cholesterol, "combats insulin resistance", "lowers high blood
      pressure", "reduces arterial stiffness", promotes "fat burning /
      weight loss", and explicitly targeted people with Type 2
      diabetes, pre-diabetes and hypertension. The FDA treats
      "natural diabetes cure" / "replace your medicine" style claims as
      illegally marketed (NCCIH/FDA). None of it is reproduced. The
      site uses structure-function language only and states plainly it
      is not a treatment for any condition.

   2. "FDA Approved Facility" corrected to "FDA-registered facility",
      with the standard clarification that the FDA does not approve
      supplements.

   3. The BP testimonial (140-160/90 -> 120/78), cholesterol and
      "one solution for a wide range of health concerns" testimonials
      were removed. Ratings/quotes rewritten without outcome claims.

   4. BERBERINE + LICORICE + CINNAMON cautions given prominent room:
      berberine's CYP3A4/P-gp interactions and NCCIH's
      infant/pregnancy/breastfeeding contraindication (bilirubin ->
      kernicterus); cassia cinnamon coumarin; chromium picolinate
      kidney case reports (NCCIH: diabetes is leading cause of kidney
      disease).

   5. Ingredients taken from the source's own named list: White
      Mulberry Leaf, Juniper Berry, Biotin, Chromium, Berberine,
      Bitter Melon, Cinnamon Bark. No dosages invented (source
      discloses none).

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

:root{
  --ox:#5e1a20;
  --ox-2:#6f242b;
  --ox-dk:#3f1116;
  --brass:#cea04a;
  --brass-lt:#e0bd72;
  --brass-dk:#a37c2c;
  --cream:#f6f1e7;
  --card:#fffdf9;
  --band:#ece3d3;
  --edge:#ddd2bd;
  --ink:#2a2320;
  --ink-2:#544a42;
  --dim:#736961;
  --alert:#fbeee3;
  --alert-edge:#b06a24;
  --alert-ink:#8a4f16;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:'Public Sans',system-ui,sans-serif;
  font-size:17px;line-height:1.72;
}
h1,h2,h3,h4{font-family:'Spectral',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;}
.hd{max-width:1140px;margin-inline:auto;padding-inline:24px;}
.kick{display:block;font-size:.71rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--brass-dk);margin-bottom:11px;}
.tl{color:var(--brass-dk);text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.tl:hover{color:var(--ox);}
.ctr{text-align:center;}

/* ---- actions ---- */
.buy{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Public Sans',sans-serif;font-weight:700;font-size:1rem;
  background:var(--brass);color:#3a2a06;border:none;border-radius:7px;
  padding:15px 30px;cursor:pointer;transition:background .15s,transform .15s;
}
.buy:hover{background:var(--brass-dk);color:#fff;transform:translateY(-2px);}
.buy-ln{
  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,.55);border-radius:7px;
  background:transparent;color:var(--cream);transition:background .15s,color .15s;
}
.buy-ln:hover{background:var(--cream);color:var(--ox-dk);border-color:var(--cream);}

/* ---- header ---- */
.promo{background:var(--ox-dk);color:#d9bfb0;font-size:.79rem;padding:9px 16px;text-align:center;}
.promo b{color:var(--brass-lt);}
.bar{position:sticky;top:0;z-index:900;background:var(--cream);border-bottom:1px solid var(--edge);padding:15px 0;}
.bar .hd{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{font-family:'Spectral',serif;font-weight:700;font-size:1.34rem;color:var(--ox);}
.brand i{font-style:normal;color:var(--brass-dk);}
.nav{display:flex;gap:25px;list-style:none;margin:0;padding:0;align-items:center;}
.nav a{font-weight:500;font-size:.92rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.nav a:hover{border-bottom-color:var(--brass);}
.tog{display:none;background:none;border:none;font-size:1.65rem;cursor:pointer;color:var(--ink);line-height:1;}
@media(max-width:940px){
  .nav{position:absolute;inset-inline:0;top:100%;background:var(--cream);
       border-bottom:1px solid var(--edge);flex-direction:column;gap:0;display:none;}
  .nav.show{display:flex;}
  .nav li{width:100%;border-top:1px solid var(--edge);}
  .nav a{display:block;padding:15px 24px;border:none;}
  .nav-buy{display:none;}
  .tog{display:block;}
}

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

/* ---- steady arc mark ---- */
.arc{display:flex;justify-content:center;padding:40px 0 6px;position:relative;z-index:2;}
.arc svg{width:220px;height:66px;}
.arc-line{fill:none;stroke:var(--brass-lt);stroke-width:2.6;stroke-linecap:round;}
.arc-ghost{fill:none;stroke:#8a4a4f;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:3 5;}
.arc-node{fill:var(--brass-lt);}
.arc-cap{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1.5px;
         text-transform:uppercase;color:#c39a8c;padding-bottom:34px;position:relative;z-index:2;}

/* ---- panels ---- */
.sec{padding:70px 0;}
.sec-band{background:var(--band);}
.sec-dark{background:var(--ox-dk);color:#e6cfc4;}
.sec-dark h2,.sec-dark h3,.sec-dark h4{color:var(--cream);}
.sec-dark .kick{color:var(--brass-lt);}
.head{max-width:780px;margin:0 auto 42px;text-align:center;}
.head h2{font-size:2.05rem;margin:0 0 12px;}
.head p{color:var(--dim);margin:0;}
.sec-dark .head p{color:#c39a8c;}

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

/* ---- alert block ---- */
.warn{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;}
.warn h3{font-size:1.3rem;margin:0 0 12px;color:var(--alert-ink);}
.warn h4{font-family:'Public Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--alert-ink);margin:22px 0 8px;}
.warn p{color:#4d3a28;font-size:.96rem;margin:0 0 12px;}
.warn p:last-child{margin-bottom:0;}
.warn strong{color:#6f4514;}
.warn ul{margin:0 0 12px;padding-left:20px;color:#4d3a28;font-size:.95rem;}
.warn li{margin-bottom:8px;}
.warn 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:'Spectral',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;}
.qtop{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;}
.sec-dark .qtop{background:var(--ox-2);border-color:#83353c;color:var(--cream);}
.qb p{color:var(--ink-2);margin:0 0 13px;}
.sec-dark .qb p{color:#d6b6a9;}
.qb p:last-child{margin-bottom:0;}

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

/* ---- ingredient blocks ---- */
.set{max-width:890px;margin:0 auto;}
.item{background:var(--card);border:1px solid var(--edge);border-radius:9px;
      padding:24px;margin-bottom:16px;display:flex;gap:20px;align-items:flex-start;}
.item:last-child{margin-bottom:0;}
.mark{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--ox);color:var(--brass-lt);
      display:flex;align-items:center;justify-content:center;font-family:'Spectral',serif;font-weight:600;font-size:1.02rem;}
.item-tx{min-width:0;}
.item-tx h4{font-size:1.15rem;margin:0 0 8px;}
.item-tx p{margin:0 0 10px;color:var(--ink-2);font-size:.94rem;}
.item-tx p:last-child{margin-bottom:0;}
.hazard{display:block;margin-top:11px;font-size:.88rem;font-weight:500;color:var(--alert-ink);
        background:var(--alert);border-radius:6px;padding:10px 13px;}
.hazard.big{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:'Public Sans',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(--brass-dk);text-decoration:underline;text-underline-offset:2px;}

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

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

/* ---- voices ---- */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.notes{grid-template-columns:1fr;}}
.note{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.note-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.av{width:50px;height:50px;border-radius:50%;flex-shrink:0;background:var(--ox);color:#fff;
    display:flex;align-items:center;justify-content:center;font-family:'Spectral',serif;font-weight:600;font-size:1.04rem;}
.av.a2{background:var(--brass-dk);color:#fff;}
.av.a3{background:#7a4b3c;}
.note-nm{font-weight:700;font-size:.95rem;}
.note-tag{color:var(--dim);font-size:.82rem;}
.note-s{color:var(--brass-dk);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.note p{margin:0;color:var(--ink-2);font-size:.92rem;}
.notes-note{text-align:center;color:var(--dim);font-size:.85rem;max-width:730px;margin:24px auto 0;}
.rate-row{text-align:center;margin-top:26px;}
.rate-row 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-tx{flex:1 1 340px;min-width:0;}
.pledge-tx h3{font-size:1.66rem;margin:0 0 12px;}
.pledge-tx p{color:var(--ink-2);}

/* ---- closer ---- */
.end{background:var(--ox-dk);color:#e6cfc4;border-radius:10px;padding:50px 30px;text-align:center;}
.end h2{font-size:2.05rem;color:var(--cream);margin:0 0 8px;}
.end img{max-width:min(300px,100%);margin:22px auto;}
.end-rate{font-family:'Spectral',serif;font-weight:600;color:var(--brass-lt);font-size:2rem;margin:4px 0 20px;}
.end-note{color:#c39a8c;font-size:.87rem;max-width:570px;margin:20px auto 0;}
.end-note a{color:var(--brass-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-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;
      font-family:'Spectral',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-q::after{content:'+';font-family:'Public Sans',sans-serif;font-size:1.3rem;color:var(--brass-dk);
             transition:transform .2s;flex-shrink:0;line-height:1;}
.qa.on .qa-q::after{transform:rotate(45deg);}
.qa-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.qa-a p{margin:0 0 12px;padding:0 20px;color:var(--ink-2);font-size:.94rem;}
.qa-a p:last-child{padding-bottom:18px;}

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

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

/* ---- footer ---- */
.ft{background:var(--ox-dk);color:#a98a7e;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--brass);}
.ft a{color:#d6b6a9;text-decoration:underline;text-underline-offset:2px;}
.ft a:hover{color:var(--brass-lt);}
.ft hr{border:none;border-top:1px solid #52272c;margin:24px 0;}
.ft p{margin:0 0 14px;}

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