/* ===================================================================
   GLYCO RESULT  —  glycooresult.com
   ------------------------------------------------------------------
   Look:   question-led. A single centred column at a narrow reading
           measure, with every major section set as a question a buyer
           would actually type. No side-by-side hero anywhere on the
           page — the product sits centred above the headline, which
           is a different arrangement from anything else in this
           network.
   Type:   Lora (headings) / Be Vietnam Pro (text)
   Colour: linen page, near-black ink, crimson from the bottle label.
           Grey is used deliberately for anything undisclosed.
   Mark:   disclosure matrix — a grid where the few filled squares are
           what is actually published and the hollow ones are not
   ------------------------------------------------------------------
   Layout safety: grids use minmax(0,1fr); flex children get
   min-width:0; media capped with min(Npx,100%). The hero is centred
   and stacked, so no reorder rule is needed at narrow widths.
   ------------------------------------------------------------------
   Editorial position: three separate published reviews of this
   product all state that its ingredient panel is not disclosed —
   one describes "typical formulations in this category" instead of
   the actual formula, another says it is "likely formulated with"
   botanical extracts, and a third runs a section headed "Unclear
   Ingredient Dosages". No supplement facts panel could be located on
   the brand's listings. This page therefore does not print an
   ingredient list, because printing one would mean inventing it. The
   absence is treated as the story, and the medication-checking
   problem it creates is stated plainly.
=================================================================== */

:root{
  --linen:#f7f4f0;
  --paper:#ffffff;
  --ink:#1a1a1c;
  --ink-2:#4a4a4f;
  --mute:#7d7d84;
  --crimson:#a51c22;
  --crimson-dk:#7d1319;
  --crimson-bg:#fbf0f0;
  --unknown:#b8b5af;
  --rule:#e0dcd5;
  --tint:#efebe4;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--linen);color:var(--ink);
  font-family:'Be Vietnam Pro',system-ui,sans-serif;
  font-size:17px;line-height:1.75;
}
h1,h2,h3,h4{font-family:'Lora',Georgia,serif;font-weight:600;line-height:1.28;color:var(--ink);margin-top:0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.gr-wrap{max-width:1080px;margin-inline:auto;padding-inline:24px;}
.gr-col{max-width:720px;margin-inline:auto;}
.gr-eyebrow{
  display:inline-block;font-size:.71rem;font-weight:700;letter-spacing:2.2px;
  text-transform:uppercase;color:var(--crimson);margin-bottom:12px;
}

/* ---- actions ---- */
.gr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Be Vietnam Pro',sans-serif;font-weight:600;font-size:.98rem;
  background:var(--crimson);color:#fff;border:none;border-radius:5px;
  padding:15px 30px;cursor:pointer;transition:background .15s,transform .15s;
}
.gr-btn:hover{background:var(--crimson-dk);transform:translateY(-2px);}
.gr-btn-line{
  display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;
  padding:13px 26px;border-radius:5px;border:1px solid var(--ink);
  background:transparent;color:var(--ink);transition:background .15s,color .15s;
}
.gr-btn-line:hover{background:var(--ink);color:var(--linen);}

/* ---- masthead ---- */
.gr-strip{background:var(--ink);color:#b9b6b1;font-size:.78rem;padding:9px 16px;text-align:center;}
.gr-strip b{color:#e88b8f;}
.gr-head{position:sticky;top:0;z-index:900;background:var(--linen);border-bottom:1px solid var(--rule);padding:15px 0;}
.gr-head .gr-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.gr-logo{font-family:'Lora',serif;font-weight:600;font-size:1.35rem;}
.gr-logo i{font-style:normal;color:var(--crimson);}
.gr-nav{display:flex;gap:23px;list-style:none;margin:0;padding:0;align-items:center;}
.gr-nav a{font-weight:500;font-size:.91rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.gr-nav a:hover{border-bottom-color:var(--crimson);}
.gr-burger{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink);line-height:1;}
@media(max-width:940px){
  .gr-nav{position:absolute;inset-inline:0;top:100%;background:var(--linen);
    border-bottom:1px solid var(--rule);flex-direction:column;gap:0;display:none;}
  .gr-nav.gr-shown{display:flex;}
  .gr-nav li{width:100%;border-top:1px solid var(--rule);}
  .gr-nav a{display:block;padding:15px 24px;border:none;}
  .gr-nav-cta{display:none;}
  .gr-burger{display:block;}
}

/* ---- hero: copy left, product right ---- */
.gr-hero{padding:50px 0 0;}
.gr-hero-in{display:flex;gap:46px;align-items:center;flex-wrap:wrap;}
.gr-hero-txt{flex:1 1 470px;min-width:0;}
.gr-hero-a,.gr-hero-b{width:100%;}
.gr-hero h1{font-size:2.45rem;margin:0 0 18px;letter-spacing:-.01em;}
.gr-hero h1 em{font-style:normal;color:var(--crimson);}
.gr-hero-sub{font-size:1.05rem;color:var(--ink-2);max-width:560px;margin:0;}
.gr-hero-shot{flex:1 1 250px;min-width:0;text-align:center;}
.gr-hero-shot img{max-width:min(280px,100%);margin-inline:auto;}
.gr-hero-acts{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px;}
.gr-hero-meta{display:flex;align-items:center;gap:11px;margin-top:22px;color:var(--mute);font-size:.9rem;font-weight:500;}
.gr-hero-meta .gr-stars{color:var(--crimson);letter-spacing:2px;}
@media(max-width:940px){
  .gr-hero-txt{display:contents;}
  .gr-hero-a{order:1;}
  .gr-hero-shot{order:2;margin:20px 0;}
  .gr-hero-b{order:3;}
  .gr-hero h1{font-size:1.95rem;}
}

/* ---- brief ---- */
.gr-brief{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:28px 30px;margin:42px auto 0;max-width:820px;}
.gr-brief h2{font-size:1.3rem;margin:0 0 12px;}
.gr-brief p{margin:0 0 18px;color:var(--ink-2);}
.gr-kv{width:100%;border-collapse:collapse;font-size:.92rem;}
.gr-kv th,.gr-kv td{text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top;}
.gr-kv th{width:34%;font-weight:600;white-space:nowrap;}
.gr-kv td{color:var(--ink-2);}
.gr-kv tr:last-child th,.gr-kv tr:last-child td{border-bottom:none;}
.gr-kv .gr-nd{color:var(--crimson-dk);font-weight:600;}
.gr-kv a{color:var(--crimson-dk);text-decoration:underline;text-underline-offset:2px;}
@media(max-width:560px){
  .gr-kv th,.gr-kv td{display:block;width:100%;border-bottom:none;padding:3px 0;}
  .gr-kv th{padding-top:12px;}
  .gr-kv tr{display:block;border-bottom:1px solid var(--rule);padding-bottom:9px;}
}

/* ---- disclosure matrix mark ---- */
.gr-matrix{display:flex;justify-content:center;padding:40px 0 8px;}
.gr-matrix svg{width:112px;height:112px;}
.gr-cell-on{fill:var(--crimson);}
.gr-cell-off{fill:none;stroke:var(--unknown);stroke-width:1.6;}
.gr-matrix-cap{text-align:center;font-size:.72rem;font-weight:600;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--mute);padding-bottom:36px;}

/* ---- sections ---- */
.gr-sec{padding:62px 0;border-top:1px solid var(--rule);}
.gr-sec-tint{background:var(--tint);}
.gr-sec-dark{background:var(--ink);color:#b9b6b1;border-top-color:#33333a;}
.gr-sec-dark h2,.gr-sec-dark h3,.gr-sec-dark h4{color:var(--paper);}
.gr-sec-dark .gr-eyebrow{color:#e88b8f;}

/* ---- question blocks ---- */
.gr-q{max-width:720px;margin:0 auto 38px;}
.gr-q:last-child{margin-bottom:0;}
.gr-q h2{font-size:1.75rem;margin:0 0 14px;}
.gr-q h3{font-size:1.24rem;margin:26px 0 10px;}
.gr-answer{
  font-size:1.04rem;color:var(--ink);font-weight:500;
  background:var(--paper);border-left:3px solid var(--crimson);
  padding:15px 19px;margin:0 0 16px;border-radius:0 6px 6px 0;
}
.gr-sec-tint .gr-answer{background:var(--paper);}
.gr-sec-dark .gr-answer{background:#26262c;color:var(--paper);border-left-color:#e88b8f;}
.gr-q p{color:var(--ink-2);margin:0 0 13px;}
.gr-sec-dark .gr-q p{color:#a09d98;}
.gr-q p:last-child{margin-bottom:0;}
.gr-q strong{color:var(--ink);}
.gr-sec-dark .gr-q strong{color:var(--paper);}

/* ---- callout ---- */
.gr-callout{background:var(--crimson-bg);border:1px solid #eccccd;border-left:4px solid var(--crimson);
  border-radius:0 8px 8px 0;padding:24px 26px;margin:20px 0;}
.gr-callout h4{font-size:1.1rem;margin:0 0 10px;color:var(--crimson-dk);}
.gr-callout p{color:var(--ink-2);font-size:.95rem;margin:0 0 11px;}
.gr-callout p:last-child{margin-bottom:0;}
.gr-callout strong{color:var(--ink);}

/* ---- known / unknown list ---- */
.gr-facts{max-width:720px;margin:0 auto;}
.gr-fact{display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--rule);}
.gr-fact:last-child{border-bottom:none;}
.gr-flag{
  flex:0 0 auto;width:20px;height:20px;border-radius:3px;margin-top:4px;
  display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;
}
.gr-flag.gr-known{background:var(--crimson);color:#fff;}
.gr-flag.gr-unknown{border:1.6px solid var(--unknown);color:var(--unknown);}
.gr-fact-b{min-width:0;}
.gr-fact-b b{display:block;font-family:'Lora',serif;font-weight:600;font-size:1.02rem;margin-bottom:3px;}
.gr-fact-b span{color:var(--ink-2);font-size:.92rem;}

/* ---- marks ---- */
.gr-marks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
@media(max-width:860px){.gr-marks{grid-template-columns:repeat(2,minmax(0,1fr));}}
.gr-mark{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:22px 16px;text-align:center;}
.gr-mark img{max-width:min(124px,100%);margin:0 auto 12px;}
.gr-mark b{display:block;font-family:'Lora',serif;font-size:1rem;margin-bottom:6px;}
.gr-mark small{display:block;color:var(--mute);font-size:.8rem;line-height:1.5;}

/* ---- pricing ---- */
.gr-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
@media(max-width:920px){.gr-tiers{grid-template-columns:1fr;max-width:390px;margin-inline:auto;}}
.gr-tier{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:26px 22px;
  text-align:center;display:flex;flex-direction:column;position:relative;}
.gr-tier-pick{border:2px solid var(--crimson);}
.gr-tab{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--crimson);color:#fff;
  font-size:.67rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  padding:5px 14px;border-radius:20px;white-space:nowrap;}
.gr-tab.gr-tab-ink{background:var(--ink);}
.gr-shelf{height:140px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px;}
.gr-shelf img{max-height:140px;width:auto;max-width:100%;}
.gr-tier-nm{font-family:'Lora',serif;font-weight:600;font-size:1.2rem;}
.gr-tier-sub{color:var(--mute);font-size:.85rem;margin-bottom:12px;}
.gr-tier-rate{font-family:'Lora',serif;font-weight:600;font-size:2.25rem;line-height:1;}
.gr-tier-rate small{font-family:'Be Vietnam Pro',sans-serif;font-size:.82rem;font-weight:400;color:var(--mute);}
.gr-tier-tot{font-weight:600;margin:9px 0 2px;}
.gr-tier-note{font-size:.82rem;font-weight:600;color:var(--crimson-dk);margin-bottom:16px;min-height:1.2em;}
.gr-tier .gr-btn{width:100%;margin-top:auto;}
.gr-tier-cards{max-width:min(168px,100%);margin:13px auto 0;opacity:.7;}
.gr-tiers-note{color:var(--mute);font-size:.87rem;max-width:720px;margin:26px auto 0;text-align:center;}

/* ---- outcomes ---- */
.gr-outs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.gr-outs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.gr-outs{grid-template-columns:1fr;}}
.gr-out{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;}
.gr-out h4{font-size:1.01rem;margin:0 0 7px;}
.gr-out p{margin:0;color:var(--ink-2);font-size:.91rem;}

/* ---- voices ---- */
.gr-says{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.gr-says{grid-template-columns:1fr;}}
.gr-say{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:23px 20px;}
.gr-say-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.gr-say-hd img{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.gr-say-nm{font-weight:600;font-size:.94rem;}
.gr-say-lo{color:var(--mute);font-size:.81rem;}
.gr-say-st{color:var(--crimson);letter-spacing:2px;margin-bottom:7px;font-size:.87rem;}
.gr-say p{margin:0;color:var(--ink-2);font-size:.91rem;}
.gr-says-note{color:var(--mute);font-size:.85rem;max-width:700px;margin:24px auto 0;text-align:center;}
.gr-rating{text-align:center;margin-top:24px;}
.gr-rating img{max-width:min(275px,100%);margin-inline:auto;}

/* ---- guarantee ---- */
.gr-pledge{display:flex;gap:36px;align-items:center;flex-wrap:wrap;background:var(--paper);
  border:1px solid var(--rule);border-radius:10px;padding:32px;max-width:860px;margin-inline:auto;}
.gr-pledge img{max-width:min(155px,100%);margin-inline:auto;}
.gr-pledge-c{flex:1 1 330px;min-width:0;}
.gr-pledge-c h3{font-size:1.6rem;margin:0 0 12px;}
.gr-pledge-c p{color:var(--ink-2);}

/* ---- closer ---- */
.gr-closer{background:var(--ink);color:#b9b6b1;border-radius:10px;padding:48px 30px;text-align:center;}
.gr-closer h2{font-size:1.9rem;color:var(--paper);margin:0 0 8px;}
.gr-closer img{max-width:min(260px,100%);margin:22px auto;}
.gr-closer-rate{font-family:'Lora',serif;font-weight:600;color:#e88b8f;font-size:1.95rem;margin:4px 0 20px;}
.gr-closer-fine{color:#8f8c88;font-size:.87rem;max-width:540px;margin:20px auto 0;}

/* ---- FAQ ---- */
.gr-faq{max-width:760px;margin:0 auto;}
.gr-fi{border-bottom:1px solid var(--rule);}
.gr-fi:first-child{border-top:1px solid var(--rule);}
.gr-fq{width:100%;background:none;border:none;cursor:pointer;text-align:left;
  font-family:'Lora',serif;font-weight:600;font-size:1.06rem;color:var(--ink);
  padding:19px 2px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.gr-fq::after{content:'+';font-family:'Be Vietnam Pro',sans-serif;font-size:1.3rem;
  color:var(--crimson);transition:transform .2s;flex-shrink:0;line-height:1;}
.gr-fi.gr-open .gr-fq::after{transform:rotate(45deg);}
.gr-fa{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.gr-fa p{margin:0 0 12px;padding:0 2px;color:var(--ink-2);font-size:.93rem;}
.gr-fa p:last-child{padding-bottom:19px;}

/* ---- refs ---- */
.gr-refs{max-width:760px;margin:0 auto;}
.gr-refs ol{padding-left:22px;margin:0;}
.gr-refs li{margin-bottom:11px;color:var(--ink-2);font-size:.91rem;}
.gr-refs a{color:var(--crimson-dk);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.gr-refs-note{color:var(--mute);font-size:.86rem;margin-top:20px;}

/* ---- internal ---- */
.gr-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:960px;margin:0 auto;}
@media(max-width:860px){.gr-more{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.gr-more{grid-template-columns:1fr;}}
.gr-more a{display:block;background:var(--paper);border:1px solid var(--rule);border-radius:8px;
  padding:18px 16px;transition:border-color .15s,transform .15s;}
.gr-more a:hover{border-color:var(--crimson);transform:translateY(-2px);}
.gr-more b{display:block;font-family:'Lora',serif;font-size:1.02rem;margin-bottom:5px;}
.gr-more span{color:var(--mute);font-size:.83rem;}

.gr-link{color:var(--crimson-dk);text-decoration:underline;text-underline-offset:2px;font-weight:500;}

/* ---- footer ---- */
.gr-foot{background:var(--ink);color:#83817d;padding:42px 0 28px;font-size:.86rem;border-top:3px solid var(--crimson);}
.gr-foot a{color:#b9b6b1;text-decoration:underline;text-underline-offset:2px;}
.gr-foot a:hover{color:#e88b8f;}
.gr-foot hr{border:none;border-top:1px solid #34343a;margin:24px 0;}
.gr-foot p{margin:0 0 14px;}

/* ---- dock ---- */
.gr-dock{position:fixed;inset-inline:0;bottom:0;z-index:950;background:var(--ink);padding:9px 16px;
  display:none;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid var(--crimson);}
.gr-dock-p{color:var(--paper);line-height:1.2;}
.gr-dock-p b{color:#e88b8f;font-family:'Lora',serif;font-size:1.03rem;}
.gr-dock-p small{display:block;color:#83817d;font-size:.7rem;}
@media(max-width:940px){.gr-dock{display:flex;}body{padding-bottom:66px;}}

.gr-mid{text-align:center;}
