/* ===================================================================
   GLYCOENERGY.ORG — glucose-metabolism energy capsule (UNIQUE REDESIGN)
   Palette : maroon #8C141E | maroon-dk #5E0D14 | charcoal #2E2A28 | peach #F4A688 | peach-dk #D97E56
             cream #FBF4EF | paper #FFFFFF | ink #241E1C | grey #5F5450 | line #ECDFD8
   Type    : 'Roboto' (headings) + 'Open Sans' (body)   [explicitly requested]
   Motif   : pulse-spark (an EKG-style pulse line travels left to right, sparking at the peak)
   Layout  : hook-intro -> quick facts -> product intro -> comparison table -> accordion
             ingredients -> vertical timeline -> pull-quote reviews -> pricing comparison
             table -> bonuses -> guarantee -> benefits -> steps -> faq -> refs -> blog -> cta
=================================================================== */
:root{
  --goe-maroon:#8C141E; --goe-maroon-dk:#5E0D14; --goe-char:#2E2A28;
  --goe-peach:#F4A688; --goe-peach-dk:#D97E56;
  --goe-cream:#FBF4EF; --goe-paper:#FFFFFF; --goe-ink:#241E1C; --goe-grey:#5F5450; --goe-line:#ECDFD8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--goe-paper);color:var(--goe-ink);font-family:'Open Sans',sans-serif;
  font-size:17px;line-height:1.74;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Roboto',sans-serif;font-weight:700;line-height:1.22;margin:0 0 .5em;color:var(--goe-maroon)}
h1{font-size:clamp(2rem,4.8vw,3.1rem)}
h2{font-size:clamp(1.5rem,3.2vw,2.15rem)}
h3{font-size:1.28rem}
h4{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.02rem;margin:0 0 .5em;color:var(--goe-char)}
p{margin:0 0 1.15em}
a{color:var(--goe-peach-dk);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.goe-wrap{max-width:1160px;margin:0 auto;padding:0 22px;overflow-wrap:break-word}
.goe-narrow{max-width:800px;margin:0 auto}
.goe-mid{text-align:center}
.goe-eyebrow{display:inline-block;font-family:'Roboto',sans-serif;font-size:.7rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--goe-peach-dk)}
.goe-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--goe-maroon);
  color:#fff;font-family:'Roboto',sans-serif;font-weight:700;font-size:.97rem;padding:15px 30px;
  border:none;border-radius:6px;cursor:pointer;transition:transform .16s,background .16s;
  box-shadow:0 12px 24px rgba(140,20,30,.32)}
.goe-btn:hover{background:var(--goe-maroon-dk);color:#fff;transform:translateY(-2px)}
.goe-btn-peach{background:var(--goe-peach-dk);box-shadow:0 12px 24px rgba(217,126,86,.3)}
.goe-btn-peach:hover{background:#B5602E;color:#fff}
.goe-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;
  border:2px solid var(--goe-char);color:var(--goe-char);font-family:'Roboto',sans-serif;font-weight:700;
  font-size:.93rem;padding:13px 28px;border-radius:6px;transition:.16s}
.goe-btn-outline:hover{border-color:var(--goe-maroon);color:var(--goe-maroon)}
.goe-btn-full{width:100%}
.goe-strip{background:var(--goe-char);color:#D8CFC9;font-size:.76rem;text-align:center;padding:10px 15px}
.goe-strip b{color:#fff}
.goe-strip span{white-space:nowrap;margin:0 11px;display:inline-block}
@media(max-width:580px){.goe-strip{font-size:.68rem}.goe-strip span{white-space:normal;margin:0 6px}}
.goe-nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(9px);
  border-bottom:2px solid var(--goe-maroon)}
.goe-nav .goe-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px}
.goe-logo{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.35rem;color:var(--goe-char);white-space:nowrap}
.goe-logo em{font-style:normal;color:var(--goe-maroon)}
.goe-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.goe-links a:not(.goe-btn){font-family:'Roboto',sans-serif;font-size:.86rem;font-weight:500;color:var(--goe-ink)}
.goe-links a:not(.goe-btn):hover{color:var(--goe-maroon)}
.goe-links .goe-btn{color:#fff;padding:12px 24px}
.goe-toggle{display:none;background:none;border:none;color:var(--goe-char);font-size:1.5rem;cursor:pointer}
@media(max-width:1020px){
  .goe-links{position:absolute;top:100%;left:0;right:0;background:var(--goe-paper);flex-direction:column;
    align-items:stretch;gap:0;border-top:1px solid var(--goe-line);display:none;max-height:76vh;overflow:auto}
  .goe-links.open{display:flex}
  .goe-links li{border-bottom:1px solid var(--goe-line)}
  .goe-links a{display:block;padding:14px 20px}
  .goe-links .goe-btn{margin:14px 20px;width:calc(100% - 40px);text-align:center}
  .goe-toggle{display:block}
}
.goe-sec{padding:70px 0}
.goe-sec-cream{background:var(--goe-cream)}
.goe-sec-dark{background:var(--goe-char);color:#D2C8C3}
.goe-sec-dark h2,.goe-sec-dark h3,.goe-sec-dark h4{color:#fff}
.goe-sec-dark .goe-eyebrow{color:var(--goe-peach)}
.goe-head{max-width:760px;margin:0 auto 42px}
.goe-head p{color:var(--goe-grey)}
.goe-sec-dark .goe-head p{color:#C2B7B2}

/* ---- 1. HOOK INTRO (no product image, pure narrative) ---- */
.goe-hook{background:linear-gradient(180deg,var(--goe-char) 0%,#1E1A19 100%);color:#EDE4DF;
  padding:64px 0 56px;text-align:center}
.goe-hook .goe-eyebrow{color:var(--goe-peach)}
.goe-hook h1{color:#fff;max-width:820px;margin:14px auto 22px}
.goe-hook h1 em{font-style:normal;color:var(--goe-peach)}
.goe-hook-sub{max-width:660px;margin:0 auto 30px;color:#C2B7B2;font-size:1.05rem}
.goe-hook-scroll{color:#9C908B;font-size:.8rem;font-family:'Roboto',sans-serif;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase}
.goe-hook-scroll::after{content:'\2193';display:block;margin-top:6px;font-size:1.1rem;animation:goe-bounce 1.8s infinite}
@keyframes goe-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ---- quick facts bar ---- */
.goe-facts-bar{background:var(--goe-peach);padding:22px 0}
.goe-facts-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;text-align:center}
.goe-facts-row div{color:var(--goe-maroon-dk);font-family:'Roboto',sans-serif}
.goe-facts-row b{display:block;font-size:1.5rem;font-weight:700}
.goe-facts-row span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

/* ---- 2. product intro ---- */
.goe-intro{padding:70px 0}
.goe-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:center}
@media(max-width:920px){.goe-intro-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
.goe-intro-shot{text-align:center;position:relative}
.goe-intro-shot img{max-width:min(260px,100%);margin:0 auto;filter:drop-shadow(0 26px 40px rgba(140,20,30,.22))}
.goe-intro-copy p{color:var(--goe-grey)}
.goe-intro-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--goe-line);
  border-radius:999px;padding:8px 18px;font-family:'Roboto',sans-serif;font-size:.79rem;font-weight:700;
  color:var(--goe-maroon);margin-bottom:14px}

/* ---- pulse-spark signature ---- */
.goe-pulse{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.goe-pulse-stage{width:120px;height:36px;overflow:hidden}
.goe-pulse-svg{width:240px;height:36px;animation:goe-slide 2.6s linear infinite}
@keyframes goe-slide{0%{transform:translateX(0)}100%{transform:translateX(-120px)}}
.goe-pulse-path{stroke:var(--goe-maroon);stroke-width:2.5;fill:none}
.goe-pulse-cap{color:var(--goe-grey);font-family:'Roboto',sans-serif;font-size:.75rem;font-weight:700}

/* ---- 3. comparison table (unique component) ---- */
.goe-cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--goe-line);
  border-radius:12px;overflow:hidden}
.goe-cmp th,.goe-cmp td{padding:15px 16px;text-align:center;font-size:.9rem;border-bottom:1px solid var(--goe-line)}
.goe-cmp thead th{font-family:'Roboto',sans-serif;font-weight:700;background:var(--goe-char);color:#fff;font-size:.85rem}
.goe-cmp tbody th{text-align:left;font-family:'Roboto',sans-serif;font-weight:700;color:var(--goe-char);
  background:var(--goe-cream);font-size:.87rem}
.goe-cmp td.yes{color:#1E7A46;font-weight:700}
.goe-cmp td.no{color:#B23A3A}
.goe-cmp tbody tr:last-child th,.goe-cmp tbody tr:last-child td{border-bottom:none}
.goe-cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---- 4. accordion ingredients (unique component) ---- */
.goe-acc{border:1px solid var(--goe-line);border-radius:10px;overflow:hidden;background:#fff}
.goe-acc-row{border-bottom:1px solid var(--goe-line)}
.goe-acc-row:last-child{border-bottom:none}
.goe-acc-btn{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:19px 20px;
  display:flex;justify-content:space-between;align-items:center;gap:15px;font-family:'Roboto',sans-serif;
  font-weight:700;font-size:1.02rem;color:var(--goe-maroon)}
.goe-acc-btn .n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;background:var(--goe-cream);color:var(--goe-maroon);font-size:.8rem;margin-right:10px;flex-shrink:0}
.goe-acc-btn::after{content:'\2795';font-size:.9rem;color:var(--goe-peach-dk);flex-shrink:0;transition:transform .2s}
.goe-acc-row.on .goe-acc-btn::after{content:'\2796'}
.goe-acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.goe-acc-body p{padding:0 20px 20px 56px;margin:0;color:var(--goe-grey);font-size:.92rem}

/* ---- 5. vertical timeline (unique component) ---- */
.goe-tl{position:relative;padding-left:38px}
.goe-tl::before{content:'';position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:var(--goe-line)}
.goe-tl-item{position:relative;padding-bottom:30px}
.goe-tl-item:last-child{padding-bottom:0}
.goe-tl-item::before{content:'';position:absolute;left:-38px;top:2px;width:28px;height:28px;border-radius:50%;
  background:var(--goe-maroon);border:4px solid var(--goe-cream)}
.goe-tl-item h4{margin-bottom:5px}
.goe-tl-item p{color:var(--goe-grey);font-size:.93rem;margin:0}

/* ---- 6. pull-quote reviews (unique component) ---- */
.goe-quote{background:#fff;border:1px solid var(--goe-line);border-radius:12px;padding:30px 26px;position:relative}
.goe-quote::before{content:'\201C';position:absolute;top:6px;left:18px;font-family:Georgia,serif;font-size:4rem;
  color:var(--goe-peach);opacity:.5;line-height:1}
.goe-quote p{position:relative;z-index:1;color:var(--goe-ink);font-size:1rem;font-style:italic;margin:14px 0 16px}
.goe-quote-foot{display:flex;align-items:center;gap:12px}
.goe-quote-foot img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.goe-quote-name{font-family:'Roboto',sans-serif;font-weight:700;font-size:.9rem;color:var(--goe-maroon)}
.goe-quote-sub{font-size:.74rem;color:var(--goe-grey)}
.goe-quote-stars{color:var(--goe-peach-dk);letter-spacing:2px;font-size:.85rem}

.goe-grid{display:grid;gap:22px}
.goe-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.goe-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.goe-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.goe-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.goe-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.goe-g4,.goe-g3,.goe-g2{grid-template-columns:minmax(0,1fr)}}
.goe-card{background:#fff;border:1px solid var(--goe-line);border-radius:10px;padding:24px 20px}
.goe-card p{color:var(--goe-grey);font-size:.92rem;margin:0}
.goe-card-badge{text-align:center}
.goe-card-badge img{max-width:min(128px,100%);margin:0 auto 12px}
.goe-callout{background:var(--goe-cream);border-left:4px solid var(--goe-maroon);border-radius:0 8px 8px 0;
  padding:20px 22px;font-size:.9rem;color:var(--goe-grey)}
.goe-callout b{color:var(--goe-maroon)}
.goe-callout a{color:var(--goe-peach-dk);text-decoration:underline;text-underline-offset:3px}
.goe-flag{background:#FDF1E1;border:1px solid #F2CE9C;border-radius:8px;padding:19px 21px;font-size:.87rem;color:#805112}
.goe-flag b{color:#996214}
.goe-alert{background:#FDECEC;border:1px solid #EFC0C0;border-radius:8px;padding:19px 21px;font-size:.87rem;color:#82302E}
.goe-alert b{color:#A5302E}

/* ---- 7. pricing comparison table (unique component, not cards) ---- */
.goe-price-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.goe-price{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.goe-price th,.goe-price td{padding:16px;text-align:center;vertical-align:middle}
.goe-price thead th{background:var(--goe-char);color:#fff;font-family:'Roboto',sans-serif;font-size:.95rem;
  padding-top:22px;padding-bottom:22px}
.goe-price thead th.hot{background:var(--goe-maroon);position:relative}
.goe-price thead th.hot .tag{display:block;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--goe-peach);font-weight:700;margin-bottom:4px}
.goe-price tbody th{text-align:left;background:var(--goe-cream);font-family:'Roboto',sans-serif;font-weight:700;
  color:var(--goe-char);font-size:.88rem;white-space:nowrap}
.goe-price tbody td{background:#fff;border-bottom:1px solid var(--goe-line);font-size:.9rem;color:var(--goe-grey)}
.goe-price tbody tr:last-child td,.goe-price tbody tr:last-child th{border-bottom:none}
.goe-price .price-big{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.7rem;color:var(--goe-maroon)}
.goe-price .price-big small{font-family:'Open Sans',sans-serif;font-size:.7rem;font-weight:400;color:var(--goe-grey)}
.goe-price tfoot td{padding:20px 16px;background:#fff}
.goe-price tfoot .goe-btn{width:100%}

.goe-bonus-row{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--goe-line);
  border-radius:10px;padding:16px 18px;margin-bottom:14px}
.goe-bonus-row img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex-shrink:0}
.goe-bonus-row b{display:block;font-family:'Roboto',sans-serif;color:var(--goe-maroon);font-size:.95rem;margin-bottom:3px}
.goe-bonus-row span{font-size:.85rem;color:var(--goe-grey)}

.goe-guar{display:flex;align-items:center;gap:26px;background:var(--goe-cream);border-radius:12px;padding:28px}
@media(max-width:700px){.goe-guar{flex-direction:column;text-align:center}}
.goe-guar img{max-width:140px;flex-shrink:0}
.goe-guar p{color:var(--goe-grey);margin:0 0 14px}

.goe-steps{counter-reset:goe-step}
.goe-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--goe-line)}
.goe-step:last-child{border-bottom:none}
.goe-step .num{counter-increment:goe-step;flex-shrink:0;width:34px;height:34px;border-radius:50%;
  background:var(--goe-maroon);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:'Roboto',sans-serif;font-weight:700}
.goe-step .num::before{content:counter(goe-step)}
.goe-step p{margin:0;color:var(--goe-grey);font-size:.92rem}

.goe-faq-row{border-bottom:1px solid var(--goe-line)}
.goe-faq-btn{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:18px 3px;
  display:flex;justify-content:space-between;align-items:center;gap:15px;font-family:'Roboto',sans-serif;
  font-weight:700;font-size:1rem;color:var(--goe-maroon)}
.goe-faq-btn::after{content:'+';font-size:1.3rem;color:var(--goe-peach-dk);flex-shrink:0;transition:transform .2s}
.goe-faq-row.on .goe-faq-btn::after{transform:rotate(45deg)}
.goe-faq-body{max-height:0;overflow:hidden;transition:max-height .28s ease}
.goe-faq-body p{padding:0 3px 18px;margin:0;color:var(--goe-grey);font-size:.91rem}

.goe-refs{list-style:none;margin:0 0 16px;padding:0}
.goe-refs li{padding:11px 0;border-bottom:1px solid var(--goe-line);font-size:.88rem;color:var(--goe-grey)}
.goe-refs a{font-weight:700;text-decoration:underline;text-underline-offset:3px}

.goe-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:760px){.goe-rel{grid-template-columns:minmax(0,1fr)}}
.goe-rel a{display:block;background:#fff;border:1px solid var(--goe-line);border-radius:10px;padding:18px 19px;transition:.18s}
.goe-rel a:hover{border-color:var(--goe-maroon);transform:translateY(-2px)}
.goe-rel b{display:block;font-family:'Roboto',sans-serif;font-size:.97rem;color:var(--goe-maroon);margin-bottom:4px}
.goe-rel span{font-size:.82rem;color:var(--goe-grey)}

.goe-final{background:radial-gradient(circle at 30% 20%,var(--goe-maroon) 0%,var(--goe-maroon-dk) 70%);
  border-radius:18px;padding:48px 26px;text-align:center}
.goe-final h2{color:#fff}
.goe-final p{color:#EAD3CB}
.goe-final img{max-width:min(230px,100%);margin:18px auto}
.goe-final .old{color:#EAD3CB;text-decoration:line-through}
.goe-final .new{font-family:'Roboto',sans-serif;font-weight:700;font-size:2.1rem;color:var(--goe-peach);margin:4px 0 18px}
.goe-final .sm{font-size:.81rem;color:#EAD3CB;margin-top:14px}

.goe-crumb{font-size:.79rem;color:var(--goe-grey);padding:16px 0 0}
.goe-crumb a{color:var(--goe-peach-dk);font-weight:700}
.goe-crumb i{font-style:normal;margin:0 7px;opacity:.5}

.goe-article h2{margin-top:1.5em}
.goe-article p{color:var(--goe-grey)}
.goe-article a{color:var(--goe-peach-dk);text-decoration:underline;text-underline-offset:3px}
.goe-meta{font-size:.84rem;color:var(--goe-grey);margin-bottom:24px}
.goe-meta a{color:var(--goe-peach-dk);font-weight:700}

.goe-foot{background:var(--goe-char);color:#B3A8A3;padding:46px 0 30px;font-size:.85rem}
.goe-foot a{color:#D2C8C3}
.goe-foot a:hover{color:var(--goe-peach)}
.goe-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;list-style:none;margin:0 0 18px;padding:0;font-family:'Roboto',sans-serif;font-weight:700}
.goe-foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 18px;list-style:none;margin:0 0 24px;padding:0;font-size:.81rem}
.goe-foot hr{border:none;border-top:1px solid rgba(255,255,255,.14);margin:20px 0}
.goe-foot p{margin:0 0 13px;line-height:1.65}
.goe-foot .cr{text-align:center;font-size:.81rem;opacity:.85;margin-top:20px}

.goe-sticky{position:fixed;left:0;right:0;bottom:0;z-index:950;background:var(--goe-char);border-top:2px solid var(--goe-maroon);
  padding:10px 15px;display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.goe-sticky .t{min-width:0;line-height:1.24;color:#fff}
.goe-sticky .t b{display:block;font-size:.89rem;color:var(--goe-peach);font-family:'Roboto',sans-serif}
.goe-sticky .t small{color:#C2B7B2;font-size:.7rem}
.goe-sticky .goe-btn{padding:10px 18px;font-size:.83rem;flex-shrink:0}
@media(max-width:920px){.goe-sticky{display:flex}body{padding-bottom:66px}}