/* ===================================================================
   BICAR BURN — bicar-burn.com
   Palette : ink #1C1410 (near-black warm charcoal) | ink-dk #0F0B08 |
             steel(=vivid flame-orange accent, from the label's flame
             icon) #FF7A29 | steel-dk #D35F14 | sage(=warm ember-gold
             highlight) #FFB648 | stone #FFF9F4 (warm off-white) |
             sand #FFEDE0 | slate #5C4F47 (warm gray-brown) |
             line #F2DFD0
   Type    : 'Syne' (bold, energetic geometric display) + 'Inter'
             (clean body) — a fresh pairing not reused
   Motif   : ember rise — small warm-colored dots drifting upward and
             fading out in a loop, like sparks rising off a flame,
             echoing the label's own flame icon directly; distinct
             from every other signature used across this project (a
             field of rising, fading embers - not a scattered
             constellation, not radiating dendrite branches, not a
             sweeping arc, not stacked chevrons, not concentric
             ripples, not a lightning streak, not connected molecule
             nodes)
   Layout  : STRUCTURALLY UNIQUE HERO — a MEASURING TAPE ARC. A curved
             tape-measure ribbon, with tick marks and numbers along
             its length, arcs behind and around the bottle from
             lower-left to upper-right — echoing the tape-measure
             graphic printed on the product's own label and tying the
             visual directly to "weight management." The arc never
             touches or overlaps the bottle image itself, which sits
             in fully open space with object-fit:contain — never
             clipped or masked. Distinct from the two-column split,
             diagonal clip-path, centered rings, teardrop clip-path,
             tilted card frame, radial burst spotlight, floating
             shelf, vertical ledger, and neural constellation used in
             this project's other builds.
   Voice   : confident, structure-function only - Bicar Burn supports
             healthy weight management, metabolism, and energy as
             part of a healthy diet and exercise routine. NEVER claims
             guaranteed fat loss, a specific number of pounds, or that
             it treats/cures any diagnosed condition (obesity included).
   HONESTY OVERRIDE: the competitor source repeatedly claims Bicar
             Burn is "No Stimulants" / stimulant-free, yet the same
             source discloses Guarana Seed Extract as an ingredient
             and describes it as containing "significant amounts of
             caffeine." This is an internal contradiction in the
             source material. Per this project's standing honesty
             rules, this build does NOT carry over the "no stimulants"
             claim; instead it states plainly that Guarana Seed
             Extract is a natural caffeine source and includes a
             caffeine-sensitivity caution.
   AFFILIATE LINK NOTE: the user-supplied aff_link was confirmed, at
             build time, to redirect to a differently-branded
             checkout page (a shared network template also used by
             at least one other same-format liquid supplement) rather
             than to bicar-burn-specific checkout creative. The user
             was informed of this and explicitly confirmed proceeding
             with the link as supplied. The $79/$69/$49 (2/3/6 bottle)
             pricing tier, 60-day guarantee, and saved-amount figures
             match consistently across that shared template and the
             product's own .co competitor page, so they are used here
             with reasonable confidence despite the mismatch.
   SOURCING NOTE: ingredients (Grape Seed Extract, Guarana Seed
             Extract, African Mango Fruit Extract, Eleuthero Root
             Extract, Astragalus Root Extract, Green Tea Leaf Extract)
             are confirmed from the product's own .co content and
             label imagery. No individual ingredient doses are
             disclosed anywhere in the source material; this is
             stated honestly rather than inventing figures.
   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:#1C1410;
  --ink-dk:#0F0B08;
  --steel:#FF7A29;
  --steel-dk:#D35F14;
  --sage:#FFB648;
  --stone:#FFF9F4;
  --sand:#FFEDE0;
  --slate:#5C4F47;
  --line:#F2DFD0;
}

*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--slate);margin:0;background:var(--stone);overflow-x:hidden}
h1,h2,h3,h4{font-family:'Syne',sans-serif;color:var(--ink);margin:0 0 .5em;line-height:1.15}
h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}
h3{font-size:1.3rem;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.bb-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.bb-narrow{max-width:760px;margin:0 auto}
.bb-mid{text-align:center}

/* ---------- top strip + nav ---------- */
.bb-strip{background:var(--ink-dk);color:#fff;font-size:.78rem;padding:8px 0;text-align:center}
.bb-strip span{margin:0 12px;display:inline-block}
.bb-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.bb-nav .bb-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.bb-logo{font-family:'Syne',sans-serif;font-weight:700;font-size:1.35rem;color:var(--ink)}
.bb-logo em{font-style:normal;color:var(--steel-dk)}
.bb-links{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}
.bb-links a{font-size:.92rem;font-weight:600;color:var(--slate)}
.bb-links a:hover{color:var(--steel-dk)}
.bb-btn{background:var(--steel);color:#fff!important;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.88rem;display:inline-block}
.bb-btn:hover{background:var(--steel-dk)}
.bb-btn-sage{background:var(--steel)}
.bb-btn-full{display:block;text-align:center;width:100%;margin-bottom:10px}
.bb-btn-ghost{border:1.5px solid var(--ink);color:var(--ink)!important;padding:9px 19px;border-radius:999px;font-weight:600;font-size:.88rem;display:inline-block}
.bb-toggle{display:none;background:none;border:0;font-size:1.4rem;color:var(--ink)}
@media(max-width:860px){.bb-links{display:none}.bb-toggle{display:block}}

/* ---------- HERO : MEASURING TAPE ARC — a curved tape-measure ribbon with tick marks arcs behind the bottle, never touching/clipping it, echoing the label's own tape-measure graphic ---------- */
.bb-hero{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-dk) 100%);padding:54px 0 68px;overflow:hidden;position:relative}
.bb-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;
  position:relative;z-index:1}
.bb-hero-shot{order:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:260px}
.bb-glow-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:0}
.bb-tape-arc{fill:none;stroke:var(--sage);stroke-width:2;stroke-dasharray:1 9;stroke-linecap:round;opacity:.65}
.bb-tape-arc-solid{fill:none;stroke:var(--steel);stroke-width:1.5;opacity:.4}
.bb-tape-num{fill:var(--sage);font-family:'Inter',sans-serif;font-size:8px;font-weight:700;opacity:.6}
.bb-hero-copy{order:2}
.bb-hero h1{color:#fff}
.bb-hero-shot img{max-width:min(230px,100%);width:100%;height:auto;object-fit:contain;margin:0 auto;
  position:relative;z-index:2;filter:drop-shadow(0 22px 34px rgba(255,122,41,.35))}
.bb-wave-tag{position:absolute;bottom:2%;right:2%;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:8px 14px;font-size:.74rem;font-weight:700;color:var(--ink);box-shadow:0 10px 20px rgba(0,0,0,.3);
  z-index:3;white-space:nowrap}
.bb-hero h1 em{font-style:normal;color:var(--sage)}
.bb-lede{font-size:1.05rem;color:#F0DCCB;max-width:37em}

.bb-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(28,20,16,.08)}
.bb-answer .tag{display:block;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:9px}
.bb-answer p{margin:0;color:var(--slate)}
.bb-answer p.first{color:var(--ink);font-weight:700;margin-bottom:.75em}

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

.bb-check{list-style:none;margin:0 0 24px;padding:0}
.bb-check li{position:relative;padding-left:32px;margin-bottom:11px;font-size:.96rem;font-weight:500;color:#D3ECE9}
.bb-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(255,122,41,.28)}
.bb-check li::after{content:'\2713';position:absolute;left:4px;top:6.5px;color:var(--ink);font-size:.62rem;font-weight:800}

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

.bb-hero-btns{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px}
.bb-hero-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;font-weight:700;color:#9FC9C4}

@media(max-width:920px){
  .bb-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .bb-hero-copy{display:contents}
  .bb-hero-shot{order:1;min-height:200px}
  .bb-hero-title{order:2}
  .bb-hero-rest{order:3}
  .bb-hero-shot img{max-width:min(190px,100%)}
  .bb-glow-svg{width:220px;height:220px}
  .bb-wave-tag{bottom:0;right:0}
}

/* ---------- "ember rise" signature — small warm dots drifting upward and fading, echoing the label's flame icon ---------- */
.bb-ascent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;
  box-shadow:0 8px 22px rgba(28,20,16,.14);text-align:center;max-width:260px;margin-left:auto;margin-right:auto}
.bb-ascent h4{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-dk);
  margin-bottom:8px;font-family:'Inter',sans-serif;font-weight:700}
.bb-ascent svg{display:block;margin:0 auto;overflow:visible}
.bb-ember{fill:var(--steel);animation:bbEmberRise 3.2s ease-in infinite}
.bb-ascent-cap{font-size:.68rem;font-weight:700;color:var(--slate);margin-top:8px}
@keyframes bbEmberRise{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}70%{opacity:.7}100%{opacity:0;transform:translateY(-38px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.bb-ember{animation:none;opacity:.6}}

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

.bb-sec{padding:64px 0}
.bb-sec-sand{background:var(--sand)}
.bb-sec-dark{background:var(--ink);color:#fff}
.bb-sec-dark h2,.bb-sec-dark h3,.bb-sec-dark h4{color:#fff}
.bb-sec-dark p{color:#C9DEDC}
.bb-sec-dark .bb-eyebrow{color:var(--sage)}

.bb-head{text-align:center;max-width:640px;margin:0 auto 40px}
.bb-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:10px}

.bb-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px}
.bb-card p{color:var(--slate);font-size:.93rem;margin:0}
.bb-card h4{margin-bottom:8px}
.bb-card-badge{text-align:center}
.bb-card-badge img{max-width:70px;margin:0 auto 14px}

.bb-idx{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;
  justify-content:center;font-family:'Syne',sans-serif;font-weight:700;margin-bottom:14px}
.bb-idx-sage{background:var(--steel)}

/* ---------- split ---------- */
.bb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
@media(max-width:820px){.bb-split{grid-template-columns:minmax(0,1fr)}}
.bb-split-copy p{color:var(--slate)}

/* ---------- reviews ---------- */
.bb-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.bb-rev-head img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.bb-rev-name{font-weight:700;color:var(--ink);font-size:.95rem}
.bb-rev-sub{font-size:.78rem;color:var(--slate)}
.bb-stars{color:#F4B740;letter-spacing:2px;margin-bottom:10px}
.bb-board{display:flex;justify-content:center;gap:50px;margin-top:34px;flex-wrap:wrap;text-align:center}
.bb-board b{display:block;font-family:'Syne',sans-serif;font-size:1.7rem;color:var(--ink)}
.bb-board span{font-size:.8rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}

/* ---------- pricing plans ---------- */
.bb-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
@media(max-width:900px){.bb-plans{grid-template-columns:minmax(0,1fr)}}
.bb-plan{background:#fff;border:2px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center;position:relative}
.bb-plan.top{border-color:var(--steel);box-shadow:0 14px 34px rgba(255,122,41,.18);transform:scale(1.04)}
.bb-plan img.pk{max-width:140px;margin:0 auto 16px}
.bb-plan-ttl{font-family:'Syne',sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink)}
.bb-plan-sub{font-size:.82rem;color:var(--slate);margin-bottom:12px}
.bb-plan-price{font-family:'Syne',sans-serif;font-size:2.1rem;font-weight:700;color:var(--ink)}
.bb-plan-price small{font-size:.9rem;font-weight:600;color:var(--slate)}
.bb-plan-tot{font-size:.85rem;color:var(--slate);margin:6px 0}
.bb-plan-ship{font-size:.78rem;font-weight:700;color:var(--steel-dk);margin-bottom:14px}
.bb-plan-ship.pay{color:var(--slate)}
.bb-plan ul{list-style:none;padding:0;margin:0 0 16px;text-align:left;font-size:.86rem;color:var(--slate)}
.bb-plan ul li{padding:5px 0;position:relative;padding-left:20px}
.bb-plan ul li::before{content:'\2713';position:absolute;left:0;color:var(--steel-dk);font-weight:800}
.bb-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.72rem;font-weight:700;padding:5px 16px;border-radius:999px;white-space:nowrap}
.bb-badge-steel{background:var(--ink)}
.bb-plan .cards{max-width:180px;margin:0 auto}

/* ---------- guarantee ---------- */
.bb-guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:34px}
@media(max-width:680px){.bb-guar{grid-template-columns:minmax(0,1fr);text-align:center}}
.bb-guar-badge img{max-width:180px}

/* ---------- ribbon list ---------- */
.bb-ribbon-list{display:flex;flex-direction:column;gap:16px}
.bb-ribbon{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:18px 20px}
.bb-ribbon-icon{font-size:1.5rem;flex:0 0 auto}
.bb-ribbon-body h4{margin-bottom:4px}
.bb-ribbon-body p{margin:0;font-size:.9rem}

/* ---------- timeline ---------- */
.bb-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:820px){.bb-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bb-tl-item{text-align:center}
.bb-tl-dot{width:36px;height:36px;border-radius:50%;background:var(--steel);color:#fff;display:flex;
  align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;margin:0 auto 12px}
.bb-tl-item h4{font-size:.95rem;margin-bottom:6px}
.bb-tl-item p{font-size:.85rem;color:var(--slate);margin:0}

/* ---------- compare ---------- */
.bb-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media(max-width:700px){.bb-compare{grid-template-columns:minmax(0,1fr)}}
.bb-compare .a,.bb-compare .b{border-radius:12px;padding:24px}
.bb-compare .a{background:#fff;border:1px solid var(--line)}
.bb-compare .b{background:var(--ink);color:#fff}
.bb-compare .b h4{color:#fff}
.bb-compare ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.bb-compare ul li{padding:6px 0}
.bb-compare .a ul li{color:var(--slate)}
.bb-compare .b ul li{color:#C9DEDC}

/* ---------- steps ---------- */
.bb-steps{display:flex;flex-direction:column;gap:18px}
.bb-step-row{display:flex;gap:18px;align-items:flex-start}
.bb-step-row .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--steel);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700}
.bb-step-row h4{margin-bottom:4px;color:#fff}
.bb-step-row p{margin:0;color:#C9DEDC;font-size:.9rem}

/* ---------- FAQ ---------- */
.bb-faq-row{border-bottom:1px solid var(--line)}
.bb-faq-btn{width:100%;text-align:left;background:none;border:0;padding:18px 0;font-family:'Syne',sans-serif;
  font-weight:700;font-size:1rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.bb-faq-btn::after{content:'+';font-size:1.3rem;color:var(--steel-dk)}
.bb-faq-btn[aria-expanded="true"]::after{content:'\2212'}
.bb-faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.bb-faq-body p{padding-bottom:16px;color:var(--slate);margin:0}
.bb-faq-row.open .bb-faq-body{max-height:400px}

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

.bb-safety-list{list-style:none;margin:0;padding:0}
.bb-safety-list li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--steel);
  border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:14px;font-size:.93rem;color:var(--slate);line-height:1.6}
.bb-safety-list li b{color:var(--ink)}

/* ---------- final CTA ---------- */
.bb-final{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);border-radius:14px;
  padding:52px 30px;text-align:center}
.bb-final h2{color:#fff}
.bb-final p{color:#C9DEDC;max-width:520px;margin:0 auto 22px}
.bb-final img{max-width:200px;margin:0 auto 18px}
.bb-final .old{color:#8FA8A5;text-decoration:line-through;font-size:.9rem}
.bb-final .new{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:700;color:var(--sage);margin-bottom:18px}
.bb-final .sm{font-size:.82rem;color:#9FC9C4;margin-top:14px}

/* ---------- related / bonus / ingredients ---------- */
.bb-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:820px){.bb-rel{grid-template-columns:minmax(0,1fr)}}
.bb-rel a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:block}
.bb-rel a b{display:block;color:var(--ink);margin-bottom:6px;font-family:'Syne',sans-serif}
.bb-rel a span{font-size:.85rem;color:var(--slate)}

.bb-bonus-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;position:relative}
.bb-bonus-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:999px}
.bb-bonus-card img{max-width:120px;margin:14px auto 12px;border-radius:6px}
.bb-bonus-card h4{font-size:.95rem;margin-bottom:6px}
.bb-bonus-card p{font-size:.82rem;margin:0}

.bb-ing-grid{display:grid;gap:20px}
.bb-ing-cat{font-size:.76rem;color:var(--slate);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.bb-ing-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bb-ing-top{height:6px}
.bb-ing-body{padding:20px}
.bb-ing-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bb-ing-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.bb-ing-name{margin:0;font-size:.98rem}
.bb-ing-body p{font-size:.87rem;margin:0}

/* ---------- article/legal pages ---------- */
.bb-article h2{margin-top:1.6em}
.bb-article p{color:var(--slate)}
.bb-article .lead{font-size:1.1rem;color:var(--ink);font-weight:500}
.bb-alert{background:var(--sand);border-left:4px solid var(--steel);border-radius:0 8px 8px 0;padding:18px 22px;
  color:var(--slate);margin-bottom:22px}
.bb-callout{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:18px 0}
.bb-meta{font-size:.85rem;color:var(--slate);margin-bottom:22px}

.bb-crumb{font-size:.85rem;color:var(--slate);padding:16px 0}
.bb-crumb a{color:var(--steel-dk);font-weight:600}
.bb-crumb i{margin:0 6px;font-style:normal;opacity:.5}

/* ---------- blog hub ---------- */
.bb-bhero{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);color:#fff;padding:44px 0 34px;text-align:center}
.bb-bhero .lede{color:#C9DEDC;max-width:540px;margin:14px auto 0}
.bb-bhero-meta{margin-top:16px;font-size:.85rem;color:var(--sage)}
.bb-bhero-meta span{margin:0 10px}
.bb-bsection-ttl{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:16px}
.bb-bgroup{margin-bottom:10px}
.bb-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:999px}
.bb-faq{border-top:1px solid var(--line)}
.bb-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:820px){.bb-bgrid{grid-template-columns:minmax(0,1fr)}}
.bb-bcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:block}
.bb-bcard-head .tag{font-size:.7rem;font-weight:700;color:var(--steel-dk);text-transform:uppercase;letter-spacing:.08em}
.bb-bcard-head h3{font-size:1.05rem;margin:8px 0 10px}
.bb-bcard-body p{font-size:.88rem;margin:0 0 10px}
.bb-bcard-body .read{font-size:.85rem;font-weight:700;color:var(--steel-dk)}

/* ---------- footer ---------- */
.bb-foot{background:var(--ink-dk);color:#9FC9C4;padding:50px 0 26px;font-size:.85rem}
.bb-foot-nav,.bb-foot-legal{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.bb-foot-nav a,.bb-foot-legal a{color:#C9DEDC}
.bb-foot hr{border-color:rgba(255,255,255,.12);margin:20px 0}
.bb-foot p{color:#8FA8A5;font-size:.8rem}
.bb-foot .cr{color:#75908D;font-size:.78rem;margin-top:16px}

/* ---------- sticky bar ---------- */
.bb-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:12px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;z-index:60}
.bb-sticky .t b{display:block;color:var(--ink);font-family:'Syne',sans-serif}
.bb-sticky .t small{color:var(--slate);font-size:.78rem}
@media(min-width:920px){.bb-sticky{display:none}}
body{padding-bottom:70px}
@media(min-width:920px){body{padding-bottom:0}}