/* ============================================================
   GLUCOMIILD — glucomiild.com
   Design pattern: JointBrex-style (custom class CSS, no framework)
   Palette: terracotta #C1592E | terracotta-dark #9C4522 | slate #334155
            slate-dark #1E293B | soft #F7F3EF | bg #FFFFFF | ink #24211D
   Fonts: Poppins (headings) + Nunito (body)
   Mobile rule: hero image renders BEFORE h1
   ============================================================ */

:root{
  --terracotta:#C1592E;
  --terracotta-dark:#9C4522;
  --slate:#334155;
  --slate-dark:#1E293B;
  --gold:#E8A33D;
  --soft:#F7F3EF;
  --bg:#FFFFFF;
  --ink:#24211D;
  --muted:#6B675F;
  --line:#E7E0D6;
  --green:#3F7D53;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.24;color:var(--slate-dark);font-weight:700;
  letter-spacing:-.2px;margin-bottom:.5em}
h1{font-size:clamp(1.9rem,5vw,2.7rem)}
h2{font-size:clamp(1.5rem,3.2vw,2.05rem)}
h3{font-size:1.2rem}
p{margin-bottom:1.1em}
a{color:var(--terracotta-dark);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px;margin:0 auto}

.nav{position:sticky;top:0;z-index:80;background:rgba(255,253,250,.95);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:800;
  font-size:1.24rem;color:var(--slate-dark)}
.brand .ico{font-size:1.15rem}
.brand .accent{color:var(--terracotta)}
.navlinks{display:flex;align-items:center;gap:22px;list-style:none}
.navlinks a{font-weight:700;font-size:.87rem;color:var(--slate-dark);opacity:.82}
.navlinks a:not(.cta):hover{opacity:1;color:var(--terracotta-dark)}
.nav .cta{background:var(--terracotta);color:#fff;opacity:1;padding:10px 20px;border-radius:8px;
  font-weight:700;font-size:.87rem;font-family:'Poppins',sans-serif;box-shadow:0 6px 16px rgba(193,89,46,.28)}
.nav .cta:hover{background:var(--terracotta-dark)}
.navtoggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--slate-dark);cursor:pointer}
@media(max-width:980px){
  .navlinks{position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;
    align-items:stretch;gap:0;border-top:1px solid var(--line);display:none;max-height:78vh;overflow:auto}
  .navlinks.open{display:flex}
  .navlinks li{border-bottom:1px solid var(--line)}
  .navlinks a{display:block;padding:15px 20px}
  .navlinks .cta{margin:14px 20px;text-align:center}
  .navtoggle{display:block}
}

.strip{background:var(--slate-dark);color:#C9D2DE;font-size:.74rem;text-align:center;padding:8px 15px}
.strip b{color:#fff}
.strip span{white-space:nowrap;margin:0 9px;display:inline-block}
@media(max-width:580px){.strip{font-size:.68rem}.strip span{white-space:normal;margin:0 5px}}

.hero{background:var(--soft);border-bottom:1px solid var(--line);padding:44px 0 54px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted)}
.crumbs i{font-style:normal;margin:0 6px;opacity:.6}
.tag{display:inline-block;background:#F1E2D6;color:var(--terracotta-dark);font-weight:700;font-size:.7rem;
  letter-spacing:.5px;text-transform:uppercase;padding:6px 13px;border-radius:20px;margin-bottom:14px;
  font-family:'Poppins',sans-serif}
.hero h1 em{font-style:normal;color:var(--terracotta)}
.meta{margin-top:10px;font-size:.85rem;color:var(--muted)}
.hero-shot{text-align:center}
.hero-shot img{max-width:min(280px,100%);margin:0 auto;filter:drop-shadow(0 22px 38px rgba(30,41,59,.2))}
@media(max-width:900px){
  .hero .wrap{grid-template-columns:minmax(0,1fr);gap:22px}
  .hero-copy{display:contents}
  .hero-shot{order:1}
  .hero-h1{order:2}
  .hero-rest{order:3}
  .hero-shot img{max-width:min(230px,100%)}
}

.lede{font-size:1.06rem;color:var(--ink);background:#fff;border-left:4px solid var(--terracotta);
  border-radius:10px;padding:19px 21px;margin:18px 0;box-shadow:0 6px 20px rgba(30,41,59,.07)}
.lede strong{color:var(--slate-dark)}

.facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px}
.facts li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;
  font-family:'Poppins',sans-serif;font-size:.76rem;font-weight:700;color:var(--slate-dark)}

.checks{list-style:none;margin:0 0 22px}
.checks li{position:relative;padding-left:28px;margin-bottom:10px;font-weight:600;font-size:.94rem}
.checks li::before{content:'\2713';position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;
  background:var(--terracotta);color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;
  justify-content:center}

.herobtns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.herotrust{display:flex;flex-wrap:wrap;gap:7px 16px;font-family:'Poppins',sans-serif;font-size:.76rem;
  font-weight:700;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--slate-dark);
  color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:.94rem;padding:14px 27px;
  border:none;border-radius:9px;cursor:pointer;transition:transform .15s,background .15s;
  box-shadow:0 9px 22px rgba(30,41,59,.22)}
.btn:hover{background:var(--slate);transform:translateY(-2px);color:#fff}
.btn-terracotta{background:var(--terracotta);box-shadow:0 9px 22px rgba(193,89,46,.32)}
.btn-terracotta:hover{background:var(--terracotta-dark)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;
  border:1px solid var(--line);color:var(--slate-dark);font-family:'Poppins',sans-serif;font-weight:700;
  font-size:.9rem;padding:13px 24px;border-radius:9px;transition:.15s}
.btn-ghost:hover{border-color:var(--terracotta);color:var(--terracotta-dark)}
.btn-full{width:100%}

section.sec{padding:64px 0}
.sec-soft{background:var(--soft)}
.sec-dark{background:var(--slate-dark);color:#C9D2DE}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .tag{background:rgba(255,255,255,.12);color:var(--gold)}
.head{max-width:720px;margin:0 auto 40px;text-align:center}
.head p{color:var(--muted)}
.sec-dark .head p{color:#A9B4C4}
.mid{text-align:center}

.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g4,.g3,.g2{grid-template-columns:minmax(0,1fr)}}

.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 20px}
.card p{color:var(--muted);font-size:.92rem;margin:0}
.sec-dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}
.sec-dark .card p{color:#A9B4C4}
.card-badge{text-align:center}
.card-badge img{max-width:min(130px,100%);margin:0 auto 12px}

.idx{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
  background:var(--slate-dark);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:.85rem;
  margin-bottom:12px}
.idx-t{background:var(--terracotta)}

.ing{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:14px}
.ing h3{display:flex;align-items:center;gap:10px;font-size:1.08rem;margin-bottom:8px}
.ing .dose{margin-left:auto;background:var(--soft);color:var(--terracotta-dark);font-family:'Nunito',sans-serif;
  font-size:.76rem;font-weight:800;padding:4px 11px;border-radius:999px}
.ing p{color:var(--muted);font-size:.92rem;margin:0}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}
@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr);gap:26px}}
.split img{max-width:min(460px,100%);margin:0 auto;border-radius:12px}
.split-copy p{color:var(--muted)}
.sec-dark .split-copy p{color:#A9B4C4}

.list{list-style:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:760px){.list{grid-template-columns:minmax(0,1fr)}}
.list li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--terracotta);
  border-radius:0 8px 8px 0;padding:14px 17px;font-size:.9rem;color:var(--muted)}
.list li b{display:block;color:var(--slate-dark);margin-bottom:3px;font-family:'Poppins',sans-serif;font-size:.95rem}

.med{background:#fff;border:1px solid var(--line);border-left:4px solid var(--slate);border-radius:10px;
  padding:19px 21px;font-size:.9rem;color:var(--muted);margin:20px 0}
.med b{color:var(--slate-dark)}
.med a{text-decoration:underline;text-underline-offset:3px}
.warn{background:#FCF1E8;border:1px solid #EFCBA6;border-radius:10px;padding:19px 21px;font-size:.9rem;
  color:#7A4A1F;margin:20px 0}
.warn b{color:var(--terracotta-dark)}
.alert{background:#FBEAEB;border:1px solid #E5BCBF;border-radius:10px;padding:19px 21px;font-size:.9rem;
  color:#7C3033;margin:20px 0}
.alert b{color:#A2262A}

.rev-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rev-head img{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}
.rev-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:.92rem;color:var(--slate-dark)}
.rev-sub{font-size:.75rem;color:var(--muted)}
.stars{color:var(--gold);letter-spacing:2px;font-size:.88rem;margin-bottom:7px}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:center;margin-top:30px}
@media(max-width:640px){.board{grid-template-columns:minmax(0,1fr)}}
.board b{display:block;font-family:'Poppins',sans-serif;font-size:1.75rem;color:var(--slate-dark)}
.board span{font-family:'Poppins',sans-serif;font-size:.75rem;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em}

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
@media(max-width:960px){.plans{grid-template-columns:minmax(0,1fr);max-width:420px;margin:0 auto}}
.plan{background:#fff;border:2px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center;
  display:flex;flex-direction:column;position:relative}
.plan.top{border-color:var(--terracotta);box-shadow:0 22px 42px rgba(193,89,46,.2)}
@media(min-width:961px){.plan.top{transform:translateY(-9px)}}
.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--terracotta);color:#fff;
  font-family:'Poppins',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:6px 15px;border-radius:999px;white-space:nowrap}
.badge-slate{background:var(--slate-dark)}
.plan img.pk{max-width:min(180px,100%);margin:6px auto 14px}
.plan-ttl{font-family:'Poppins',sans-serif;font-size:1.32rem;color:var(--slate-dark)}
.plan-sub{font-size:.81rem;color:var(--muted);margin-bottom:13px}
.plan-price{font-family:'Poppins',sans-serif;font-size:2.3rem;color:var(--slate-dark);line-height:1}
.plan-price small{font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:700;color:var(--muted)}
.plan-tot{font-family:'Poppins',sans-serif;font-weight:800;font-size:.94rem;color:var(--slate-dark);margin:8px 0 6px}
.plan-tot s{font-weight:400;color:var(--muted);font-family:'Nunito',sans-serif}
.plan-ship{font-family:'Poppins',sans-serif;font-size:.8rem;font-weight:800;color:var(--green);margin-bottom:11px}
.plan-ship.pay{color:var(--muted)}
.plan ul{list-style:none;margin:0 0 17px;text-align:left;font-size:.85rem;color:var(--muted)}
.plan ul li{position:relative;padding-left:20px;margin-bottom:6px}
.plan ul li::before{content:'\2713';position:absolute;left:0;color:var(--terracotta-dark);font-weight:800}
.plan .btn{margin-top:auto}
.plan .cards{max-width:min(160px,100%);margin:12px auto 0;opacity:.6}

.guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:32px}
@media(max-width:800px){.guar{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center;padding:26px 20px}}
.guar img{max-width:min(165px,100%);margin:0 auto}
.guar p{color:var(--muted)}

.steps{display:grid;gap:14px}
.step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.step .n{width:32px;height:32px;border-radius:8px;background:var(--soft);color:var(--slate-dark);
  font-family:'Poppins',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;
  font-size:.88rem}
.step p{margin:0;color:var(--muted);font-size:.9rem}

.faq{border-top:1px solid var(--line)}
.faqrow{border-bottom:1px solid var(--line)}
.faqbtn{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:'Poppins',sans-serif;
  font-weight:700;font-size:1rem;color:var(--slate-dark)}
.faqbtn::after{content:'+';font-size:1.3rem;color:var(--terracotta-dark);flex-shrink:0;transition:transform .2s}
.faqrow.on .faqbtn::after{transform:rotate(45deg)}
.faqbody{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faqbody p{padding:0 3px 18px;margin:0;color:var(--muted);font-size:.92rem}

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

.related{background:var(--soft)}
.rcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
@media(max-width:760px){.rcards{grid-template-columns:minmax(0,1fr)}}
.rcard{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px;
  transition:.18s}
.rcard:hover{border-color:var(--terracotta);transform:translateY(-2px)}
.rcard b{display:block;font-family:'Poppins',sans-serif;font-size:.94rem;color:var(--slate-dark);margin-bottom:4px}
.rcard p{font-size:.83rem;color:var(--muted);margin:0}

.final{background:linear-gradient(150deg,var(--slate-dark) 0%,#141c2b 100%);border-radius:18px;
  padding:48px 28px;text-align:center}
.final h2{color:#fff}
.final p{color:#A9B4C4}
.final img{max-width:min(300px,100%);margin:20px auto}
.final .old{color:#A9B4C4;text-decoration:line-through}
.final .new{font-family:'Poppins',sans-serif;font-size:2rem;color:var(--gold);margin:4px 0 18px}
.final .sm{font-size:.82rem;color:#A9B4C4;margin-top:14px}

.article h2{margin-top:1.5em}
.article p{color:var(--ink)}
.meta-line{font-size:.85rem;color:var(--muted);margin-bottom:24px}
.meta-line a{font-weight:700}

footer{background:var(--slate-dark);color:#8FA0B8;padding:44px 0 32px;font-size:.86rem}
footer a{color:#C9D2DE}
footer a:hover{color:var(--gold)}
.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:11px 23px;list-style:none;margin:0 0 18px;
  font-family:'Poppins',sans-serif;font-weight:700}
.flegal{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 19px;list-style:none;margin:0 0 24px;
  font-size:.82rem}
footer hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:20px 0}
footer p{margin-bottom:13px;line-height:1.65}
.copy{text-align:center;font-size:.82rem;opacity:.85;margin-top:20px}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#141c2b;border-top:2px solid var(--terracotta);
  padding:9px 15px;display:none;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:0 -6px 20px rgba(0,0,0,.3)}
.sticky .t{min-width:0;line-height:1.24;color:#fff;font-family:'Poppins',sans-serif}
.sticky .t b{display:block;font-size:.9rem;color:var(--gold)}
.sticky .t small{color:#A9B4C4;font-size:.7rem;font-family:'Nunito',sans-serif}
.sticky .btn{padding:10px 17px;font-size:.84rem;flex-shrink:0}
@media(max-width:900px){.sticky{display:flex}body{padding-bottom:66px}}

/* ---------- diffusion ripple signature (small, below hero bottle) ---------- */
.hero-diffuse{position:relative;margin-top:10px;height:52px;display:flex;align-items:flex-start;
  justify-content:center;overflow:hidden}
.hero-diffuse-drop{position:absolute;top:0;left:50%;width:7px;height:10px;margin-left:-3.5px;
  background:var(--terracotta);border-radius:50% 50% 50% 0;transform:rotate(45deg);
  animation:hd-fall 2.4s cubic-bezier(.5,0,.8,1) infinite}
.hd-ring{position:absolute;top:22px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;
  border:2px solid var(--terracotta);opacity:0;animation:hd-ripple 2.4s ease-out infinite}
.hd-ring.r2{animation-delay:.45s;border-color:var(--slate)}
.hd-ring.r3{animation-delay:.9s;border-color:var(--gold)}
@keyframes hd-fall{0%{top:0;opacity:1}55%{top:20px;opacity:1}56%{opacity:0}100%{top:20px;opacity:0}}
@keyframes hd-ripple{0%{width:5px;height:5px;margin-left:-2.5px;margin-top:0;opacity:0}
  8%{opacity:.8}100%{width:64px;height:64px;margin-left:-32px;margin-top:-22px;opacity:0}}
.hero-diffuse-label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--muted);
  font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:700}