/* ===================================================================
   GLYCO EDEN (glycoedens.com) — a second, independently designed
   build for the same underlying liquid-dropper product already built
   for glycoseden.com. Per this project's standing rule, both the
   visual design AND the written content are deliberately different
   from that earlier build.
   Palette : ink #2E2A4A (deep indigo-slate, cooler than the violet
             used on the sister build) | ink-dk #1C1930 | steel(=warm
             coral accent) #E8735C | steel-dk #C25640 | sage(=lighter
             coral highlight) #F0977E | stone #F7F6FB (cool lavender-
             white) | sand #ECEAF5 | slate #4A4560 | line #DDD9EC
   Type    : 'Petrona' (elegant, quiet serif) + 'Nunito Sans' (soft,
             rounded body) — a fresh pairing, distinct from the sister
             build's DM Serif Display + DM Sans-style pairing catalog
   Motif   : the leaf vein — a leaf-shaped outline with vein lines
             drawing in and filling sequentially on a loop, echoing
             the tree half of the label's tree-and-droplet logo mark
             (the sister build already used the droplet half as a
             "drop ripple" signature, so this build deliberately
             draws on the leaf/tree half instead, keeping both
             signatures distinct)
   Layout  : STRUCTURALLY UNIQUE HERO — a twelfth distinct hero
             paradigm for this project: a SPLIT DIAGONAL RIBBON. A
             diagonal color-band sweeps across the hero background as
             pure decoration behind the bottle - never clipping or
             framing the product image itself, which stays fully open
             with object-fit:contain. Distinct from the two-column
             split, diagonal clip-path PANEL (SlimHoney, which clips
             the bottle inside a cut panel - this ribbon never does),
             centered rings, droplet clip-path, tilted card frame,
             radial burst spotlight, floating shelf, vertical ledger,
             spotlight pedestal, honeycomb frame, and wave arc used in
             this project's other builds.
   Voice   : confident, direct brand voice grounded in real product-
             category substance rather than repeated boilerplate
             disclaimer language. Structure-function claims only -
             supports healthy blood sugar levels already within the
             normal range. NEVER claims to treat, cure, or manage
             diabetes.
   GUARANTEE OVERRIDE: identical to the sister build - the zip's
             supplied guarantee badge read "60 DAYS," but the
             confirmed official source (myglycoeden.com, verified in
             this project's research) and this build's own fresh
             competitor source both independently state 180 days.
             180 days is used everywhere on this site; the mismatched
             60-day graphic was excluded entirely.
   SOURCING NOTE: the given competitor URL (naturalhealthsupply.org)
             turned out to describe a DIFFERENT 9-ingredient capsule
             formulation (Gymnema, Banaba, Bitter Melon, Cinnamon,
             Chromium, ALA, Licorice, Juniper, Cayenne) sold through a
             different checkout system entirely - not the product in
             this zip. This zip's own bottle photography and customer
             testimonial photos (all shown holding the same amber
             dropper bottle) match this project's previously confirmed
             official liquid-dropper product exactly, so this build
             uses that previously-verified 15-ingredient formula
             (Chromium Picolinate plus a 14-botanical blend) rather
             than the mismatched competitor's ingredient list.
   Rules   : grids minmax(0,1fr) · flex min-width:0 · img max-width min(Npx,100%)
             mobile hero order = IMAGE first, then H1, then rest
=================================================================== */

:root{
  --ink:#2E2A4A;
  --ink-dk:#1C1930;
  --steel:#E8735C;
  --steel-dk:#C25640;
  --sage:#F0977E;
  --stone:#F7F6FB;
  --sand:#ECEAF5;
  --slate:#4A4560;
  --line:#DDD9EC;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--stone);color:#211C18;
  font-family:'Nunito Sans',system-ui,sans-serif;font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Petrona',serif;font-weight:600;line-height:1.24;margin:0 0 .5em;
  color:var(--ink);text-transform:none;overflow-wrap:break-word;word-break:break-word}
h1{font-size:clamp(2.05rem,5vw,2.95rem);font-weight:800}
h2{font-size:clamp(1.55rem,3.1vw,2.05rem)}
h3{font-size:1.25rem}
h4{font-family:'Nunito Sans',sans-serif;font-weight:600;font-size:1.02rem;margin:0 0 .5em;color:var(--ink)}
p{margin:0 0 1.15em}
a{color:inherit;text-decoration:none}
strong,b{color:var(--ink)}
img{max-width:100%;height:auto;display:block}
.g2-wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.g2-narrow{max-width:830px;margin:0 auto}
.g2-mid{text-align:center}

.g2-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--steel-dk);margin-bottom:.8em}
.g2-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:9px 19px;font-size:.8rem;font-weight:700;color:var(--ink);
  box-shadow:0 4px 14px rgba(28,56,50,.06)}

/* ---------- buttons ---------- */
.g2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--ink);color:#fff;font-weight:700;font-size:.98rem;font-family:'Nunito Sans',sans-serif;
  padding:15px 30px;border:none;border-radius:6px;cursor:pointer;letter-spacing:.02em;
  transition:transform .16s,box-shadow .16s,background .16s;
  box-shadow:0 10px 24px rgba(28,56,50,.26)}
.g2-btn:hover{background:var(--ink-dk);transform:translateY(-2px);color:#fff}
.g2-btn-sage{background:var(--sage);box-shadow:0 10px 24px rgba(110,156,126,.32)}
.g2-btn-sage:hover{background:#5A8768}
.g2-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#fff;border:1px solid var(--line);color:var(--ink);font-family:'Nunito Sans',sans-serif;
  font-weight:600;font-size:.95rem;padding:14px 26px;border-radius:6px;transition:.16s}
.g2-btn-ghost:hover{border-color:var(--steel);color:var(--steel-dk)}
.g2-btn-full{width:100%}

/* ---------- top bar ---------- */
.g2-strip{background:var(--ink);color:#B9CBC4;font-size:.76rem;text-align:center;padding:9px 16px}
.g2-strip b{color:var(--sage)}
.g2-strip span{white-space:nowrap;margin:0 10px;display:inline-block}
@media(max-width:580px){.g2-strip{font-size:.7rem;line-height:1.55}.g2-strip span{white-space:normal;margin:0 6px}}

/* ---------- nav ---------- */
.g2-nav{position:sticky;top:0;z-index:900;background:rgba(247,246,241,.94);backdrop-filter:blur(9px);
  border-bottom:1px solid var(--line)}
.g2-nav .g2-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px}
.g2-logo{font-family:'Petrona',serif;font-weight:700;font-size:1.3rem;color:var(--ink);white-space:nowrap;letter-spacing:.01em}
.g2-logo em{font-style:normal;color:var(--steel-dk)}
.g2-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.g2-links a{font-size:.87rem;font-weight:600;color:var(--ink);opacity:.8}
.g2-links a:hover{opacity:1;color:var(--steel-dk)}
.g2-links a.g2-btn,.g2-links a.g2-btn:hover{color:#fff;opacity:1}
.g2-toggle{display:none;background:none;border:none;color:var(--ink);font-size:1.5rem;cursor:pointer;line-height:1}
@media(max-width:1020px){
  .g2-links{position:absolute;top:100%;left:0;right:0;background:var(--stone);flex-direction:column;
    align-items:stretch;gap:0;border-top:1px solid var(--line);display:none;max-height:76vh;overflow:auto}
  .g2-links.open{display:flex}
  .g2-links li{border-bottom:1px solid var(--line)}
  .g2-links a{display:block;padding:15px 22px}
  .g2-links .g2-btn{margin:14px 22px;width:calc(100% - 44px)}
  .g2-toggle{display:block}
}

/* ---------- sections ---------- */
.g2-sec{padding:76px 0}
.g2-sec-sand{background:var(--sand)}
.g2-sec-dark{background:var(--ink);color:#B9CBC4}
.g2-sec-dark h2,.g2-sec-dark h3,.g2-sec-dark h4{color:#fff}
.g2-sec-dark .g2-eyebrow{color:#8FBBA8}
.g2-head{max-width:770px;margin:0 auto 44px;text-align:center}
.g2-head p{color:var(--slate)}
.g2-sec-dark .g2-head p{color:#AABDB4}

/* ---------- HERO : SPLIT DIAGONAL RIBBON — a diagonal color band sweeps the background, bottle stays fully open, NEVER clipped ---------- */
.g2-hero{background:var(--stone);padding:54px 0 68px;overflow:hidden;position:relative}
.g2-ribbon-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.g2-ribbon-bg::before{content:'';position:absolute;top:-30%;left:-10%;width:75%;height:220%;
  background:linear-gradient(135deg,var(--steel) 0%,var(--sage) 100%);opacity:.12;
  transform:rotate(-18deg)}
.g2-ribbon-bg::after{content:'';position:absolute;bottom:-40%;right:-15%;width:55%;height:180%;
  background:var(--ink);opacity:.05;transform:rotate(-18deg)}
.g2-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;
  position:relative;z-index:1}
.g2-hero-shot{order:1;display:flex;justify-content:center;position:relative}
.g2-hero-copy{order:2}
.g2-hero-shot img{max-width:min(225px,100%);width:100%;height:auto;object-fit:contain;margin:0 auto;
  filter:drop-shadow(0 24px 34px rgba(46,42,74,.22))}
.g2-ribbon-tag{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-size:.74rem;font-weight:700;
  color:var(--ink);box-shadow:0 12px 22px rgba(46,42,74,.14);white-space:nowrap;z-index:2}
.g2-hero h1 em{font-style:normal;color:var(--steel-dk)}
.g2-lede{font-size:1.05rem;color:var(--slate);max-width:37em}

.g2-answer{background:#fff;border-left:4px solid var(--steel);border-radius:0 8px 8px 0;
  padding:23px 25px;margin:0 0 22px;box-shadow:0 8px 24px rgba(46,42,74,.08)}
.g2-answer .tag{display:block;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:9px}
.g2-answer p{margin:0;color:var(--slate)}
.g2-answer p.first{color:var(--ink);font-weight:700;margin-bottom:.75em}

.g2-facts{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 22px;padding:0}
.g2-facts li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;
  font-size:.8rem;font-weight:700;color:var(--ink)}

.g2-check{list-style:none;margin:0 0 24px;padding:0}
.g2-check li{position:relative;padding-left:32px;margin-bottom:11px;font-size:.96rem;font-weight:500}
.g2-check li::before{content:'';position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;
  background:var(--steel);box-shadow:0 0 0 4px rgba(232,115,92,.18)}
.g2-check li::after{content:'\2713';position:absolute;left:4px;top:6.5px;color:#fff;font-size:.62rem;font-weight:800}

.g2-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.g2-figures div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 8px;text-align:center}
.g2-figures b{display:block;font-family:'Petrona',serif;font-weight:700;font-size:1.2rem;color:var(--ink);line-height:1.1}
.g2-figures span{font-size:.68rem;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}

.g2-hero-btns{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px}
.g2-hero-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;font-weight:700;color:var(--slate)}

@media(max-width:920px){
  .g2-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .g2-hero-copy{display:contents}
  .g2-hero-shot{order:1}
  .g2-hero-title{order:2}
  .g2-hero-rest{order:3}
  .g2-hero-shot img{max-width:min(185px,100%)}
  .g2-ribbon-tag{bottom:0}
}

/* ---------- "the leaf vein" signature — a leaf outline with vein lines drawing and filling in sequence, echoing the tree half of the label's logo ---------- */
.g2-ascent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;
  box-shadow:0 8px 22px rgba(46,42,74,.07);text-align:center;max-width:260px;margin-left:auto;margin-right:auto}
.g2-ascent h4{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-dk);
  margin-bottom:8px;font-family:'Nunito Sans',sans-serif;font-weight:700}
.g2-ascent svg{display:block;margin:0 auto;overflow:visible}
.g2-leaf-outline{fill:none;stroke:var(--line);stroke-width:1.6}
.g2-leaf-vein{fill:none;stroke:var(--steel);stroke-width:1.6;stroke-linecap:round;
  stroke-dasharray:40;stroke-dashoffset:40;animation:g2VeinDraw 3.6s ease-in-out infinite}
.g2-ascent-cap{font-size:.68rem;font-weight:700;color:var(--slate);margin-top:8px}
@keyframes g2VeinDraw{0%{stroke-dashoffset:40}45%,55%{stroke-dashoffset:0}100%{stroke-dashoffset:-40}}
@media(prefers-reduced-motion:reduce){.g2-leaf-vein{animation:none;stroke-dashoffset:0}}

/* ---------- grids ---------- */
.g2-grid{display:grid;gap:20px}
.g2-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g2-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.g2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.g2-g4,.g2-g3,.g2-g2{grid-template-columns:minmax(0,1fr)}}

.g2-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px}
.g2-card p{color:var(--slate);font-size:.93rem;margin:0}
.g2-sec-dark .g2-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.g2-sec-dark .g2-card p{color:#AABDB4}
.g2-card-badge{text-align:center}
.g2-card-badge img{max-width:min(135px,100%);margin:0 auto 14px;border-radius:6px}

.g2-idx{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;
  background:var(--ink);color:#fff;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.9rem;margin-bottom:13px}
.g2-idx-sage{background:var(--sage)}

/* ---------- split ---------- */
.g2-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media(max-width:920px){.g2-split{grid-template-columns:minmax(0,1fr);gap:30px}}
.g2-split img{max-width:min(440px,100%);margin:0 auto;border-radius:8px}
.g2-split-copy p{color:var(--slate)}
.g2-sec-dark .g2-split-copy p{color:#AABDB4}

/* ---------- list ---------- */
.g2-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
@media(max-width:780px){.g2-list{grid-template-columns:minmax(0,1fr)}}
.g2-list li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--steel);
  border-radius:0 8px 8px 0;padding:15px 18px;font-size:.92rem;color:var(--slate)}
.g2-list li b{display:block;color:var(--ink);margin-bottom:3px;font-size:.97rem;font-family:'Nunito Sans',sans-serif}

/* ---------- callouts ---------- */
.g2-callout{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;font-size:.92rem;color:var(--slate)}
.g2-callout b{color:var(--ink)}
.g2-callout a{color:var(--steel-dk);text-decoration:underline;text-underline-offset:3px}
.g2-flagbox{background:#F2EEDF;border:1px solid #DCCE9E;border-radius:8px;padding:21px 23px;font-size:.9rem;color:#5F5423}
.g2-flagbox b{color:#7A6A1E}
.g2-alert{background:#EAEFE9;border:1px solid #BFD0BE;border-radius:8px;padding:21px 23px;font-size:.9rem;color:#33453A}
.g2-alert b{color:var(--steel-dk)}

/* ---------- reviews ---------- */
.g2-rev-head{display:flex;align-items:center;gap:13px;margin-bottom:11px}
.g2-rev-head img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}
.g2-rev-name{font-weight:700;font-size:.94rem;color:var(--ink);font-family:'Nunito Sans',sans-serif}
.g2-rev-sub{font-size:.77rem;color:var(--slate)}
.g2-stars{color:#6E9C7E;letter-spacing:2px;font-size:.9rem;margin-bottom:8px}
.g2-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:center;margin-top:34px}
@media(max-width:680px){.g2-board{grid-template-columns:minmax(0,1fr)}}
.g2-board b{display:block;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:1.85rem;color:var(--ink)}
.g2-board span{font-size:.78rem;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.08em}

/* ---------- pricing ---------- */
.g2-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
@media(max-width:980px){.g2-plans{grid-template-columns:minmax(0,1fr);max-width:430px;margin:0 auto}}
.g2-plan{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 22px;text-align:center;
  display:flex;flex-direction:column;position:relative}
.g2-plan.top{border-color:var(--sage);box-shadow:0 24px 46px rgba(110,156,126,.2)}
@media(min-width:981px){.g2-plan.top{transform:translateY(-10px)}}
.g2-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--sage);color:#fff;
  font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:999px;
  white-space:nowrap;font-family:'Nunito Sans',sans-serif}
.g2-badge-steel{background:var(--steel);color:#fff}
.g2-plan img.pk{max-width:min(190px,100%);max-height:170px;width:auto;height:170px;object-fit:contain;margin:8px auto 16px}
.g2-plan-ttl{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:1.28rem;color:var(--ink)}
.g2-plan-sub{font-size:.83rem;color:var(--slate);margin-bottom:14px}
.g2-plan-price{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:2.2rem;color:var(--ink);line-height:1}
.g2-plan-price small{font-family:'Nunito Sans',sans-serif;font-size:.8rem;font-weight:700;color:var(--slate)}
.g2-plan-was{text-decoration:line-through;color:var(--slate);font-size:.86rem;margin:8px 0 2px}
.g2-plan-tot{font-weight:700;font-size:.97rem;color:var(--ink);margin-bottom:6px}
.g2-plan-ship{font-size:.83rem;font-weight:700;color:var(--steel-dk);margin-bottom:12px}
.g2-plan-ship.pay{color:var(--slate)}
.g2-plan ul{list-style:none;margin:0 0 18px;padding:0;text-align:left;font-size:.86rem;color:var(--slate)}
.g2-plan ul li{position:relative;padding-left:21px;margin-bottom:7px}
.g2-plan ul li::before{content:'\2713';position:absolute;left:0;color:var(--steel-dk);font-weight:700}
.g2-plan .g2-btn{margin-top:auto}
.g2-plan .cards{max-width:min(165px,100%);margin:13px auto 0;opacity:.6}

/* ---------- guarantee ---------- */
.g2-guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px}
@media(max-width:820px){.g2-guar{grid-template-columns:minmax(0,1fr);gap:24px;text-align:center;padding:28px 22px}}
.g2-guar img{max-width:min(175px,100%);margin:0 auto}
.g2-guar p{color:var(--slate)}
.g2-guar-custom{width:170px;height:170px;border-radius:50%;border:3px solid var(--ink);
  display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;
  background:var(--stone);margin:0 auto}
.g2-guar-custom .n{font-family:'Petrona',serif;font-weight:700;font-size:2.6rem;
  color:var(--ink);line-height:1}
.g2-guar-custom .d{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--steel-dk);
  text-align:center;margin-top:4px;line-height:1.3}

/* ---------- steps ---------- */
.g2-steps{display:grid;gap:15px}
.g2-step-row{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.g2-step-row .n{width:34px;height:34px;border-radius:6px;background:rgba(78,124,142,.14);color:var(--steel-dk);
  font-family:'Nunito Sans',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.92rem}
.g2-step-row p{margin:0;color:var(--slate);font-size:.93rem}

/* ---------- FAQ ---------- */
.g2-faq{border-top:1px solid var(--line)}
.g2-faq-row{border-bottom:1px solid var(--line)}
.g2-faq-btn{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:20px 4px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:'Nunito Sans',sans-serif;font-weight:600;font-size:1.04rem;color:var(--ink)}
.g2-faq-btn::after{content:'+';font-size:1.5rem;color:var(--steel-dk);flex-shrink:0;transition:transform .2s;font-family:'Nunito Sans',sans-serif}
.g2-faq-row.on .g2-faq-btn::after{transform:rotate(45deg)}
.g2-faq-body{max-height:0;overflow:hidden;transition:max-height .28s ease}
.g2-faq-body p{padding:0 4px 20px;margin:0;color:var(--slate);font-size:.94rem}

/* ---------- refs ---------- */
.g2-refs{list-style:none;margin:0 0 18px;padding:0}
.g2-refs li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.91rem;color:var(--slate)}
.g2-refs a{color:var(--steel-dk);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- final CTA ---------- */
.g2-final{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);border-radius:14px;
  padding:52px 30px;text-align:center}
.g2-final h2{color:#fff}
.g2-final p{color:#B9CBC4}
.g2-final img{max-width:min(260px,100%);margin:22px auto}
.g2-final .old{color:#B9CBC4;text-decoration:line-through}
.g2-final .new{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:2.05rem;color:var(--sage);margin:4px 0 20px}
.g2-final .sm{font-size:.84rem;color:#B9CBC4;margin:16px 0 0}

/* ---------- breadcrumb ---------- */
.g2-crumb{font-size:.81rem;color:var(--slate);padding:16px 0 0}
.g2-crumb a{color:var(--steel-dk);font-weight:700}
.g2-crumb i{font-style:normal;margin:0 7px;opacity:.5}

/* ---------- related ---------- */
.g2-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:780px){.g2-rel{grid-template-columns:minmax(0,1fr)}}
.g2-rel a{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px 20px;transition:.15s}
.g2-rel a:hover{border-color:var(--sage);transform:translateY(-2px)}
.g2-rel b{display:block;font-size:.98rem;color:var(--ink);margin-bottom:5px;font-family:'Nunito Sans',sans-serif}
.g2-rel span{font-size:.84rem;color:var(--slate)}

/* ---------- article ---------- */
.g2-article h2{margin-top:1.6em}
.g2-article h3{margin-top:1.35em}
.g2-article p{color:var(--slate)}
.g2-article a{color:var(--steel-dk);text-decoration:underline;text-underline-offset:3px}
.g2-meta{font-size:.86rem;color:var(--slate);margin-bottom:26px}
.g2-meta a{color:var(--steel-dk);font-weight:700}

/* ---------- footer ---------- */
.g2-foot{background:var(--ink-dk);color:#8AA098;padding:48px 0 34px;font-size:.87rem}
.g2-foot a{color:#CBDAD3}
.g2-foot a:hover{color:var(--sage)}
.g2-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;list-style:none;margin:0 0 20px;padding:0;font-weight:700}
.g2-foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 21px;list-style:none;margin:0 0 26px;padding:0;font-size:.84rem}
.g2-foot hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:22px 0}
.g2-foot p{margin:0 0 14px;line-height:1.68}
.g2-foot .cr{text-align:center;font-size:.84rem;opacity:.85;margin-top:22px}

/* ---------- free bonuses ---------- */
.g2-bonus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
@media(max-width:980px){.g2-bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.g2-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.g2-bonus-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 18px 24px;
  text-align:center;transition:transform .16s,box-shadow .16s}
.g2-bonus-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(46,42,74,.09);border-color:var(--steel)}
.g2-bonus-tag{display:inline-block;background:var(--steel);color:#fff;font-size:.63rem;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.g2-bonus-card img{max-width:135px;margin:0 auto 15px;border-radius:3px;
  box-shadow:0 14px 26px rgba(46,42,74,.18)}
.g2-bonus-card h4{font-size:.94rem;margin-bottom:7px}
.g2-bonus-card p{font-size:.82rem;color:var(--slate);margin:0}

/* ---------- guarantee badge ---------- */
.g2-guar-badge{display:flex;align-items:center;justify-content:center;position:relative;padding:10px}
.g2-guar-badge::before{content:'';position:absolute;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,115,92,.13) 0%,transparent 72%);z-index:0}
.g2-guar-badge img,.g2-guar-badge svg{position:relative;z-index:1;margin:0}

/* ================= SECTION-UNIQUE TREATMENT #1 =================
   Ingredients: icon-cards with a copper top-bar (used ONLY here) */
.g2-ing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:980px){.g2-ing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g2-ing-grid{grid-template-columns:minmax(0,1fr)}}
.g2-ing-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}
.g2-ing-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(46,42,74,.09);border-color:var(--steel)}
.g2-ing-top{height:5px}
.g2-ing-body{padding:21px 21px 19px;flex:1;display:flex;flex-direction:column}
.g2-ing-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.g2-ing-icon{width:42px;height:42px;min-width:42px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-size:1.25rem}
.g2-ing-name{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:1rem;color:var(--ink);line-height:1.22;margin:0}
.g2-ing-cat{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--slate);margin-top:3px}
.g2-ing-body p{color:var(--slate);font-size:.87rem;margin:0 0 15px;flex:1;line-height:1.6}
.g2-ing-dose{font-size:.7rem;font-weight:700;color:var(--steel-dk);background:var(--stone);border:1px solid var(--line);
  border-radius:6px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;width:fit-content}
.g2-ing-dose.warn{color:#9C4221;background:#FBEEE8;border-color:#F0D3C2}
.g2-ing-dose.on{color:#1F6B5C;background:#E4F3EC;border-color:#C4E3D4}

/* pathway breakdown table (replaces a typical dose-table since doses ARE disclosed here;
   this instead shows the NO/circulation-pathway redundancy honestly) */
.g2-pathtable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:.85rem}
.g2-pathtable th{background:var(--ink);color:#fff;text-align:left;padding:12px 14px;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.85rem}
.g2-pathtable td{padding:12px 14px;border-top:1px solid var(--line);color:var(--slate)}
.g2-pathtable tr:nth-child(even) td{background:var(--sand)}
.g2-pathtable td b{color:var(--ink)}
.g2-pathtable-wrap{overflow-x:auto}
@media(max-width:680px){.g2-pathtable{font-size:.76rem}.g2-pathtable th,.g2-pathtable td{padding:9px 10px}}

/* ================= SECTION-UNIQUE TREATMENT #2 =================
   Benefits: a horizontal ribbon-list, icon left / text right, used
   ONLY in the Benefits section — deliberately different from the
   ingredient icon-card grid above */
.g2-ribbon-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.g2-ribbon{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}
.g2-ribbon:last-child{border-bottom:none}
.g2-ribbon:nth-child(even){background:var(--stone)}
.g2-ribbon-icon{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--sand);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--steel-dk)}
.g2-ribbon-body h4{margin:0 0 4px;font-size:1.02rem;color:var(--ink)}
.g2-ribbon-body p{margin:0;color:var(--slate);font-size:.9rem}

/* ================= SECTION-UNIQUE TREATMENT #3 =================
   Quick How-To-Use: a connected vertical timeline, used ONLY here —
   distinct from both the icon-card grid and the ribbon list */
.g2-timeline{position:relative;padding-left:38px}
.g2-timeline::before{content:'';position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:var(--line)}
.g2-tl-item{position:relative;padding-bottom:26px}
.g2-tl-item:last-child{padding-bottom:0}
.g2-tl-dot{position:absolute;left:-38px;top:0;width:28px;height:28px;border-radius:50%;background:var(--ink);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;font-family:'Nunito Sans',sans-serif;
  box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--line)}
.g2-tl-item h4{margin:0 0 4px;font-size:1rem;color:var(--ink)}
.g2-tl-item p{margin:0;color:var(--slate);font-size:.9rem}

/* ================= SECTION-UNIQUE TREATMENT #4 =================
   The Difference: a two-column comparison callout ("Typical Formula"
   vs "VapoCept's Formula"), used ONLY here — distinct from every
   other section's visual treatment */
.g2-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);
  border-radius:12px;overflow:hidden}
@media(max-width:760px){.g2-compare{grid-template-columns:minmax(0,1fr)}}
.g2-compare>div{padding:24px 24px 26px}
.g2-compare .a{background:var(--stone)}
.g2-compare .b{background:var(--ink);color:#fff}
.g2-compare h4{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px}
.g2-compare .a h4{color:var(--steel-dk)}
.g2-compare .b h4{color:var(--steel)}
.g2-compare ul{margin:0;padding:0;list-style:none}
.g2-compare li{position:relative;padding-left:22px;margin-bottom:11px;font-size:.9rem;line-height:1.5}
.g2-compare .a li{color:var(--slate)}
.g2-compare .b li{color:#D8DBE6}
.g2-compare li::before{content:'\2022';position:absolute;left:2px;top:0;font-size:1.1rem}
.g2-compare .a li::before{color:var(--steel)}
.g2-compare .b li::before{color:var(--steel)}

/* ---------- blog hub hero + cards ---------- */
.g2-bhero{background:linear-gradient(160deg,var(--sand) 0%,var(--stone) 100%);padding:58px 0 44px;text-align:center;
  border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.g2-bhero::before{content:'';position:absolute;top:-40%;right:-10%;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,115,92,.12) 0%,transparent 70%);z-index:0}
.g2-bhero::after{content:'';position:absolute;bottom:-50%;left:-8%;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,151,126,.1) 0%,transparent 70%);z-index:0}
.g2-bhero>.g2-wrap{position:relative;z-index:1}
.g2-bhero .g2-pill{margin-bottom:18px}
.g2-bhero h1{margin-bottom:12px}
.g2-bhero p.lede{color:var(--slate);max-width:560px;margin:0 auto;font-size:1.02rem}
.g2-bhero-meta{display:flex;justify-content:center;align-items:center;gap:10px 22px;margin-top:24px;flex-wrap:wrap}
.g2-bhero-meta span{font-size:.72rem;font-weight:700;color:var(--steel-dk);text-transform:uppercase;letter-spacing:.08em;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px}

.g2-bsection-ttl{font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-dk);
  margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--line);display:inline-block}
.g2-bgroup{margin-bottom:46px}
.g2-bgroup:last-child{margin-bottom:0}

.g2-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:900px){.g2-bgrid{grid-template-columns:minmax(0,1fr)}}
.g2-bcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}
.g2-bcard:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(46,42,74,.1);border-color:var(--steel)}
.g2-bcard-head{background:var(--ink);padding:22px 22px 19px}
.g2-bcard-head .tag{display:block;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--steel);margin-bottom:9px}
.g2-bcard-head h3{color:#fff;margin:0;font-size:1.08rem;line-height:1.3}
.g2-bcard-body{padding:19px 22px 22px;flex:1;display:flex;flex-direction:column}
.g2-bcard-body p{color:var(--slate);font-size:.89rem;flex:1;margin:0 0 14px}
.g2-bcard-body .read{color:var(--steel-dk);font-weight:700;font-size:.85rem;margin-top:auto;display:inline-flex;align-items:center;gap:5px}
.g2-bcard-body .read:hover{color:var(--steel)}

/* ---------- sticky bar ---------- */
.g2-sticky{position:fixed;left:0;right:0;bottom:0;z-index:950;background:var(--ink-dk);
  border-top:2px solid var(--sage);padding:9px 15px;display:none;align-items:center;justify-content:space-between;
  gap:12px;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
.g2-sticky .t{min-width:0;line-height:1.25;color:#fff}
.g2-sticky .t b{display:block;font-size:.92rem;color:var(--sage);font-family:'Nunito Sans',sans-serif}
.g2-sticky .t small{color:#B9CBC4;font-size:.71rem}
.g2-sticky .g2-btn{padding:11px 18px;font-size:.86rem;flex-shrink:0}
@media(max-width:920px){.g2-sticky{display:flex}body{padding-bottom:68px}}