/* =========================================================
   JointsAid — jointsaaid.com
   Prefix: jtsd26  (unique per-build, do not reuse elsewhere)
   ========================================================= */

:root{
  --jtsd26-teal:#2CA399;
  --jtsd26-teal-dark:#157066;
  --jtsd26-teal-deep:#0E5A52;
  --jtsd26-accent:#FF8C42;
  --jtsd26-accent-dark:#E66F22;
  --jtsd26-ink:#13231F;
  --jtsd26-ink-soft:#3C5450;
  --jtsd26-panel-dark:#121C1C;
  --jtsd26-panel-dark-2:#182726;
  --jtsd26-bg:#F6FAF9;
  --jtsd26-bg-alt:#EAF4F2;
  --jtsd26-white:#FFFFFF;
  --jtsd26-border:#DCEAE7;
  --jtsd26-gold:#E3A008;
  --jtsd26-radius:16px;
  --jtsd26-radius-sm:10px;
  --jtsd26-shadow:0 10px 30px rgba(18,40,36,.08);
  --jtsd26-shadow-lg:0 20px 50px rgba(18,40,36,.14);
  --jtsd26-font: 'Jost', 'Segoe UI', Arial, Helvetica, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:90px; overflow-x:clip; max-width:100%;}
body{
  font-family:var(--jtsd26-font);
  color:var(--jtsd26-ink);
  background:var(--jtsd26-bg);
  font-size:18px;
  line-height:1.65;
  overflow-x:clip;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--jtsd26-teal-dark); text-decoration:none;}
a:hover{color:var(--jtsd26-accent-dark);}
h1,h2,h3,h4,h5{font-family:var(--jtsd26-font); font-weight:700; color:var(--jtsd26-ink); line-height:1.25;}
.jtsd26-h1{font-size:clamp(26px,4.5vw,32px); font-weight:800;}
.jtsd26-h2{font-size:clamp(23px,3.4vw,30px); font-weight:800;}
.jtsd26-h3{font-size:clamp(19px,2.6vw,22px); font-weight:700;}
.jtsd26-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--jtsd26-teal-dark); background:var(--jtsd26-bg-alt);
  padding:6px 14px; border-radius:999px; margin-bottom:14px;
}
.jtsd26-eyebrow i{color:var(--jtsd26-accent);}
.jtsd26-section{padding:64px 0;}
.jtsd26-section-alt{background:var(--jtsd26-white);}
.jtsd26-container{max-width:1180px; margin:0 auto; padding:0 20px;}
.jtsd26-lead{font-size:18px; color:var(--jtsd26-ink-soft);}

/* ---------- Buttons ---------- */
.jtsd26-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-weight:700; font-size:16px; padding:15px 30px; border-radius:999px;
  border:none; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  text-align:center;
}
.jtsd26-btn-primary{
  background:linear-gradient(135deg, var(--jtsd26-accent), var(--jtsd26-accent-dark));
  color:#fff; box-shadow:0 10px 24px rgba(255,140,66,.35);
}
.jtsd26-btn-primary:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(255,140,66,.45); color:#fff;}
.jtsd26-btn-outline{
  background:#fff; color:var(--jtsd26-teal-dark); border:2px solid var(--jtsd26-teal);
}
.jtsd26-btn-outline:hover{background:var(--jtsd26-bg-alt); color:var(--jtsd26-teal-dark);}
.jtsd26-btn-light{background:#fff; color:var(--jtsd26-teal-dark);}
.jtsd26-btn-block{width:100%;}
.jtsd26-secure{font-size:13px; color:var(--jtsd26-ink-soft); margin-top:10px; display:flex; align-items:center; justify-content:center; gap:6px;}
.jtsd26-secure i{color:var(--jtsd26-teal);}

/* ---------- Top bar ---------- */
.jtsd26-topbar{background:var(--jtsd26-panel-dark); color:#cfe9e4; font-size:13.5px; text-align:center; padding:8px 14px;}
.jtsd26-topbar strong{color:#fff;}

/* ---------- Header ---------- */
.jtsd26-header{
  position:sticky; top:0; z-index:1000; background:#fdfffe;
  border-bottom:1px solid var(--jtsd26-border);
}
/* Note: intentionally no backdrop-filter/transform/filter on this element —
   any of those create a new containing block for position:fixed descendants
   (the off-canvas .jtsd26-nav lives inside this header), which would trap
   the fixed nav inside the header's own box instead of the viewport. */
.jtsd26-header .jtsd26-container{display:flex; align-items:center; justify-content:space-between; padding-top:12px; padding-bottom:12px;}
.jtsd26-logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:21px; color:var(--jtsd26-ink);}
.jtsd26-logo span{color:var(--jtsd26-teal-dark);}
.jtsd26-logo small{display:block; font-size:10.5px; font-weight:600; letter-spacing:.08em; color:var(--jtsd26-ink-soft); text-transform:uppercase;}
.jtsd26-nav{display:flex; align-items:center; gap:28px;}
.jtsd26-nav a{color:var(--jtsd26-ink); font-weight:600; font-size:15.5px;}
.jtsd26-nav a:hover{color:var(--jtsd26-teal-dark);}
.jtsd26-navtoggle{display:none; background:none; border:none; font-size:26px; color:var(--jtsd26-ink);}
@media (max-width:991px){
  .jtsd26-nav{position:fixed; inset:0 0 0 auto; width:78%; max-width:320px; background:#fff; flex-direction:column;
    align-items:flex-start; padding:90px 28px 28px; gap:20px; transform:translateX(100%); transition:transform .25s ease;
    box-shadow:-10px 0 40px rgba(0,0,0,.15); overflow-y:auto;}
  .jtsd26-nav.is-open{transform:translateX(0);}
  .jtsd26-navtoggle{display:block;}
  .jtsd26-navscrim{display:none; position:fixed; inset:0; background:rgba(10,20,18,.45); z-index:998;}
  .jtsd26-navscrim.is-open{display:block;}
}

/* ---------- Hero ---------- */
.jtsd26-hero{padding:48px 0 60px; background:radial-gradient(1200px 500px at 85% -10%, #d9f0ec 0%, transparent 60%), var(--jtsd26-bg);}
.jtsd26-hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:start;}
@media (max-width:991px){.jtsd26-hero-grid{grid-template-columns:1fr;}}
.jtsd26-quickbox{background:#fff; border:1px solid var(--jtsd26-border); border-left:5px solid var(--jtsd26-teal); border-radius:var(--jtsd26-radius-sm); padding:16px 18px; margin:18px 0; box-shadow:var(--jtsd26-shadow);}
.jtsd26-quickbox b{color:var(--jtsd26-teal-dark);}
.jtsd26-chips{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0;}
.jtsd26-chip{background:#fff; border:1px solid var(--jtsd26-border); border-radius:999px; padding:8px 14px; font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:6px;}
.jtsd26-chip i{color:var(--jtsd26-teal);}
.jtsd26-bullets{list-style:none; padding:0; margin:18px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px;}
.jtsd26-bullets li{display:flex; gap:10px; align-items:flex-start; font-size:15.5px;}
.jtsd26-bullets i{color:var(--jtsd26-teal); margin-top:3px;}
.jtsd26-numboxes{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:22px 0;}
@media (max-width:767px){.jtsd26-numboxes{grid-template-columns:1fr 1fr;}}
.jtsd26-numbox{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius-sm); padding:14px 12px; text-align:center;}
.jtsd26-numbox .num{font-size:22px; font-weight:800; color:var(--jtsd26-accent);}
.jtsd26-numbox .lbl{font-size:12.5px; font-weight:600; color:var(--jtsd26-ink-soft); margin-top:2px;}
.jtsd26-extralist{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius-sm); padding:16px 18px; margin:18px 0;}
.jtsd26-extralist h4{font-size:14.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--jtsd26-teal-dark); margin-bottom:10px;}
.jtsd26-extralist ul{margin:0; padding-left:20px;}
.jtsd26-extralist li{margin-bottom:6px; font-size:15px;}
.jtsd26-ctarow{display:flex; flex-wrap:wrap; gap:14px; margin-top:22px;}
.jtsd26-triststrip{display:flex; flex-wrap:wrap; gap:18px 26px; margin-top:26px; padding-top:22px; border-top:1px solid var(--jtsd26-border);}
.jtsd26-triststrip div{display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--jtsd26-ink-soft);}
.jtsd26-triststrip i{color:var(--jtsd26-teal); font-size:18px;}

.jtsd26-heroimg-wrap{position:relative; text-align:center;}
.jtsd26-heroimg-wrap img.bottle{max-width:360px; margin:0 auto; filter:drop-shadow(0 30px 40px rgba(18,40,36,.22));}
.jtsd26-badge-float{position:absolute; background:#fff; border-radius:var(--jtsd26-radius-sm); box-shadow:var(--jtsd26-shadow-lg); padding:10px 14px; font-size:12.5px; font-weight:700; display:flex; align-items:center; gap:8px;}
.jtsd26-badge-float i{color:var(--jtsd26-teal); font-size:18px;}
.jtsd26-badge-float.top{top:6px; left:-10px;}
.jtsd26-badge-float.bottom{bottom:40px; right:-14px;}
@media (max-width:480px){.jtsd26-badge-float{display:none;}}

/* diagram / visualization card under hero image */
.jtsd26-diagram-card{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); box-shadow:var(--jtsd26-shadow); padding:18px 20px; margin-top:22px; text-align:left;}
.jtsd26-diagram-card .ttl{font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--jtsd26-teal-dark); margin-bottom:10px; display:flex; align-items:center; gap:8px;}
.jtsd26-diagram-card .ttl i{color:var(--jtsd26-accent);}
.jtsd26-diagram-legend{display:flex; gap:18px; margin-top:8px; font-size:13px; color:var(--jtsd26-ink-soft);}
.jtsd26-diagram-legend span{display:inline-flex; align-items:center; gap:6px;}
.jtsd26-diagram-legend i.dot{width:10px; height:10px; border-radius:50%; display:inline-block;}
.jtsd26-diagram-caption{font-size:12px; color:var(--jtsd26-ink-soft); margin-top:10px; font-style:italic;}

/* ---------- Trust badges strip ---------- */
.jtsd26-trustgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
@media (max-width:767px){.jtsd26-trustgrid{grid-template-columns:1fr 1fr;}}
.jtsd26-trustcard{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:22px 16px; text-align:center; box-shadow:var(--jtsd26-shadow);}
.jtsd26-trustcard img{height:62px; width:62px; margin:0 auto 12px; object-fit:contain;}
.jtsd26-trustcard h3{font-size:16px; margin-bottom:4px;}
.jtsd26-trustcard p{font-size:13.5px; color:var(--jtsd26-ink-soft); margin:0;}

/* ---------- Wave divider ---------- */
.jtsd26-wave{line-height:0;}
.jtsd26-wave svg{width:100%; height:70px; display:block;}

/* ---------- CTA band ---------- */
.jtsd26-ctaband{background:linear-gradient(120deg, var(--jtsd26-teal-dark), var(--jtsd26-teal)); color:#fff; padding:40px 0; text-align:center;}
.jtsd26-ctaband h2{color:#fff; font-size:clamp(20px,3vw,26px); margin-bottom:14px;}
.jtsd26-ctaband p{color:#d9f3ef; margin-bottom:18px;}

/* ---------- Feature split (What Is / How It Works) ---------- */
.jtsd26-split{display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center;}
@media (max-width:900px){.jtsd26-split{grid-template-columns:1fr;}}
.jtsd26-split.reverse .jtsd26-split-media{order:2;}
.jtsd26-split-media img{border-radius:var(--jtsd26-radius); box-shadow:var(--jtsd26-shadow-lg);}
.jtsd26-researchbox{background:var(--jtsd26-bg-alt); border-radius:var(--jtsd26-radius-sm); padding:16px 18px; margin-top:16px; font-size:14.5px; border-left:4px solid var(--jtsd26-teal);}

/* ---------- Steps ---------- */
.jtsd26-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; counter-reset:jstep;}
@media (max-width:900px){.jtsd26-steps{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.jtsd26-steps{grid-template-columns:1fr;}}
.jtsd26-step{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:22px 20px; position:relative;}
.jtsd26-step .stepnum{width:38px; height:38px; border-radius:50%; background:var(--jtsd26-teal); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:12px;}
.jtsd26-step h3{font-size:16.5px;}
.jtsd26-step p{font-size:14.5px; color:var(--jtsd26-ink-soft); margin:0;}
.jtsd26-summarybox{background:var(--jtsd26-panel-dark); color:#eafaf7; border-radius:var(--jtsd26-radius); padding:22px 24px; margin-top:26px;}
.jtsd26-summarybox strong{color:var(--jtsd26-accent);}

/* ---------- Pricing ---------- */
:root{
  --jtsd26-cream:#FFFCF4;
  --jtsd26-cream-border:#E9E1C8;
  --jtsd26-gold:#B8872E;
  --jtsd26-gold-dark:#96701F;
  --jtsd26-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
}
.jtsd26-pricegrid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:stretch; padding-top:10px;}
@media (max-width:900px){.jtsd26-pricegrid{grid-template-columns:1fr; max-width:420px; margin:0 auto;}}
.jtsd26-pricecard{
  background:var(--jtsd26-cream); border:1.5px solid var(--jtsd26-cream-border); border-radius:20px;
  padding:34px 26px 28px; text-align:center; position:relative; display:flex; flex-direction:column;
  box-shadow:0 8px 24px rgba(60,50,20,.06);
}
.jtsd26-pricecard.featured{
  border:2px solid var(--jtsd26-gold); box-shadow:0 20px 46px rgba(184,135,46,.22);
  transform:scale(1.045); z-index:1; padding-top:40px;
}
@media (max-width:900px){.jtsd26-pricecard.featured{transform:none;}}
.jtsd26-ribbon{
  position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%;
  background:linear-gradient(120deg, var(--jtsd26-gold), var(--jtsd26-gold-dark)); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:8px 14px; border-radius:18px 18px 0 0; white-space:nowrap; text-align:center;
}
.jtsd26-pricecard-flag{
  position:absolute; top:-14px; right:18px; background:var(--jtsd26-teal-dark); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  padding:6px 14px; border-radius:999px; box-shadow:0 6px 14px rgba(21,112,102,.35);
}
.jtsd26-pricecard .tier{font-family:var(--jtsd26-serif); font-size:23px; font-weight:700; color:var(--jtsd26-ink); margin-bottom:4px;}
.jtsd26-pricecard .supply{font-size:11.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--jtsd26-ink-soft); margin-bottom:18px;}
.jtsd26-pricecard img{max-width:150px; margin:0 auto 18px;}
.jtsd26-pricecard .price{font-family:var(--jtsd26-serif); font-size:42px; font-weight:700; color:var(--jtsd26-ink); line-height:1;}
.jtsd26-pricecard .perbottle{font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--jtsd26-ink-soft); margin-bottom:10px;}
.jtsd26-pricecard .ship{font-size:13px; font-weight:700; color:var(--jtsd26-teal-dark); margin-bottom:18px;}
.jtsd26-pricecard.featured .ship{color:var(--jtsd26-gold-dark);}
.jtsd26-btn-gold{background:linear-gradient(135deg, var(--jtsd26-gold), var(--jtsd26-gold-dark)); color:#fff; box-shadow:0 10px 24px rgba(184,135,46,.35);}
.jtsd26-btn-gold:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(184,135,46,.45); color:#fff;}
.jtsd26-pricecard .jtsd26-secure{margin-top:12px; color:var(--jtsd26-ink-soft);}
.jtsd26-stocknotice{text-align:center; font-size:14px; color:var(--jtsd26-ink-soft); margin-bottom:22px; display:flex; align-items:center; justify-content:center; gap:8px;}
.jtsd26-stocknotice i{color:var(--jtsd26-accent);}

/* ---------- Guarantee ---------- */
.jtsd26-guarantee{display:grid; grid-template-columns:.5fr 1fr; gap:36px; align-items:center; background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:32px; box-shadow:var(--jtsd26-shadow);}
@media (max-width:767px){.jtsd26-guarantee{grid-template-columns:1fr; text-align:center;}}
.jtsd26-guarantee img{max-width:150px; margin:0 auto;}
.jtsd26-guarantee ul{padding-left:18px; margin-top:10px;}
.jtsd26-guarantee li{margin-bottom:6px; font-size:15px;}

/* ---------- Shipping strip ---------- */
.jtsd26-shipstrip{background:var(--jtsd26-bg-alt); border-radius:var(--jtsd26-radius); padding:20px 26px; display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; align-items:center;}
.jtsd26-shipstrip div{display:flex; align-items:center; gap:10px; font-weight:600; font-size:14.5px;}
.jtsd26-shipstrip i{color:var(--jtsd26-teal); font-size:20px;}

/* ---------- Ingredients ---------- */
.jtsd26-ingrid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
@media (max-width:767px){.jtsd26-ingrid{grid-template-columns:1fr;}}
.jtsd26-ingcard{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:20px; display:flex; gap:16px;}
.jtsd26-ingcard .ingnum{flex:0 0 40px; height:40px; border-radius:50%; background:var(--jtsd26-bg-alt); color:var(--jtsd26-teal-dark); display:flex; align-items:center; justify-content:center; font-weight:800;}
.jtsd26-ingcard h3{font-size:16.5px; margin-bottom:2px;}
.jtsd26-ingcard .role{font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--jtsd26-accent-dark); margin-bottom:6px;}
.jtsd26-ingcard p{font-size:14.5px; color:var(--jtsd26-ink-soft); margin:0;}
.jtsd26-ingcard .note{font-size:13px; color:#9a5a12; background:#fff5ea; border-radius:8px; padding:8px 10px; margin-top:8px;}
.jtsd26-worthbox{background:var(--jtsd26-panel-dark); color:#eafaf7; border-radius:var(--jtsd26-radius); padding:22px 24px; margin-top:24px;}
.jtsd26-worthbox strong{color:var(--jtsd26-accent);}

/* ---------- Benefits ---------- */
.jtsd26-benegrid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
@media (max-width:767px){.jtsd26-benegrid{grid-template-columns:1fr;}}
.jtsd26-benecard{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:24px; box-shadow:var(--jtsd26-shadow);}
.jtsd26-benecard i.icon{font-size:26px; color:var(--jtsd26-teal); margin-bottom:10px; display:block;}
.jtsd26-benecard h3{font-size:17.5px; margin-bottom:6px;}
.jtsd26-benecard .keying{font-size:12.5px; color:var(--jtsd26-ink-soft); margin-bottom:8px;}
.jtsd26-benecard .keying b{color:var(--jtsd26-teal-dark);}
.jtsd26-benecard p{font-size:14.5px; color:var(--jtsd26-ink-soft); margin:0;}

/* ---------- Differentiators (dark 4-card) ---------- */
.jtsd26-darkcards{background:var(--jtsd26-panel-dark); border-radius:var(--jtsd26-radius); padding:36px 28px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:900px){.jtsd26-darkcards{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.jtsd26-darkcards{grid-template-columns:1fr;}}
.jtsd26-darkcard{color:#eafaf7; text-align:center;}
.jtsd26-darkcard i{font-size:28px; color:var(--jtsd26-accent); margin-bottom:10px; display:block;}
.jtsd26-darkcard h4{color:#fff; font-size:15.5px; margin-bottom:6px;}
.jtsd26-darkcard p{font-size:13.5px; color:#b9d8d3; margin:0;}

/* ---------- Reviews & Trust ---------- */
.jtsd26-reviewnotice{background:var(--jtsd26-bg-alt); border-left:4px solid var(--jtsd26-teal); border-radius:var(--jtsd26-radius-sm); padding:18px 20px; margin-bottom:26px; font-size:14.5px;}
.jtsd26-trustsignals{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media (max-width:767px){.jtsd26-trustsignals{grid-template-columns:1fr;}}
.jtsd26-trustsignal{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); padding:22px; text-align:center;}
.jtsd26-trustsignal i{font-size:26px; color:var(--jtsd26-teal); margin-bottom:10px; display:block;}
.jtsd26-trustsignal h4{font-size:15.5px; margin-bottom:6px;}
.jtsd26-trustsignal p{font-size:13.5px; color:var(--jtsd26-ink-soft); margin:0;}

/* ---------- FAQ ---------- */
.jtsd26-faq .accordion-item{border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius-sm)!important; margin-bottom:12px; overflow:hidden;}
.jtsd26-faq .accordion-button{font-weight:700; font-size:15.5px; background:#fff; color:var(--jtsd26-ink);}
.jtsd26-faq .accordion-button:not(.collapsed){background:var(--jtsd26-bg-alt); color:var(--jtsd26-teal-dark); box-shadow:none;}
.jtsd26-faq .accordion-button:focus{box-shadow:none; border-color:var(--jtsd26-border);}
.jtsd26-faq .accordion-body{font-size:15px; color:var(--jtsd26-ink-soft);}

/* ---------- References ---------- */
.jtsd26-reflist{list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 24px;}
@media (max-width:767px){.jtsd26-reflist{grid-template-columns:1fr;}}
.jtsd26-reflist li{font-size:14px; padding:12px 14px; background:#fff; border:1px solid var(--jtsd26-border); border-radius:10px; display:flex; gap:10px; align-items:flex-start;}
.jtsd26-reflist i{color:var(--jtsd26-teal); margin-top:3px;}
.jtsd26-reflist small{display:block; color:var(--jtsd26-ink-soft);}

/* ---------- Label / formula summary ---------- */
.jtsd26-label{background:#fff; border:2px solid var(--jtsd26-ink); border-radius:var(--jtsd26-radius-sm); padding:22px; max-width:440px; margin:0 auto; font-family:'Courier New', monospace;}
.jtsd26-label h4{border-bottom:8px solid var(--jtsd26-ink); padding-bottom:6px; font-size:22px; letter-spacing:.02em;}
.jtsd26-label table{width:100%; border-collapse:collapse; font-size:14px;}
.jtsd26-label td{border-top:1px solid #bbb; padding:6px 0;}
.jtsd26-label .thick{border-top:4px solid var(--jtsd26-ink);}

/* ---------- Payment / blog teasers / footer ---------- */
.jtsd26-paystrip{text-align:center;}
.jtsd26-paystrip img{max-width:360px; margin:14px auto 0;}
.jtsd26-blogrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
@media (max-width:900px){.jtsd26-blogrid{grid-template-columns:1fr;}}
.jtsd26-blogcard{background:#fff; border:1px solid var(--jtsd26-border); border-radius:var(--jtsd26-radius); overflow:hidden; box-shadow:var(--jtsd26-shadow); display:flex; flex-direction:column;}
.jtsd26-blogcard img{height:170px; object-fit:cover; width:100%;}
.jtsd26-blogcard .body{padding:18px; display:flex; flex-direction:column; gap:8px; flex:1;}
.jtsd26-blogcard h3{font-size:16px;}
.jtsd26-blogcard p{font-size:13.5px; color:var(--jtsd26-ink-soft); margin:0; flex:1;}

.jtsd26-finalcta{background:linear-gradient(120deg, var(--jtsd26-panel-dark), var(--jtsd26-teal-deep)); color:#fff; padding:60px 0; text-align:center;}
.jtsd26-finalcta h2{color:#fff; font-size:clamp(22px,3.4vw,30px);}
.jtsd26-finalcta p{color:#cfe9e4; max-width:640px; margin:0 auto 20px;}

.jtsd26-footer{background:var(--jtsd26-panel-dark); color:#b9d8d3; padding:56px 0 24px; font-size:14.5px;}
.jtsd26-footer h5{color:#fff; font-size:14px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:14px;}
.jtsd26-footer a{color:#b9d8d3;}
.jtsd26-footer a:hover{color:#fff;}
.jtsd26-footcols{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:30px;}
@media (max-width:900px){.jtsd26-footcols{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.jtsd26-footcols{grid-template-columns:1fr;}}
.jtsd26-footcols ul{list-style:none; padding:0; margin:0;}
.jtsd26-footcols li{margin-bottom:9px;}
.jtsd26-footer .disclaimer{border-top:1px solid #243836; margin-top:36px; padding-top:22px; font-size:12.5px; color:#8fb3ad;}
.jtsd26-footer .bottomrow{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin-top:18px; font-size:12.5px; color:#8fb3ad;}

/* ---------- Sticky mobile CTA ---------- */
.jtsd26-stickybar{position:fixed; left:0; right:0; bottom:0; z-index:1200; background:#fff; border-top:1px solid var(--jtsd26-border); box-shadow:0 -8px 24px rgba(0,0,0,.12); padding:10px 16px; display:none; align-items:center; justify-content:space-between; gap:12px; transition:transform .25s ease;}
.jtsd26-stickybar.show{display:flex;}
.jtsd26-stickybar.hide-footer{transform:translateY(120%);}
.jtsd26-stickybar .info{font-size:12.5px; font-weight:700; color:var(--jtsd26-ink-soft);}
.jtsd26-stickybar .info b{display:block; font-size:15px; color:var(--jtsd26-teal-dark);}
@media (min-width:992px){.jtsd26-stickybar{display:none!important;}}

/* ---------- Exit popup ---------- */
.jtsd26-popup-overlay{position:fixed; inset:0; background:rgba(10,20,18,.6); z-index:1500; display:none; align-items:center; justify-content:center; padding:20px;}
.jtsd26-popup-overlay.show{display:flex;}
.jtsd26-popup{background:#fff; border-radius:var(--jtsd26-radius); max-width:420px; width:100%; padding:30px 26px; text-align:center; position:relative;}
.jtsd26-popup-close{position:absolute; top:12px; right:14px; background:none; border:none; font-size:22px; color:var(--jtsd26-ink-soft); cursor:pointer;}
.jtsd26-popup img{max-width:120px; margin:0 auto 16px;}

/* ---------- Scroll reveal ---------- */
.jtsd26-reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.jtsd26-reveal.is-in{opacity:1; transform:none;}
@media (prefers-reduced-motion: reduce){
  .jtsd26-reveal{opacity:1; transform:none; transition:none;}
}

/* ---------- misc ---------- */
.jtsd26-backtotop{position:fixed; right:18px; bottom:90px; width:42px; height:42px; border-radius:50%; background:var(--jtsd26-teal-dark); color:#fff; display:none; align-items:center; justify-content:center; box-shadow:var(--jtsd26-shadow-lg); z-index:1100; border:none;}
.jtsd26-backtotop.show{display:flex;}
@media (min-width:992px){.jtsd26-backtotop{bottom:28px;}}
.jtsd26-breadcrumb{font-size:13px; color:var(--jtsd26-ink-soft); margin-bottom:16px;}
.jtsd26-breadcrumb a{color:var(--jtsd26-ink-soft);}
.jtsd26-pageintro{max-width:760px;}
.table-scroll{overflow-x:auto;}
