/* ===================================================================
   SODA STEEL — sodasteels.com
   Palette : ink #0D0D0F (near-black, from the label) | ink-dk #000000
             | steel(=bold red accent, from the label's "STEEL" text
             and red ribbon) #D91E2A | steel-dk #A8121C | sage(=lighter
             red highlight) #F04552 | stone #FAFAFA | sand #F0F0F0 |
             slate #3A3A40 | line #E2E2E5
   Type    : 'Saira Condensed' (a bold, aggressive condensed display)
             + 'Inter' (clean body) — a fresh pairing not reused
   Motif   : the steel gauge — a semi-circular performance dial with a
             needle sweeping from low to high and back, on a loop,
             behind the bottle, echoing the label's own "Maintain
             Energy" bolt icon and the infographic's "STAMINA LEVELS
             OVER 8 HOURS" performance-curve graphic; distinct from
             every other signature used across this project (a
             SWEEPING NEEDLE on an open semi-circular dial - not a
             static multi-arc ingredient dial, not power bars, not an
             EKG pulse line, not a lightning streak, not rising
             embers, not a scattered constellation, not a scan-line
             through viewfinder brackets, not a honeycomb shimmer
             grid, not a measuring tape arc, not a twin column
             colonnade)
   Layout  : STRUCTURALLY UNIQUE HERO — the bottle sits centered with
             the gauge dial arcing behind it in open space,
             object-fit:contain, never clipped or masked by the dial.
   Voice   : cautious, structure-function only - Soda Steel supports
             stamina, healthy muscle maintenance, and everyday energy
             as part of a healthy lifestyle and exercise routine.
             NEVER claims to treat, cure, or enhance any diagnosed
             medical condition, and NEVER makes explicit sexual-
             performance claims - the label's own framing (stamina,
             muscle, energy) is general male vitality/fitness
             positioning, not a sexual-enhancement product, and this
             build does not reframe it as one.
   HONESTY / SAFETY NOTE: the given competitor URL
             (sparklingpicks.com/sodastream-art-review.html) is a
             review of an unrelated SodaStream carbonation MACHINE,
             not this product - it was not used anywhere in this
             build. No ingredient is named anywhere on Soda Steel's
             own label or infographic (only vague category labels
             like "Aminos" and "Cognitive Factors," and an invented-
             sounding "Artificial Capillary System" graphic that is
             not a real physiological structure) - this build states
             that plainly rather than inventing a plausible ingredient
             list. Per this project's standing rule for undisclosed-
             formula men's energy/stamina/performance products
             (established on SodaPower), this build includes a
             prominent caution that the FDA maintains a public list of
             tainted sexual-enhancement and energy products found to
             contain hidden, undeclared drug ingredients, and
             recommends anyone on nitrates, blood-pressure medication,
             or with a heart condition talk to a doctor before trying
             an undisclosed-formula product in this category.
   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:#0D0D0F;
  --ink-dk:#000000;
  --steel:#D91E2A;
  --steel-dk:#A8121C;
  --sage:#F04552;
  --stone:#FAFAFA;
  --sand:#F0F0F0;
  --slate:#3A3A40;
  --line:#E2E2E5;
}

*{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:'Saira Condensed',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}
.ss-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ss-narrow{max-width:760px;margin:0 auto}
.ss-mid{text-align:center}

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

/* ---------- HERO : HONEYCOMB SHIMMER GRID — a grid of small hexagon cells softly shimmering in sequence, echoing the label's honeycomb pattern ---------- */
.ss-hero{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-dk) 100%);padding:54px 0 68px;overflow:hidden;position:relative}
.ss-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;
  position:relative;z-index:1}
.ss-hero-shot{order:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:260px}
.ss-gauge-svg{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:290px;height:290px;z-index:0}
.ss-gauge-track{fill:none;stroke:rgba(255,255,255,.14);stroke-width:10;stroke-linecap:round}
.ss-gauge-fill{fill:none;stroke:var(--steel);stroke-width:10;stroke-linecap:round;opacity:.85}
.ss-gauge-tick{stroke:rgba(255,255,255,.3);stroke-width:2}
.ss-gauge-needle{stroke:var(--sage);stroke-width:3;stroke-linecap:round;transform-origin:145px 145px;
  animation:ssGaugeSweep 3.6s ease-in-out infinite;filter:drop-shadow(0 0 5px var(--sage))}
.ss-gauge-hub{fill:var(--steel-dk)}
@keyframes ssGaugeSweep{0%,100%{transform:rotate(-95deg)}50%{transform:rotate(95deg)}}
@media(prefers-reduced-motion:reduce){.ss-gauge-needle{animation:none;transform:rotate(0deg)}}
.ss-hero-copy{order:2}
.ss-hero h1{color:#fff}
.ss-hero-shot img{max-width:min(215px,100%);width:100%;height:auto;object-fit:contain;margin:0 auto;
  position:relative;z-index:2;filter:drop-shadow(0 22px 34px rgba(217,30,42,.35))}
.ss-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}
.ss-hero h1 em{font-style:italic;color:var(--sage)}
.ss-lede{font-size:1.05rem;color:#E0C9CB;max-width:37em}

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

.ss-facts{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 22px;padding:0}
.ss-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}

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

.ss-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.ss-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}
.ss-figures b{display:block;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;line-height:1.1}
.ss-figures span{font-size:.68rem;font-weight:700;color:#D98C93;text-transform:uppercase;letter-spacing:.05em}

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

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

/* ---------- "the steel gauge" signature — a mini performance dial with a sweeping needle ---------- */
.ss-ascent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;
  box-shadow:0 8px 22px rgba(13,13,15,.14);text-align:center;max-width:260px;margin-left:auto;margin-right:auto}
.ss-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}
.ss-ascent svg{display:block;margin:0 auto;overflow:visible}
.ss-mini-track{fill:none;stroke:var(--line);stroke-width:5;stroke-linecap:round}
.ss-mini-fill{fill:none;stroke:var(--steel);stroke-width:5;stroke-linecap:round;opacity:.7}
.ss-mini-needle{stroke:var(--steel-dk);stroke-width:2;stroke-linecap:round;transform-origin:30px 30px;
  animation:ssMiniSweep 2.8s ease-in-out infinite}
.ss-ascent-cap{font-size:.68rem;font-weight:700;color:var(--slate);margin-top:8px}
@keyframes ssMiniSweep{0%,100%{transform:rotate(-90deg)}50%{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.ss-mini-needle{animation:none;transform:rotate(0deg)}}

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

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

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

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

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

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

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

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

/* ---------- guarantee ---------- */
.ss-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){.ss-guar{grid-template-columns:minmax(0,1fr);text-align:center}}
.ss-guar-badge img{max-width:180px}

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

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

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

/* ---------- steps ---------- */
.ss-steps{display:flex;flex-direction:column;gap:18px}
.ss-step-row{display:flex;gap:18px;align-items:flex-start}
.ss-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:'Saira Condensed',serif;font-weight:700}
.ss-step-row h4{margin-bottom:4px;color:#fff}
.ss-step-row p{margin:0;color:#E0C9CB;font-size:.9rem}

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

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

.ss-safety-list{list-style:none;margin:0;padding:0}
.ss-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}
.ss-safety-list li b{color:var(--ink)}

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

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

.ss-bonus-grid{display:grid;gap:18px}
.ss-bonus-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;position:relative}
.ss-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}
.ss-bonus-card img{max-width:120px;margin:14px auto 12px;border-radius:6px}
.ss-bonus-card h4{font-size:.95rem;margin-bottom:6px}
.ss-bonus-card p{font-size:.82rem;margin:0}

.ss-ing-grid{display:grid;gap:18px}
.ss-ing-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ss-ing-top{height:6px}
.ss-ing-body{padding:20px}
.ss-ing-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ss-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}
.ss-ing-name{margin:0;font-size:.98rem}
.ss-ing-body p{font-size:.87rem;margin:0}

/* ---------- article/legal pages ---------- */
.ss-article h2{margin-top:1.6em}
.ss-article p{color:var(--slate)}
.ss-article .lead{font-size:1.1rem;color:var(--ink);font-weight:500}
.ss-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}
.ss-callout{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:18px 0}
.ss-meta{font-size:.85rem;color:var(--slate);margin-bottom:22px}

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

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

/* ---------- footer ---------- */
.ss-foot{background:var(--ink-dk);color:#D98C93;padding:50px 0 26px;font-size:.85rem}
.ss-foot-nav,.ss-foot-legal{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.ss-foot-nav a,.ss-foot-legal a{color:#E0C9CB}
.ss-foot hr{border-color:rgba(255,255,255,.12);margin:20px 0}
.ss-foot p{color:#8C5F63;font-size:.8rem}
.ss-foot .cr{color:#5C3D40;font-size:.78rem;margin-top:16px}

/* ---------- sticky bar ---------- */
.ss-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}
.ss-sticky .t b{display:block;color:var(--ink);font-family:'Saira Condensed',serif}
.ss-sticky .t small{color:var(--slate);font-size:.78rem}
@media(min-width:920px){.ss-sticky{display:none}}
body{padding-bottom:70px}
@media(min-width:920px){body{padding-bottom:0}}