/* ===================================================================
   BURN GUMMY — burngummyy.com
   ------------------------------------------------------------------
   Palette: midnight slate #1c2b3f | berry magenta #d4477a
            paper #f6f4f1 | band #e9e4dd | ink #23262b
   Type:    Playfair Display (display) / DM Sans (text)
   Mark:    "the steady line" — a jagged spike-and-crash curve behind a
            smooth level curve, standing for stimulant-free steadiness
   ------------------------------------------------------------------
   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 review's testimonials made outcome claims ("waistline
     feels normal", "noticeable difference in less than two weeks") and
     cited "4.9/5 from thousands". None of that is carried over; the
     ratings are softened and the quotes rewritten without weight-loss
     outcomes.
   - Supplied testimonial photos were AI variants of one person
     (filenames "Same_person_different_clothes_*"). Face photos are
     omitted; initial avatars used instead.
   - Berberine has a real, documented interaction profile (CYP450 and
     P-glycoprotein inhibition; diabetes medicines, warfarin,
     cyclosporine, statins, blood pressure medicines) and NCCIH reports
     it is likely unsafe for infants and possibly unsafe in pregnancy
     and breastfeeding. That warning gets its own prominent section
     rather than a footer line.
   - Evidence is stated as the federal sources state it: NCCIH finds
     berberine weight-loss evidence inconclusive with effects seen
     mainly above 1 g/day over 8+ weeks; NIH ODS says chromium's
     potential benefits appear very small; NCCIH says research does not
     clearly support cinnamon for any health condition. No dose figures
     are invented, and no weight-loss outcome is promised.
=================================================================== */

:root{
  --slate:#1c2b3f;
  --slate-2:#25384f;
  --slate-dk:#131e2c;
  --berry:#d4477a;
  --berry-lt:#e3699a;
  --berry-dk:#a92f5b;
  --paper:#f6f4f1;
  --card:#ffffff;
  --band:#e9e4dd;
  --edge:#ded7cd;
  --ink:#23262b;
  --ink-2:#4c525c;
  --dim:#6d7480;
  --alert:#fdf0f3;
  --alert-edge:#b93a56;
}

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

/* ---- actions ---- */
.act{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;
  background:var(--berry);color:#fff;border:none;border-radius:7px;
  padding:15px 30px;cursor:pointer;
  transition:background .15s,transform .15s;
}
.act:hover{background:var(--berry-dk);transform:translateY(-2px);}
.act-line{
  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,.5);border-radius:7px;
  background:transparent;color:var(--paper);transition:background .15s,color .15s;
}
.act-line:hover{background:var(--paper);color:var(--slate-dk);border-color:var(--paper);}

/* ---- header ---- */
.ribbon{background:var(--slate-dk);color:#a8b2c0;font-size:.79rem;padding:9px 16px;text-align:center;}
.ribbon b{color:var(--berry-lt);}
.top{position:sticky;top:0;z-index:900;background:var(--paper);border-bottom:1px solid var(--edge);padding:15px 0;}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mark{font-family:'Playfair Display',serif;font-weight:600;font-size:1.34rem;}
.mark i{font-style:normal;color:var(--berry);}
.nav{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center;}
.nav a{font-weight:500;font-size:.93rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.nav a:hover{border-bottom-color:var(--berry);}
.tap{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(--paper);
       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-act{display:none;}
  .tap{display:block;}
}

/* ---- hero ---- */
.hero{
  background:radial-gradient(ellipse at 88% 0%, #33475f 0%, var(--slate) 55%, var(--slate-dk) 100%);
  background-color:var(--slate);
  color:#c2cad6;padding:62px 0 0;position:relative;overflow:hidden;
}
.hero .kicker{color:var(--berry-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(--paper);}
.hero h1 span{color:var(--berry-lt);font-style:italic;}
.hero-sub{font-size:1.07rem;color:#c2cad6;max-width:540px;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,.42));}
.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:#c2cad6;font-weight:500;font-size:.93rem;}
.hero-meta .stars{color:var(--berry-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.95rem;}
}

/* ---- steady line mark ---- */
.steady{display:flex;justify-content:center;padding:40px 0 6px;position:relative;z-index:2;}
.steady svg{width:230px;height:66px;}
.jag{fill:none;stroke:#5b6a80;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.lvl{fill:none;stroke:var(--berry-lt);stroke-width:2.6;stroke-linecap:round;}
.steady-cap{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1.5px;
            text-transform:uppercase;color:#8b95a4;padding-bottom:34px;position:relative;z-index:2;}

/* ---- panels ---- */
.panel{padding:70px 0;}
.panel-band{background:var(--band);}
.panel-dark{background:var(--slate-dk);color:#c2cad6;}
.panel-dark h2,.panel-dark h3,.panel-dark h4{color:var(--paper);}
.panel-dark .kicker{color:var(--berry-lt);}
.lead{max-width:770px;margin:0 auto 42px;text-align:center;}
.lead h2{font-size:2.05rem;margin:0 0 12px;}
.lead p{color:var(--dim);margin:0;}
.panel-dark .lead p{color:#8b95a4;}

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

/* ---- alert block ---- */
.warn{max-width:870px;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:#8b2440;}
.warn p{color:#4b3037;font-size:.96rem;margin:0 0 12px;}
.warn p:last-child{margin-bottom:0;}
.warn strong{color:#6f1c33;}
.warn ul{margin:0 0 12px;padding-left:20px;color:#4b3037;font-size:.95rem;}
.warn li{margin-bottom:7px;}
.warn a{color:#8b2440;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:'Playfair Display',serif;font-size:1.04rem;margin-bottom:6px;}
.seal small{display:block;color:var(--dim);font-size:.81rem;line-height:1.5;}

/* ---- question blocks ---- */
.qbox{max-width:830px;margin:0 auto 34px;}
.qbox:last-child{margin-bottom:0;}
.qbox 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;
}
.panel-dark .qtop{background:var(--slate-2);border-color:#33465e;color:var(--paper);}
.qbox p{color:var(--ink-2);margin:0 0 13px;}
.panel-dark .qbox p{color:#a3adbb;}
.qbox p:last-child{margin-bottom:0;}

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

/* ---- ingredient ledger ---- */
.ledger{max-width:880px;margin:0 auto;}
.row-ing{background:var(--card);border:1px solid var(--edge);border-radius:9px;
         padding:24px;margin-bottom:16px;display:flex;gap:20px;align-items:flex-start;}
.row-ing:last-child{margin-bottom:0;}
.num{
  flex:0 0 auto;width:42px;height:42px;border-radius:9px;
  background:var(--slate);color:var(--berry-lt);
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-weight:600;font-size:1.02rem;
}
.row-txt{min-width:0;}
.row-txt h4{font-size:1.15rem;margin:0 0 8px;}
.row-txt p{margin:0 0 10px;color:var(--ink-2);font-size:.94rem;}
.row-txt p:last-child{margin-bottom:0;}
.note{
  display:block;margin-top:11px;font-size:.88rem;font-weight:500;
  color:#8b2440;background:var(--alert);border-radius:6px;padding:10px 13px;
}
.note.firm{border:1px solid var(--alert-edge);}

/* ---- care panel ---- */
.care{max-width:880px;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:'DM 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(--berry-dk);text-decoration:underline;text-underline-offset:2px;}

/* ---- pricing ---- */
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
@media(max-width:920px){.packs{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}}
.pack{background:var(--card);border:1px solid var(--edge);border-radius:10px;
      padding:26px 22px;text-align:center;display:flex;flex-direction:column;position:relative;}
.pack-top{border:2px solid var(--berry);box-shadow:0 14px 30px rgba(212,71,122,.17);}
.tab{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--berry);color:#fff;font-size:.68rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;
}
.tab.deep{background:var(--slate);}
.pack-img{height:150px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px;}
.pack-img img{max-height:150px;width:auto;max-width:100%;}
.pack-nm{font-family:'Playfair Display',serif;font-weight:600;font-size:1.3rem;}
.pack-sub{color:var(--dim);font-size:.86rem;margin-bottom:12px;}
.pack-rate{font-family:'Playfair Display',serif;font-weight:600;font-size:2.25rem;line-height:1;}
.pack-rate small{font-family:'DM Sans',sans-serif;font-size:.84rem;font-weight:400;color:var(--dim);}
.pack-tot{font-weight:700;margin:9px 0 2px;}
.pack-save{font-size:.83rem;font-weight:600;color:var(--berry-dk);margin-bottom:16px;}
.pack .act{width:100%;margin-top:auto;}
.pack-cards{max-width:min(175px,100%);margin:13px auto 0;opacity:.75;}
.packs-note{text-align:center;color:var(--dim);font-size:.87rem;max-width:760px;margin:26px auto 0;}

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

/* ---- voices ---- */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.voices{grid-template-columns:1fr;}}
.voice{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.voice-who{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.badge{
  width:50px;height:50px;border-radius:50%;flex-shrink:0;
  background:var(--slate);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-weight:600;font-size:1.06rem;
}
.badge.b2{background:var(--berry-dk);}
.badge.b3{background:#3c5470;}
.voice-nm{font-weight:700;font-size:.95rem;}
.voice-tag{color:var(--dim);font-size:.82rem;}
.voice-stars{color:var(--berry);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.voice p{margin:0;color:var(--ink-2);font-size:.92rem;}
.voices-note{text-align:center;color:var(--dim);font-size:.85rem;max-width:720px;margin:24px auto 0;}
.strip-rate{text-align:center;margin-top:26px;}
.strip-rate img{max-width:min(290px,100%);margin-inline:auto;}

/* ---- guarantee ---- */
.vow{display:flex;gap:38px;align-items:center;flex-wrap:wrap;background:var(--card);
     border:1px solid var(--edge);border-radius:10px;padding:34px;}
.vow img{max-width:min(165px,100%);margin-inline:auto;}
.vow-txt{flex:1 1 340px;min-width:0;}
.vow-txt h3{font-size:1.68rem;margin:0 0 12px;}
.vow-txt p{color:var(--ink-2);}

/* ---- closer ---- */
.closer{background:var(--slate-dk);color:#c2cad6;border-radius:10px;padding:50px 30px;text-align:center;}
.closer h2{font-size:2.05rem;color:var(--paper);margin:0 0 8px;}
.closer img{max-width:min(300px,100%);margin:22px auto;}
.closer-rate{font-family:'Playfair Display',serif;font-weight:600;color:var(--berry-lt);font-size:2rem;margin:4px 0 20px;}
.closer-note{color:#8b95a4;font-size:.87rem;max-width:560px;margin:20px auto 0;}
.closer-note a{color:var(--berry-lt);text-decoration:underline;}

/* ---- FAQ ---- */
.faq{max-width:840px;margin:0 auto;}
.faq-row{background:var(--card);border:1px solid var(--edge);border-radius:8px;margin-bottom:12px;}
.faq-row:last-child{margin-bottom:0;}
.faq-btn{width:100%;background:none;border:none;cursor:pointer;text-align:left;
         font-family:'Playfair Display',serif;font-weight:600;font-size:1.08rem;color:var(--ink);
         padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.faq-btn::after{content:'+';font-family:'DM Sans',sans-serif;font-size:1.3rem;color:var(--berry);
                transition:transform .2s;flex-shrink:0;line-height:1;}
.faq-row.open .faq-btn::after{transform:rotate(45deg);}
.faq-panel{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-panel p{margin:0 0 12px;padding:0 20px;color:var(--ink-2);font-size:.94rem;}
.faq-panel p:last-child{padding-bottom:18px;}

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

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

/* ---- footer ---- */
.foot{background:var(--slate-dk);color:#828c9a;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--berry);}
.foot a{color:#b0b9c6;text-decoration:underline;text-underline-offset:2px;}
.foot a:hover{color:var(--berry-lt);}
.foot hr{border:none;border-top:1px solid #2c3849;margin:24px 0;}
.foot p{margin:0 0 14px;}

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