/* ===================================================================
   BURNTIDE  —  burnstide.com
   ------------------------------------------------------------------
   Look:    editorial. Near-white paper, true ink, one hot accent.
            Split hero (ink copy panel + tinted product panel) rather
            than the gradient banner or full-light hero used elsewhere.
   Type:    Instrument Serif (display) / Space Grotesk (text)
   Mark:    tide gauge — a measured scale with a wave riding across it
   ------------------------------------------------------------------
   Layout safety: grids use minmax(0,1fr); flex children get
   min-width:0; media capped with min(Npx,100%); narrow screens
   reorder the hero to headline -> product -> supporting copy.
   ------------------------------------------------------------------
   Editorial position: the review this page was drafted from asserted
   "no side effects have been reported", a 4.9/5 rating from 1000+
   unverifiable reviews, a personal medical endorsement, and two
   mutually contradictory price tables. It also described trace
   mineral amounts as if they were doing metabolic work. None of that
   is carried over. What was added: the printed label amounts stated
   plainly, an honest note that the BHB content sits far below the
   doses used in ketone research, and apple cider vinegar interaction
   and dental warnings.
=================================================================== */

:root{
  --ink:#16181d;
  --ink-2:#3d4149;
  --rasp:#d92b55;
  --rasp-dk:#ab1c3e;
  --paper:#fbfaf7;
  --tint:#eceef2;
  --tint-2:#e0e3e9;
  --line:#d6d9df;
  --grey:#6b7079;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:17px;line-height:1.7;
}
h1,h2,h3,h4{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.15;color:var(--ink);margin-top:0;letter-spacing:-.01em;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.hold{max-width:1160px;margin-inline:auto;padding-inline:24px;}
.tag{
  display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:.7rem;
  font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--rasp-dk);
  margin-bottom:12px;
}

/* ---- buttons ---- */
.go{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;
  background:var(--rasp);color:#fff;border:none;border-radius:2px;
  padding:16px 32px;cursor:pointer;letter-spacing:.01em;
  transition:background .15s,transform .15s;
}
.go:hover{background:var(--rasp-dk);transform:translateY(-2px);}
.go-line{
  display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.97rem;
  padding:14px 28px;border:1.5px solid currentColor;border-radius:2px;
  background:transparent;transition:background .15s,color .15s;
}
.go-line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}

/* ---- top + masthead ---- */
.ticker{background:var(--ink);color:#b9bec7;font-size:.79rem;padding:9px 16px;text-align:center;letter-spacing:.02em;}
.ticker b{color:#f4879f;}
.masthead{position:sticky;top:0;z-index:900;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 0;}
.masthead .hold{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{font-family:'Instrument Serif',serif;font-size:1.6rem;letter-spacing:-.02em;}
.brand em{font-style:normal;color:var(--rasp);}
.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:1.5px solid transparent;}
.nav a:hover{border-bottom-color:var(--rasp);}
.nav-open{display:none;background:none;border:none;font-size:1.6rem;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(--line);flex-direction:column;gap:0;display:none;}
  .nav.up{display:flex;}
  .nav li{width:100%;border-top:1px solid var(--line);}
  .nav a{display:block;padding:15px 24px;border:none;}
  .nav-btn{display:none;}
  .nav-open{display:block;}
}

/* ---- split hero ---- */
.lede{border-bottom:1px solid var(--line);}
.lede-split{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;}
.lede-copy{flex:1 1 500px;min-width:0;padding:56px 46px 52px 0;}
.lede-a,.lede-b{width:100%;}
.lede h1{font-size:3rem;margin:0 0 20px;}
.lede h1 em{font-style:italic;color:var(--rasp);}
.lede-sub{font-size:1.08rem;color:var(--ink-2);max-width:540px;margin:0;}
.lede-shot{
  flex:1 1 320px;min-width:0;background:var(--tint);
  display:flex;align-items:center;justify-content:center;padding:36px 28px;
}
.lede-shot img{max-width:min(320px,100%);}
.lede-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.lede-meta{display:flex;align-items:center;gap:11px;margin-top:24px;color:var(--grey);font-size:.93rem;font-weight:500;}
.lede-meta .stars{color:var(--rasp);letter-spacing:2px;}
@media(max-width:940px){
  .lede-copy{padding:40px 0 34px;display:contents;}
  .lede-a{order:1;padding-top:40px;}
  .lede-shot{order:2;margin:22px 0;width:100%;flex-basis:100%;padding:28px 20px;}
  .lede-b{order:3;padding-bottom:36px;}
  .lede h1{font-size:2.3rem;}
}

/* ---- summary card (AEO/GEO) ---- */
.summary{border:1px solid var(--ink);background:var(--paper);padding:30px 32px;margin:44px 0 0;}
.summary h2{font-size:1.5rem;margin:0 0 14px;}
.summary p{margin:0 0 18px;color:var(--ink-2);}
.spec{width:100%;border-collapse:collapse;font-size:.93rem;}
.spec th,.spec td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top;}
.spec th{width:32%;font-family:'Space Grotesk',sans-serif;font-weight:700;white-space:nowrap;}
.spec td{color:var(--ink-2);}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:none;}
@media(max-width:560px){
  .spec th,.spec td{display:block;width:100%;border-bottom:none;padding:3px 0;}
  .spec th{padding-top:12px;}
  .spec tr{display:block;border-bottom:1px solid var(--line);padding-bottom:9px;}
}

/* ---- tide gauge mark ---- */
.gauge{display:flex;justify-content:center;padding:40px 0 8px;}
.gauge svg{width:190px;height:96px;}
.gauge-rule{stroke:var(--line);stroke-width:1.4;}
.gauge-tick{stroke:var(--grey);stroke-width:1.4;}
.gauge-wave{fill:none;stroke:var(--rasp);stroke-width:2.6;stroke-linecap:round;}
.gauge-mark{fill:var(--ink);}
.gauge-note{text-align:center;font-size:.73rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);padding-bottom:38px;}

/* ---- sections ---- */
.blk{padding:72px 0;}
.blk-tint{background:var(--tint);}
.blk-ink{background:var(--ink);color:#c3c8d0;}
.blk-ink h2,.blk-ink h3,.blk-ink h4{color:var(--paper);}
.blk-ink .tag{color:#f4879f;}
.blk-top{max-width:760px;margin:0 auto 44px;text-align:center;}
.blk-top h2{font-size:2.2rem;margin:0 0 12px;}
.blk-top p{color:var(--grey);margin:0;}
.blk-ink .blk-top p{color:#9aa1ab;}

/* ---- question blocks (AEO) ---- */
.qb{max-width:830px;margin:0 auto 36px;}
.qb:last-child{margin-bottom:0;}
.qb h3{font-size:1.6rem;margin:0 0 12px;}
.qkey{
  font-size:1.02rem;color:var(--ink);font-weight:500;
  background:var(--tint);border-left:3px solid var(--rasp);
  padding:14px 18px;margin:0 0 16px;
}
.blk-ink .qkey{background:#22252c;color:var(--paper);}
.blk-tint .qkey{background:var(--paper);}
.qb p{color:var(--ink-2);margin:0 0 13px;}
.blk-ink .qb p{color:#a9b0ba;}
.qb p:last-child{margin-bottom:0;}

/* ---- label panel (the transparency section) ---- */
.label-box{max-width:830px;margin:0 auto;border:2px solid var(--ink);background:var(--paper);}
.label-hd{background:var(--ink);color:var(--paper);padding:14px 24px;font-family:'Space Grotesk',sans-serif;
          font-weight:700;font-size:.86rem;letter-spacing:1.6px;text-transform:uppercase;}
.label-body{padding:26px 26px 28px;}
.label-tbl{width:100%;border-collapse:collapse;font-size:.94rem;margin-bottom:20px;}
.label-tbl th,.label-tbl td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;}
.label-tbl th{font-family:'Space Grotesk',sans-serif;font-weight:700;}
.label-tbl td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.label-body p{color:var(--ink-2);font-size:.95rem;margin:0 0 12px;}
.label-body p:last-child{margin-bottom:0;}
.label-body strong{color:var(--ink);}

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

/* ---- ingredient rows ---- */
.rows{max-width:870px;margin:0 auto;border-top:2px solid var(--ink);}
.row-i{border-bottom:1px solid var(--line);padding:24px 0;display:flex;gap:20px;align-items:flex-start;}
.row-n{flex:0 0 auto;font-family:'Instrument Serif',serif;font-size:1.8rem;color:var(--rasp);line-height:1;width:40px;}
.row-c{min-width:0;}
.row-c h4{font-size:1.28rem;margin:0 0 8px;}
.row-c p{margin:0;color:var(--ink-2);font-size:.94rem;}
.warn{display:block;margin-top:11px;font-size:.87rem;font-weight:500;color:var(--rasp-dk);
      border-left:3px solid var(--rasp);padding:9px 0 9px 13px;background:#fdf2f5;}

/* ---- care panel ---- */
.care{max-width:870px;margin:0 auto;border:2px solid var(--rasp);background:var(--paper);padding:30px 30px;}
.care h3{font-size:1.4rem;margin:0 0 10px;}
.care h4{font-family:'Space Grotesk',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(--rasp-dk);text-decoration:underline;text-underline-offset:2px;}

/* ---- pricing ---- */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
@media(max-width:920px){.tiers{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}}
.tier{background:var(--paper);border:1px solid var(--ink);padding:26px 22px;text-align:center;
      display:flex;flex-direction:column;position:relative;}
.tier-best{border-width:2px;border-color:var(--rasp);}
.ribbon{position:absolute;top:0;left:0;background:var(--rasp);color:#fff;font-size:.68rem;font-weight:700;
        letter-spacing:1.3px;text-transform:uppercase;padding:5px 12px;}
.ribbon.dark{background:var(--ink);}
.tier-slot{height:150px;display:flex;align-items:center;justify-content:center;margin:10px 0 14px;}
.tier-slot img{max-height:150px;width:auto;max-width:100%;}
.tier-name{font-family:'Instrument Serif',serif;font-size:1.5rem;}
.tier-sub{color:var(--grey);font-size:.86rem;margin-bottom:12px;}
.tier-rate{font-family:'Instrument Serif',serif;font-size:2.5rem;line-height:1;}
.tier-rate small{font-family:'Space Grotesk',sans-serif;font-size:.84rem;color:var(--grey);}
.tier-tot{font-weight:700;margin:9px 0 2px;}
.tier-ship{font-size:.83rem;font-weight:700;color:var(--rasp-dk);margin-bottom:16px;}
.tier-ship.plain{color:var(--grey);}
.tier .go{width:100%;margin-top:auto;}
.tier-cards{max-width:min(175px,100%);margin:13px auto 0;opacity:.75;}
.tiers-note{text-align:center;color:var(--grey);font-size:.87rem;max-width:730px;margin:26px auto 0;}

/* ---- bonuses ---- */
.gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:860px){.gifts{grid-template-columns:1fr;max-width:440px;margin-inline:auto;}}
.gift{background:var(--paper);border:1px solid var(--line);padding:24px 20px;}
.gift-n{font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:1.6px;
        text-transform:uppercase;color:var(--rasp-dk);margin-bottom:8px;}
.gift h4{font-size:1.3rem;margin:0 0 8px;}
.gift p{margin:0 0 10px;color:var(--ink-2);font-size:.92rem;}
.gift-val{font-size:.85rem;font-weight:700;}
.gift-val s{color:var(--grey);font-weight:400;}

/* ---- outcomes ---- */
.outs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.outs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.outs{grid-template-columns:1fr;}}
.out{border-top:2px solid var(--ink);padding-top:16px;}
.out h4{font-size:1.15rem;margin:0 0 7px;}
.out p{margin:0;color:var(--ink-2);font-size:.92rem;}

/* ---- voices ---- */
.says{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.says{grid-template-columns:1fr;}}
.say{background:var(--paper);border:1px solid var(--line);padding:24px 20px;}
.say-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.say-hd img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.say-nm{font-weight:700;font-size:.95rem;}
.say-lo{color:var(--grey);font-size:.82rem;}
.say-st{color:var(--rasp);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.say p{margin:0;color:var(--ink-2);font-size:.92rem;}
.says-note{text-align:center;color:var(--grey);font-size:.85rem;max-width:670px;margin:24px auto 0;}
.rate-bar{text-align:center;margin-top:26px;}
.rate-bar img{max-width:min(290px,100%);margin-inline:auto;}

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

/* ---- closer ---- */
.closer{background:var(--ink);color:#c3c8d0;padding:52px 30px;text-align:center;}
.closer h2{font-size:2.2rem;color:var(--paper);margin:0 0 8px;}
.closer img{max-width:min(330px,100%);margin:22px auto;}
.closer-rate{font-family:'Instrument Serif',serif;color:#f4879f;font-size:2.2rem;margin:4px 0 20px;}
.closer-fine{color:#9aa1ab;font-size:.87rem;max-width:540px;margin:20px auto 0;}

/* ---- FAQ ---- */
.asks{max-width:840px;margin:0 auto;border-top:2px solid var(--ink);}
.ask{border-bottom:1px solid var(--line);}
.ask-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;
       font-family:'Instrument Serif',serif;font-size:1.25rem;color:var(--ink);
       padding:19px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.ask-q::after{content:'+';font-family:'Space Grotesk',sans-serif;font-size:1.35rem;color:var(--rasp);
              transition:transform .2s;flex-shrink:0;line-height:1;}
.ask.on .ask-q::after{transform:rotate(45deg);}
.ask-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.ask-a p{margin:0 0 12px;padding:0 4px;color:var(--ink-2);font-size:.95rem;}
.ask-a p:last-child{padding-bottom:19px;}

/* ---- sources ---- */
.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(--rasp-dk);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.refs-note{color:var(--grey);font-size:.87rem;margin-top:20px;}

/* ---- internal links ---- */
.more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:960px;margin:0 auto;}
@media(max-width:860px){.more{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.more{grid-template-columns:1fr;}}
.more a{display:block;background:var(--paper);border:1px solid var(--line);padding:18px 16px;
        transition:border-color .15s,transform .15s;}
.more a:hover{border-color:var(--rasp);transform:translateY(-2px);}
.more b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:1.18rem;margin-bottom:5px;}
.more span{color:var(--grey);font-size:.84rem;}

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

/* ---- footer ---- */
.foot{background:var(--ink);color:#8e949d;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--rasp);}
.foot a{color:#c3c8d0;text-decoration:underline;text-underline-offset:2px;}
.foot a:hover{color:#f4879f;}
.foot hr{border:none;border-top:1px solid #2e323a;margin:24px 0;}
.foot p{margin:0 0 14px;}

/* ---- mobile order bar ---- */
.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(--rasp);}
.dock-p{color:var(--paper);line-height:1.2;}
.dock-p b{color:#f4879f;font-family:'Instrument Serif',serif;font-size:1.15rem;}
.dock-p small{display:block;color:#8e949d;font-size:.7rem;}
@media(max-width:940px){.dock{display:flex;}body{padding-bottom:66px;}}

.mid{text-align:center;}