/* ---- self-hosted fonts (variable, latin subset) ---- */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/playfair-display-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-italic.woff2) format("woff2")}

/* ============ RIDGEPROOF — Himalayan Shilajit Gold Gummies ============
   Layout: editorial DTC, alternating bone / matte-black bands, full-bleed
   photography, fine gold hairlines, Playfair display + Hanken Grotesk body.
   Single committed brand world (matte black + gold + oxblood/gummy red). */
:root{
  /* color */
  --bg:#f3efe7;            /* bone, low-chroma warm white (not cream-saturated) */
  --surface:#ffffff;       /* raised / product tiles so cutouts blend */
  --bg-2:#ece7dc;          /* secondary band */
  --jet:#14120e;           /* matte warm black (brand surface) */
  --jet-2:#1d1a14;
  --ink:#1a1813;           /* near-black text */
  --ink-soft:#575149;      /* muted text, ≥4.5:1 on bg */
  --ink-faint:#8a8277;
  --gold:#b88a3e;          /* brand gold — rules/accents on light */
  --gold-bright:#d9b062;   /* gold text on dark */
  --gold-soft:#e8d9b6;
  --oxblood:#8a2b22;       /* gummy red — primary action / energy accent */
  --oxblood-deep:#6f2019;
  --line:#ddd4c4;          /* hairline on light */
  --line-dk:rgba(226,208,164,.18); /* hairline on dark */
  --on-jet:#efe9dd;        /* text on black */
  --on-jet-soft:#b7af9f;

  /* type */
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  /* scale */
  --maxw:1180px;
  --gut:max(20px,env(safe-area-inset-left,0px));
  --gutr:max(20px,env(safe-area-inset-right,0px));
  --radius:7px;
  color-scheme:light;

  /* z */
  --z-sticky:40; --z-header:50; --z-barmobile:60; --z-modal:80;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-weight:380;letter-spacing:.002em;overflow-x:hidden;
}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:-.012em;text-wrap:balance;line-height:1.08}
p{margin:0}
a{color:inherit}
strong{font-weight:620}
::selection{background:var(--gold-soft);color:var(--ink)}

/* ---------- shared layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
.band{padding-block:clamp(56px,8vw,104px)}
.band--tight{padding-block:clamp(40px,6vw,72px)}
.band--jet{background:var(--jet);color:var(--on-jet)}
.band--jet h1,.band--jet h2,.band--jet h3{color:var(--on-jet)}
.band--alt{background:var(--bg-2)}
.eyebrow{font-family:var(--sans);font-weight:650;font-size:12.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--oxblood)}
.band--jet .eyebrow{color:var(--gold-bright)}
.lede{font-size:clamp(17px,2vw,19px);color:var(--ink-soft);line-height:1.62;max-width:60ch}
.band--jet .lede{color:#cfc7b6}
.kicker-rule{display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--sans);font-weight:650;font-size:15.5px;letter-spacing:.01em;
  padding:16px 30px;border-radius:var(--radius);border:1px solid transparent;
  cursor:pointer;text-decoration:none;transition:transform .5s cubic-bezier(.19,1,.22,1),background .25s,box-shadow .25s;
  line-height:1;white-space:nowrap;
}
.btn--primary{background:var(--oxblood);color:#fbf4ec;box-shadow:0 1px 0 var(--oxblood-deep)}
.btn--primary:hover{background:var(--oxblood-deep)}
.btn--dark{background:var(--ink);color:var(--bg)}
.btn--dark:hover{background:#000}
.btn--gold{background:var(--gold-bright);color:#1a1510}
.btn--gold:hover{background:#e6c074}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.band--jet .btn--ghost{border-color:var(--line-dk);color:var(--on-jet)}
.btn--lg{padding:18px 38px;font-size:16.5px}
.btn:active{transform:translateY(1px)}
.btn--block{width:100%}

.arrow{font-size:1.05em;line-height:0;transition:transform .45s cubic-bezier(.19,1,.22,1)}
.btn:hover .arrow{transform:translateX(4px)}

/* ---------- stars ---------- */
.stars{color:var(--gold);letter-spacing:2px;font-size:14px}
.rate{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-soft)}
.band--jet .rate{color:#c9c1b1}
.ph{color:var(--ink-faint);font-style:normal}

/* ===================================================================
   HEADER
   =================================================================== */
#top{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-header);
  background:rgba(243,239,231,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);transition:box-shadow .3s}
#top.scrolled{box-shadow:0 6px 24px -18px rgba(0,0,0,.4)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);
  background:var(--bg);z-index:var(--z-header)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;max-width:var(--maxw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
.brand{font-family:var(--sans);font-weight:800;font-size:19px;letter-spacing:.24em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:12px}
.brand img{width:32px;height:32px;border-radius:50%;flex:0 0 auto;letter-spacing:normal}
.brand b{color:var(--oxblood);font-weight:800}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:14.5px;font-weight:520;color:var(--ink-soft);text-decoration:none;letter-spacing:.01em;transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-cta{font-size:14.5px;font-weight:650;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.nav-cta .dot{width:7px;height:7px;border-radius:50%;background:var(--oxblood);display:inline-block}
@media(max-width:860px){.nav-links{display:none}}

/* announcement */
.ann{background:var(--jet);color:var(--gold-soft);font-size:12.5px;letter-spacing:.04em;text-align:center;padding:9px 16px;font-weight:450}
.ann b{color:var(--gold-bright);font-weight:650}
.ann .sep{opacity:.4;margin:0 12px}
@media(max-width:620px){.ann .sep{margin:0 7px}.ann{font-size:11.5px}}

/* ===================================================================
   HERO
   =================================================================== */
.hero{position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:center;
  padding-block:clamp(40px,5vw,72px)}
.hero-copy .eyebrow{display:block;margin-bottom:20px}
.hero h1{font-size:clamp(34px,5.2vw,62px);letter-spacing:-.022em;margin-bottom:22px}
.hero h1 em{font-style:italic;color:var(--oxblood);font-weight:600}
.hero .sub{font-size:clamp(16px,1.9vw,18.5px);color:var(--ink-soft);max-width:48ch;margin:0 0 26px;line-height:1.6}
.hero-claims{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.hero-claims li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink);font-weight:460}
.tick{flex:0 0 auto;width:21px;height:21px;margin-top:1px;border-radius:50%;background:var(--oxblood);color:#fff;display:grid;place-items:center;font-size:11px}
.hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.hero-rate{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.hero-rate .faces{display:flex}
.hero-rate .faces span{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;font-family:var(--sans)}
.hero-rate .faces span{overflow:hidden}.hero-rate .faces img{width:100%;height:100%;object-fit:cover;display:block}
.hero-rate .faces span:first-child{margin-left:0}
.hero-media{position:relative}
.car{position:relative}
.car-frame{position:relative}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  border-radius:10px;border:1px solid var(--line);background:var(--surface);box-shadow:0 40px 80px -46px rgba(30,20,8,.55)}
.car-track::-webkit-scrollbar{display:none}
.car-track:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.car-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1/1;background:var(--surface)}
.car-slide img{display:block;width:100%;height:100%;object-fit:cover}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(20,18,14,.72);color:#f3efe7;display:grid;place-items:center;transition:background .2s,opacity .2s}
.car-btn:hover{background:rgba(20,18,14,.92)}
.car-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
.car-btn.prev{left:10px}.car-btn.next{right:10px}
.car-btn[disabled]{opacity:0;pointer-events:none}
.car-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:11px}
.car-th{padding:0;border:1.5px solid var(--line);border-radius:7px;overflow:hidden;cursor:pointer;background:var(--surface);aspect-ratio:1/1;opacity:.72;transition:opacity .2s,border-color .2s}
.car-th img{display:block;width:100%;height:100%;object-fit:cover}
.car-th:hover{opacity:1}
.car-th.on{opacity:1;border-color:var(--oxblood)}
.car-th:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.hero-badge{transition:opacity .25s}
.car:not([data-i="0"]) .hero-badge{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.car-track{scroll-behavior:auto}}
.hero-badge{position:absolute;left:12px;bottom:12px;background:rgba(20,18,14,.86);color:var(--gold-soft);
  border-radius:8px;padding:8px 12px;max-width:none;display:flex;align-items:baseline;gap:8px}
.hero-badge .n{font-family:var(--serif);font-size:18px;color:var(--gold-bright);line-height:1}
.hero-badge .t{font-size:11px;color:#cdc4b2;line-height:1.2;letter-spacing:.02em}
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-media{order:-1;max-width:460px;margin:0 auto}
}

/* ---- photo slots (placeholders waiting for real photos) ---- */
.frame.photo-slot{display:grid;place-items:center;background:var(--bg-2);border:1.5px dashed #b9ac93;box-shadow:none}
.band--jet .frame.photo-slot{background:rgba(243,239,231,.05);border-color:rgba(243,239,231,.28);box-shadow:none}
.slot-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:clamp(18px,4vw,36px);max-width:34ch}
.slot-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--oxblood);border:1px solid var(--line)}
.slot-in b{font-family:var(--serif);font-weight:500;font-size:clamp(18px,2.2vw,22px);color:var(--ink);line-height:1.2}
.slot-want{font-size:14px;color:var(--ink-soft);line-height:1.5}
.slot-note{font-size:12.5px;color:var(--ink-faint);line-height:1.45}
.band--jet .slot-in b{color:#f3efe7}.band--jet .slot-want{color:#d6cebd}.band--jet .slot-note{color:#a79e8c}
.band--jet .slot-ic{background:rgba(243,239,231,.08);border-color:rgba(243,239,231,.2);color:var(--gold-bright)}
.labdoc-wrap{max-width:880px;margin:clamp(30px,4vw,48px) auto 0}
.labdoc{margin:0}
.labdoc-img{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:clamp(10px,2vw,18px);box-shadow:0 30px 60px -44px rgba(30,20,8,.5)}
.labdoc-img img{display:block;width:100%;height:auto}
.labdoc figcaption{font-size:13px;color:var(--ink-soft);line-height:1.5;margin-top:12px}
.labdoc figcaption b{color:var(--ink);font-weight:650}
/* generic media frame */
.frame{border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 30px 60px -44px rgba(30,20,8,.5)}
.band--jet .frame{border-color:var(--line-dk);box-shadow:0 36px 70px -40px rgba(0,0,0,.7)}
.frame img{width:100%;height:100%;object-fit:cover}

/* ---------- trust strip ---------- */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
.trust-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 30px;padding-block:22px}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:560;color:var(--ink-soft);letter-spacing:.01em}
.trust-item svg{flex:0 0 auto;color:var(--gold)}
.trust-item.dup{display:none}
@media(max-width:720px){
.trust{position:relative;overflow:hidden}
.trust::before,.trust::after{content:"";position:absolute;top:0;bottom:0;width:26px;z-index:1;pointer-events:none}
.trust::before{left:0;background:linear-gradient(90deg,var(--bg-2),rgba(0,0,0,0))}
.trust::after{right:0;background:linear-gradient(270deg,var(--bg-2),rgba(0,0,0,0))}
.trust .wrap{padding-inline:0;max-width:none}
.trust-row{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;padding-block:15px;animation:trustTick 14s linear infinite}
.trust-item,.trust-item.dup{display:flex;flex:0 0 auto;white-space:nowrap;font-size:12.5px;gap:8px;padding-right:30px}
.trust-item svg{width:17px;height:17px}
}
@keyframes trustTick{to{transform:translate3d(calc(var(--set,50%) * -1),0,0)}}
@media(prefers-reduced-motion:reduce){.trust-row{animation:none}.trust{overflow-x:auto}.trust-item.dup{display:none}}

/* ===================================================================
   SPLIT SECTIONS (image + copy)
   =================================================================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split--r .split-media{order:2}
.split h2{font-size:clamp(27px,3.8vw,44px);margin-bottom:20px}
.split h2 em{font-style:italic;color:var(--oxblood)}
.band--jet .split h2 em{color:var(--gold-bright)}
.split .eyebrow{display:block;margin-bottom:16px}
.split p+p{margin-top:16px}
.split-media{position:relative}
@media(max-width:800px){
  .split{grid-template-columns:1fr;gap:26px}
  .split--r .split-media,.split-media{order:-1}
}

/* mini list */
.mlist{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.mlist li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;line-height:1.5}
.mlist .mi{flex:0 0 auto;width:24px;height:24px;border-radius:6px;background:rgba(184,138,62,.14);
  color:var(--gold);display:grid;place-items:center;margin-top:1px}
.band--jet .mlist .mi{background:rgba(217,176,98,.16);color:var(--gold-bright)}

/* ===================================================================
   WHAT'S INSIDE / transparency
   =================================================================== */
.inside-head{text-align:center;max-width:62ch;margin:0 auto clamp(34px,4vw,52px)}
.inside-head h2{font-size:clamp(28px,4vw,46px);margin-bottom:18px}
.inside-head h2 em{font-style:italic;color:var(--oxblood)}
.inside-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,4vw,56px);align-items:center}
.purity{display:grid;gap:18px}
.purity-item{display:flex;gap:15px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.purity-item:last-child{border-bottom:0;padding-bottom:0}
.purity-item .pi{flex:0 0 auto;width:38px;height:38px;border-radius:9px;background:var(--jet);color:var(--gold-bright);display:grid;place-items:center}
.purity-item h4{font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:0;margin-bottom:4px;color:var(--ink)}
.purity-item p{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
@media(max-width:800px){.inside-wrap{grid-template-columns:1fr}}

/* ===================================================================
   INGREDIENTS
   =================================================================== */
.ing-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,48px)}
.ing-head h2{font-size:clamp(28px,4vw,46px);max-width:16ch}
.ing-head h2 em{font-style:italic;color:var(--gold-bright)}
.ing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dk);border:1px solid var(--line-dk);border-radius:10px;overflow:hidden}
.ing{background:var(--jet);padding:30px 24px;display:flex;flex-direction:column;gap:12px;min-height:270px}
.ing .num{font-family:var(--serif);font-size:15px;color:var(--gold-bright);font-style:italic}
.ing .ing-img{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;margin-bottom:4px;
  background:radial-gradient(circle at 50% 50%,rgba(217,176,98,.16),rgba(217,176,98,0) 68%)}
.ing .ing-img img{max-width:84%;max-height:84%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.ing h3{font-family:var(--sans);font-weight:720;font-size:19px;letter-spacing:-.005em;color:var(--on-jet)}
.ing .role{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:-6px}
.ing p{font-size:14px;color:#c3bbab;line-height:1.55}
.ing .dose{margin-top:auto;font-size:12.5px;color:#8f8674;border-top:1px solid var(--line-dk);padding-top:12px}
.ing .dose b{color:var(--gold-soft);font-weight:600}
@media(max-width:860px){.ing-grid{grid-template-columns:repeat(2,1fr)}.ing{min-height:0}}
@media(max-width:460px){.ing-grid{grid-template-columns:1fr}}

/* ===================================================================
   BENEFITS
   =================================================================== */
.ben-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center}
.ben-list{display:grid;gap:4px}
.ben h2{font-size:clamp(27px,3.8vw,44px);margin-bottom:10px}
.ben h2 em{font-style:italic;color:var(--oxblood)}
.ben .intro{color:var(--ink-soft);margin-bottom:26px;max-width:46ch}
.ben-item{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)}
.ben-item:last-child{border-bottom:1px solid var(--line)}
.ben-item .bi{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);
  color:var(--oxblood);display:grid;place-items:center}
.ben-item h4{font-family:var(--sans);font-weight:700;font-size:16.5px;margin-bottom:3px}
.ben-item p{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
@media(max-width:800px){.ben-grid{grid-template-columns:1fr}.ben-media{max-width:380px}}

/* ===================================================================
   TIMELINE (honest expectations)
   =================================================================== */
.tl-head{text-align:center;max-width:60ch;margin:0 auto clamp(36px,4vw,54px)}
.tl-head h2{font-size:clamp(28px,4vw,46px);margin-bottom:16px;color:var(--on-jet)}
.tl-head h2 em{font-style:italic;color:var(--gold-bright)}
.tl{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.tl-col{padding:30px 26px;position:relative;border-right:1px solid var(--line-dk)}
.tl-col:last-child{border-right:0}
.tl-col .wk{font-family:var(--serif);font-size:13px;font-style:italic;color:var(--gold-bright);letter-spacing:.02em}
.tl-col .big{font-family:var(--serif);font-size:clamp(30px,4vw,42px);color:var(--on-jet);margin:6px 0 14px;line-height:1}
.tl-col h4{font-family:var(--sans);font-weight:700;font-size:16px;color:var(--gold-soft);margin-bottom:9px}
.tl-col p{font-size:14px;color:#bcb4a3;line-height:1.55}
.tl-dot{position:absolute;top:-6px;left:26px;width:11px;height:11px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 4px var(--jet)}
.tl-rail{position:absolute;top:0;left:26px;right:26px;height:1px;background:var(--line-dk)}
.tl-note{text-align:center;margin-top:30px;font-size:14.5px;color:#a89f8d}
.tl-note b{color:var(--gold-soft);font-weight:600}
@media(max-width:760px){.tl{grid-template-columns:1fr}.tl-col{border-right:0;border-bottom:1px solid var(--line-dk)}.tl-col:last-child{border-bottom:0}.tl-rail{display:none}.tl-dot{display:none}}

/* ===================================================================
   LIFESTYLE / "fits your day"
   =================================================================== */
.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(30px,4vw,46px)}
.life-card{border-radius:10px;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line);aspect-ratio:4/5}
.life-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.life-card .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 15px;
  background:linear-gradient(to top,rgba(16,13,8,.82),rgba(16,13,8,0));color:#fff}
.life-card .cap .t{font-family:var(--serif);font-size:17px;font-style:italic}
.life-card .cap .d{font-size:12.5px;color:#e4dcc9;margin-top:3px}
@media(max-width:760px){.life-grid{grid-template-columns:1fr 1fr}.life-card:last-child{grid-column:1/-1;aspect-ratio:16/9}}
@media(max-width:460px){.life-grid{grid-template-columns:1fr}.life-card:last-child{aspect-ratio:4/5}}

/* ===================================================================
   TRANSFORMATION / social proof visual
   =================================================================== */
.xform{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,60px);align-items:center}
.xform .frame img{aspect-ratio:1/1}
.xform h2{font-size:clamp(27px,3.8vw,42px);margin-bottom:18px}
.xform h2 em{font-style:italic;color:var(--oxblood)}
.quote-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px 24px;margin-top:22px}
.quote-card p{font-size:16px;line-height:1.55;color:var(--ink)}
.quote-card .who{display:flex;align-items:center;gap:11px;margin-top:16px}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.avatar{overflow:hidden;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;font-family:var(--sans);flex:0 0 auto}
.quote-card .who .nm{font-size:14px;font-weight:650}
.quote-card .who .mt{font-size:12.5px;color:var(--ink-faint)}
.vbadge{font-size:11px;color:#2f7d57;font-weight:650;display:inline-flex;align-items:center;gap:4px}
@media(max-width:800px){.xform{grid-template-columns:1fr}.xform .frame{max-width:440px}}

/* ===================================================================
   OFFER
   =================================================================== */
.offer-head{text-align:center;max-width:56ch;margin:0 auto clamp(30px,4vw,44px)}
.offer-head h2{font-size:clamp(29px,4.2vw,48px);margin-bottom:16px}
.offer-head h2 em{font-style:italic;color:var(--oxblood)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:26px 24px 24px;
  display:flex;flex-direction:column;position:relative;cursor:pointer;transition:border-color .25s,box-shadow .35s,transform .35s}
.plan .btn--ghost{border-color:var(--line);color:var(--ink)}
.plan .pname{color:var(--ink)}
.plan:hover{box-shadow:0 26px 50px -36px rgba(30,20,8,.45)}
.plan.sel{border-color:var(--oxblood);box-shadow:0 30px 56px -34px rgba(138,43,34,.45)}
.plan.feat{border-color:var(--gold);transform:translateY(-6px)}
.plan.feat.sel{border-color:var(--oxblood)}
.plan .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--jet);color:var(--gold-bright);
  font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;padding:6px 15px;border-radius:999px;white-space:nowrap}
.plan .pname{font-family:var(--serif);font-size:21px;margin-bottom:3px}
.plan .pjars{font-size:13px;color:var(--ink-faint);font-weight:550;letter-spacing:.02em;margin-bottom:18px}
.plan .pimg{min-height:168px;display:grid;place-items:center;margin-bottom:16px}
.plan .pimg img{height:168px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(30,20,8,.28))}
.plan .price{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
.plan .price .amt{font-family:var(--serif);font-size:38px;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.plan .price .per{font-size:13px;color:var(--ink-soft)}
.plan .perjar{font-size:13px;color:var(--oxblood);font-weight:650;margin-bottom:16px;font-variant-numeric:tabular-nums}
.plan .feats{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}
.plan .feats li{display:flex;gap:9px;font-size:13.5px;color:var(--ink-soft);line-height:1.4;align-items:flex-start}
.plan .feats li svg{flex:0 0 auto;margin-top:2px;color:var(--gold)}
.plan .feats li b{color:var(--ink);font-weight:620}
.plan .choose{margin-top:auto}
.plan .radio{position:absolute;top:22px;right:22px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);transition:.2s}
.plan.sel .radio{border-color:var(--oxblood);background:var(--oxblood);box-shadow:inset 0 0 0 3.5px var(--surface)}
@media(max-width:860px){
  .plans{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .plan.feat{transform:none;order:-1}
}
/* ---- prepaid subscription ---- */
.or-rule{display:flex;align-items:center;gap:16px;max-width:760px;margin:clamp(40px,5vw,60px) auto clamp(22px,3vw,30px);color:#a79e8c;font-size:13px;letter-spacing:.05em}
.or-rule::before,.or-rule::after{content:"";flex:1;height:1px;background:rgba(243,239,231,.16)}
.sub{max-width:900px;margin:0 auto}
.sub-head{text-align:center;margin-bottom:22px}
.sub-head h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3vw,34px);line-height:1.15;color:#f3efe7;margin-bottom:10px;text-wrap:balance}
.sub-head p{color:#cfc7b6;max-width:50ch;margin:0 auto;font-size:15px}
.sub-card{background:var(--surface);color:var(--ink);border:1px solid var(--gold);border-radius:13px;padding:clamp(16px,3vw,30px)}
.msel{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:clamp(18px,3vw,26px)}
.msel button{position:relative;border:0;background:transparent;border-radius:9px;cursor:pointer;font-family:var(--sans);color:var(--ink-soft);
  display:flex;align-items:baseline;justify-content:center;gap:6px;padding:15px 8px 13px;transition:background .25s,color .25s}
.msel button b{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;color:inherit;font-variant-numeric:tabular-nums}
.msel button span{font-size:13.5px;font-weight:600}
.msel button:hover{background:rgba(20,18,14,.05)}
.msel button.on{background:var(--oxblood);color:#fff}
.msel button i{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap;
  background:var(--gold-bright);color:#1a1510;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.msel button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sub-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"img price" "img feats" "img cta";gap:18px clamp(24px,4vw,48px);align-items:center}
.s-img{grid-area:img;display:grid;place-items:center}
.s-img img{height:230px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(30,20,8,.28))}
.s-price{grid-area:price}
.s-feats{grid-area:feats;margin:0}
.s-cta{grid-area:cta}
.s-amt{display:flex;align-items:baseline;gap:9px}
.s-amt #sAmt{font-family:var(--serif);font-size:clamp(40px,5vw,50px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.s-amt .per{font-size:13.5px;color:var(--ink-soft)}
.s-pj{font-size:15px;font-weight:600;color:var(--ink);margin-top:8px;font-variant-numeric:tabular-nums}
.s-save{font-size:14px;font-weight:650;color:var(--oxblood);margin-top:4px}
.sub-card .feats{list-style:none;padding:0;display:grid;gap:11px}
.sub-card .feats li{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.4;align-items:flex-start}
.sub-card .feats li svg{flex:0 0 auto;margin-top:2px;color:var(--gold)}
.offer-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;margin-top:30px;font-size:13px;color:#b8b0a0}
.offer-foot span{display:inline-flex;align-items:center;gap:7px}
.offer-foot svg{color:var(--gold)}

/* included / objection map */
.incl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(34px,4vw,50px)}
.incl-card{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:22px 20px}
.incl-card .ic{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--oxblood);margin-bottom:14px}
.incl-card h4{font-family:var(--sans);font-weight:720;font-size:15.5px;margin-bottom:6px}
.incl-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.5}
@media(max-width:860px){.incl{grid-template-columns:1fr 1fr}.incl-card:last-child{grid-column:1/-1}}
@media(max-width:480px){.incl{grid-template-columns:1fr}.incl-card:last-child{grid-column:auto}}

/* ===================================================================
   GUARANTEE
   =================================================================== */
.guar{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,46px);align-items:center}
.seal{width:132px;height:132px;flex:0 0 auto;border-radius:50%;background:var(--jet);color:var(--gold-bright);
  display:grid;place-items:center;text-align:center;border:2px solid var(--gold);position:relative}
.seal .n{font-family:var(--serif);font-size:38px;line-height:.9}
.seal .d{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:3px;color:var(--gold-soft)}
.guar h2{font-size:clamp(25px,3.4vw,38px);margin-bottom:14px}
.guar h2 em{font-style:italic;color:var(--oxblood)}
.guar p{color:var(--ink-soft);max-width:60ch}
@media(max-width:620px){.guar{grid-template-columns:1fr;text-align:center}.seal{margin:0 auto}.guar p{margin:0 auto}}

/* ===================================================================
   REVIEWS grid
   =================================================================== */
.rev-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px;margin-bottom:clamp(28px,3.5vw,42px)}
.rev-head h2{font-size:clamp(27px,3.8vw,42px)}
.rev-head h2 em{font-style:italic;color:var(--oxblood)}
.rev-score{text-align:right}
.rev-score .big{font-family:var(--serif);font-size:40px;line-height:1;color:var(--ink)}
.rev-score .sm{font-size:12.5px;color:var(--ink-soft)}
.reviews{columns:3;column-gap:18px}
.review{break-inside:avoid;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:21px 21px;margin-bottom:18px}
.review .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.review .stars{font-size:13px}
.review h4{font-family:var(--sans);font-weight:720;font-size:15px;margin-bottom:7px}
.review p{font-size:14px;color:var(--ink-soft);line-height:1.55}
.review .who{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.review .who .nm{font-size:13px;font-weight:650;color:var(--ink)}
.review .who .mt{font-size:11.5px;color:var(--ink-faint)}
@media(max-width:860px){.reviews{columns:2}}
@media(max-width:560px){.reviews{columns:1}}

/* ===================================================================
   COMPARISON
   =================================================================== */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:620px;font-size:14.5px}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line-dk)}
.cmp thead th{font-family:var(--sans);font-weight:600;font-size:13px;color:#b7af9f;letter-spacing:.02em;vertical-align:bottom}
.cmp thead th.us{color:var(--gold-bright)}
.cmp .us{background:rgba(217,176,98,.06)}
.cmp tbody th{font-family:var(--sans);font-weight:600;color:#cfc7b6;font-size:14px}
.cmp td{color:#b1a994}
.cmp td.us{color:var(--on-jet);font-weight:560}
.cmp .yes{color:var(--gold-bright)}
.cmp .no{color:#8a8274}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th.us,.cmp td.us{border-left:1px solid var(--line-dk);border-right:1px solid var(--line-dk)}
.cmp tbody tr:last-child td.us{border-bottom:1px solid var(--line-dk)}

/* ===================================================================
   FAQ
   =================================================================== */
.faq{max-width:780px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:transparent;border:0;cursor:pointer;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:22px 4px;font-family:var(--serif);font-size:clamp(17px,2.2vw,20px);font-weight:600;color:var(--ink)}
.faq-q .pm{flex:0 0 auto;width:26px;height:26px;position:relative}
.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;background:var(--oxblood);transition:transform .35s cubic-bezier(.19,1,.22,1)}
.faq-q .pm::before{top:12px;left:4px;right:4px;height:2px}
.faq-q .pm::after{left:12px;top:4px;bottom:4px;width:2px}
.faq-item.open .pm::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.faq-a .inner{padding:0 4px 24px;font-size:15px;color:var(--ink-soft);line-height:1.62;max-width:68ch}
.faq-a .inner a{color:var(--oxblood);text-decoration:underline;text-underline-offset:2px}

/* ===================================================================
   FINAL CTA
   =================================================================== */
.final{position:relative;overflow:hidden;background:var(--jet)}
.final-bg{position:absolute;inset:0;opacity:.3}
.final-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2)}
.final::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,8,.96),rgba(16,13,8,.74))}
.final .wrap{position:relative;z-index:2;text-align:center;padding-block:clamp(60px,8vw,110px)}
.final h2{font-size:clamp(30px,5vw,58px);color:var(--on-jet);margin-bottom:20px;max-width:18ch;margin-inline:auto}
.final h2 em{font-style:italic;color:var(--gold-bright)}
.final p{color:#c9c1b1;max-width:52ch;margin:0 auto 32px;font-size:17px}
.final .hero-ctas{justify-content:center}
.final .mini{margin-top:20px;font-size:13px;color:#a79e8c;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* ===================================================================
   FOOTER
   =================================================================== */
footer{background:#100d08;color:#9a927f;padding-block:clamp(40px,5vw,60px) 30px;font-size:13.5px}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-bottom:34px;border-bottom:1px solid var(--line-dk)}
.foot-brand .brand{color:#efe9dd;display:inline-flex;margin-bottom:14px}
.foot-brand p{max-width:40ch;line-height:1.6;color:#8f8775}
.foot-col h5{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 14px;font-weight:650}
.foot-col a{display:block;color:#a79e8c;text-decoration:none;margin-bottom:9px;transition:color .2s}
.foot-col a:hover{color:#efe9dd}
.disclaimer{padding-top:26px;font-size:12px;line-height:1.6;color:#7c7462;max-width:92ch}
.disclaimer p+p{margin-top:10px}
.foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:12px;color:#6f6855}
.foot-legal a{color:inherit;text-decoration:none;display:inline-block;padding:6px 2px}
.foot-legal a:hover{color:#efe9dd;text-decoration:underline}
@media(max-width:720px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media(max-width:460px){.foot-top{grid-template-columns:1fr}}

/* ---------- mobile sticky CTA ---------- */
#mbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-barmobile);
  background:rgba(243,239,231,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--line);padding:7px var(--gutr) calc(7px + env(safe-area-inset-bottom,0px)) var(--gut);
  display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .5s cubic-bezier(.19,1,.22,1)}
#mbar.show{transform:translateY(0)}
#mbar .mb-price{flex:1;min-width:0}
#mbar .mb-price .l{font-size:10.5px;color:var(--ink-faint);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mbar .mb-price .v{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
#mbar .btn{padding:9px 16px;font-size:13.5px;border-radius:8px}
@media(max-width:860px){#mbar{display:flex}}

/* ============ MOBILE DENSITY + HORIZONTAL SCROLLERS ============ */
@media(max-width:700px){
  .band{padding-block:44px}
  .band--tight{padding-block:30px}
  .inside-head,.offer-head,.tl-head{margin-bottom:26px}
  .ing-head{margin-bottom:24px}

  /* shared scroller behaviour */
  .plans,.reviews,.life-grid,.tl{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .plans::-webkit-scrollbar,.reviews::-webkit-scrollbar,.life-grid::-webkit-scrollbar,.tl::-webkit-scrollbar{display:none}

  /* OFFER plans -> horizontal swipe */
  .plans{display:flex;gap:13px;overflow-x:auto;max-width:none;margin:0;padding:18px 2px 10px;scroll-padding-left:2px}
  .plan{flex:0 0 85%;scroll-snap-align:start;padding:22px 20px 20px}
  .plan.feat{transform:none;order:0}
  .plan .pimg{min-height:138px}
  .plan .pimg img{height:138px}

  /* SUBSCRIPTION -> clean, single column */
  .or-rule{margin:30px auto 18px}
  .sub-head{margin-bottom:16px}
  .sub-head p{font-size:14px}
  .sub-card{padding:16px 16px 18px}
  .msel{margin-bottom:20px}
  .msel button{padding:13px 4px 11px;gap:5px}
  .msel button b{font-size:24px}
  .sub-body{grid-template-columns:84px 1fr;grid-template-areas:"img price" "feats feats" "cta cta";gap:18px 14px;align-items:center}
  .s-img img{height:112px}
  .s-amt #sAmt{font-size:36px}
  .s-pj{font-size:14px;margin-top:6px}
  .s-save{font-size:13px}
  .sub-card .feats{gap:10px}
  .sub-card .feats li{font-size:13.5px}

  /* EYEBROWS -> single line */
  .eyebrow{font-size:11px;letter-spacing:.1em}
  .kicker-rule{width:20px;margin-right:9px}

  /* REVIEWS -> horizontal swipe */
  .reviews{columns:auto;display:flex;gap:13px;overflow-x:auto;padding:2px 2px 10px;scroll-padding-left:2px}
  .review{flex:0 0 82%;margin-bottom:0;scroll-snap-align:start}
  .rev-head{margin-bottom:20px}

  /* LIFESTYLE -> horizontal swipe */
  .life-grid{display:flex;gap:13px;overflow-x:auto;padding:2px 2px 8px;scroll-padding-left:2px;margin-top:22px}
  .life-card{flex:0 0 74%;scroll-snap-align:start;aspect-ratio:4/5}
  .life-card:last-child{grid-column:auto;aspect-ratio:4/5}

  /* TIMELINE -> horizontal swipe (weeks read left→right) */
  .tl{display:flex;gap:0;overflow-x:auto;padding-bottom:10px}
  .tl-rail,.tl-dot{display:none}
  .tl-col{flex:0 0 80%;scroll-snap-align:start;border-right:1px solid var(--line-dk);border-bottom:0;padding:24px 22px}
  .tl-col:last-child{border-right:0}

  /* INGREDIENTS -> 2x2, all four visible at once */
  .ing-grid{grid-template-columns:1fr 1fr}
  .ing{padding:20px 15px;min-height:0;gap:8px}
  .ing .ing-img{width:68px;height:68px;margin-bottom:0}
  .ing h3{font-size:16px}
  .ing .role{font-size:11px}
  .ing p{font-size:12.5px}
  .ing .dose{padding-top:10px;font-size:11.5px}

  /* INCLUDED / objections -> 2x2 */
  .incl{grid-template-columns:1fr 1fr;gap:11px}
  .incl-card:last-child{grid-column:1/-1}
  .incl-card{padding:15px 13px}
  .incl-card .ic{width:34px;height:34px;margin-bottom:9px}
  .incl-card h4{font-size:14px}
  .incl-card p{font-size:12px}

  /* tighten benefits rows */
  .ben-item{padding:14px 0;gap:14px}
  .ben-item .bi{width:36px;height:36px}

  /* COMPARISON -> full-width stacked cards (no horizontal scroll) */
  .cmp-wrap{overflow:visible}
  .cmp{min-width:0;width:100%;display:block;font-size:14px}
  .cmp thead{display:none}
  .cmp tbody{display:block}
  .cmp tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-dk);border-radius:11px;margin-bottom:10px;overflow:hidden;background:rgba(255,255,255,.02)}
  .cmp tbody th{grid-column:1/-1;display:block;background:none;color:#a79e8c;font-size:11.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;padding:13px 15px 0;border:0}
  .cmp tbody td{display:block;padding:10px 15px 13px;border:0;text-align:left;color:#cfc7b6;font-size:13.5px;line-height:1.35}
  .cmp tbody td::before{content:attr(data-col);display:block;margin-bottom:3px;color:#8f8777;font-weight:600;font-size:11.5px}
  .cmp tbody td.us{grid-column:1/-1;background:none;border:0;padding:6px 15px 12px;color:#f3efe7;font-size:17px;font-weight:650;line-height:1.3}
  .cmp tbody td.us::before{display:none}
  .cmp tbody td.us .yes{color:var(--gold-bright);font-weight:650}
  .cmp tbody td.us .yes::before{content:"\2713";display:inline-block;margin-right:8px;color:var(--gold-bright)}
  .cmp tbody td:not(.us){border-top:1px solid var(--line-dk)}
  .cmp tbody td:not(.us)+td:not(.us){border-left:1px solid var(--line-dk)}
  .cmp tbody td.no{color:#b1a994}
  .cmp tbody tr:last-child td.us{border-bottom:0}
}

/* reveal — resting state is ALWAYS visible; animation is a pure enhancement
   that only plays when .in is added, so headless/thumbnail renders never blank */
.io{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  @keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  .rise{animation:rise .8s cubic-bezier(.19,1,.22,1) both}
  .io.in{animation:rise .7s cubic-bezier(.19,1,.22,1) both}
}
:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px;border-radius:3px}

/* ---- mobile polish: touch behaviour, tap targets, sticky-bar clearance ---- */
a,button,[role="button"],summary{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
@media(max-width:860px){
  footer{padding-bottom:calc(30px + 72px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:700px){
  .foot-col a{padding:7px 0;margin-bottom:0}
  .nav-cta{min-height:44px;padding-inline:6px;margin-right:-6px}
  .brand{display:inline-flex;align-items:center;min-height:44px}
}