/* ══════════════════════════════════════════════════════════════
   GRAND LAUREL — BUNION FIX ADVERTORIAL
   Palette: laurel green + warm gold + editorial ink
   ══════════════════════════════════════════════════════════════ */

:root{
  --green-900:#122e22;
  --green-800:#1b4332;
  --green-700:#245741;
  --green-600:#2d6a4f;
  --green-500:#40916c;
  --green-100:#eaf3ee;
  --green-050:#f4f9f6;

  --gold-700:#8a6a2c;
  --gold-600:#a5803a;
  --gold-500:#c8a055;
  --gold-300:#e3c07a;
  --gold-050:#fdf8ec;

  --red-600:#dc2626;
  --red-500:#ef4444;
  --red-050:#fef2f2;

  --cta:#16a34a;
  --cta-dark:#15803d;
  --cta-glow:rgba(22,163,74,.45);

  --ink:#14201b;
  --ink-2:#3c4a44;
  --ink-3:#6b7a73;
  --line:#e3e8e5;
  --paper:#ffffff;
  --paper-2:#f7f9f8;

  --wrap:1000px;
  --wrap-wide:1320px;
  --read:860px;   /* body copy stays at a readable measure inside the wider page */

  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  --sh-1:0 1px 2px rgba(20,32,27,.06),0 2px 8px rgba(20,32,27,.05);
  --sh-2:0 4px 12px rgba(20,32,27,.07),0 12px 32px rgba(20,32,27,.07);
  --sh-3:0 10px 24px rgba(20,32,27,.1),0 28px 64px rgba(20,32,27,.11);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper-2);
  line-height:1.7;
  font-size:18px;
  padding-bottom:84px; /* room for sticky bar */
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-600);text-decoration:none}
b,strong{font-weight:700}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* ── AD DISCLOSURE ─────────────────────────── */
.ad-disclosure{
  background:#2b2b2b;color:#c9c9c9;
  font-size:10.5px;letter-spacing:.09em;font-weight:600;
  text-align:center;padding:7px 12px;text-transform:uppercase;
}

/* ── MASTHEAD ──────────────────────────────── */
.masthead{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:60;
  box-shadow:0 1px 0 rgba(20,32,27,.03);
}
.masthead__inner{
  max-width:var(--wrap-wide);
  display:flex;align-items:center;justify-content:center;
  gap:16px;padding-top:14px;padding-bottom:14px;
}
.logo{display:flex;align-items:center;gap:10px;color:var(--green-800)}
.logo__mark{width:32px;height:32px;flex:none}
.logo__text{
  font-family:var(--serif);font-weight:900;font-size:19px;
  letter-spacing:-.01em;line-height:1.1;color:var(--green-900);
}
.logo__text em{font-style:normal;font-weight:400;color:var(--green-600)}
.logo__text sup{font-size:9px;vertical-align:super;color:var(--ink-3)}
.masthead__nav{display:flex;gap:22px}
.masthead__nav a{
  font-size:13px;font-weight:600;color:var(--ink-3);
  letter-spacing:.03em;text-transform:uppercase;
  padding-bottom:2px;border-bottom:2px solid transparent;
}
.masthead__nav a:hover{color:var(--green-600)}
.masthead__nav a.is-active{color:var(--green-800);border-color:var(--gold-500)}
@media(max-width:720px){.masthead__nav{display:none}}

/* ── ARTICLE SHELL ─────────────────────────── */
.article{padding-top:28px;padding-bottom:56px}
.article > *{max-width:var(--wrap);margin-left:auto;margin-right:auto}

.kicker{
  display:inline-block;
  background:var(--red-050);color:var(--red-600);
  font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  padding:5px 11px;border-radius:3px;margin-bottom:16px;
  border:1px solid rgba(220,38,38,.18);
}

.headline{
  font-family:var(--serif);
  font-size:clamp(31px,5vw,52px);
  line-height:1.14;font-weight:900;letter-spacing:-.022em;
  color:var(--green-900);margin-bottom:20px;
}
.quote-hl{
  background:linear-gradient(180deg,transparent 58%,rgba(200,160,85,.32) 58%);
  padding:0 2px;
}

.dek{
  font-size:clamp(18px,2.3vw,21px);
  line-height:1.55;color:var(--ink-2);
  font-weight:400;margin-bottom:26px;
  border-left:3px solid var(--gold-500);padding-left:18px;
}

/* ── BYLINE ────────────────────────────────── */
.byline{
  display:flex;align-items:center;gap:14px;
  padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:30px;
}
.byline__avatar{width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden}
.byline__avatar svg{width:100%;height:100%}
.byline__meta{flex:1;min-width:0}
.byline__name{font-size:14.5px;color:var(--ink-2);line-height:1.35}
.byline__name strong{color:var(--green-800)}
.byline__sub{font-size:12.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}
.byline__sub .dot{opacity:.45}
.live{display:inline-flex;align-items:center;gap:5px;color:var(--red-600);font-weight:600}
.live__pulse{
  width:7px;height:7px;border-radius:50%;background:var(--red-500);
  box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:pulse 1.8s infinite;
}
@keyframes pulse{
  70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}
  100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
}
.byline__verify{
  display:flex;align-items:center;gap:7px;flex:none;
  color:var(--green-600);font-size:10.5px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;line-height:1.2;
  background:var(--green-050);border:1px solid rgba(45,106,79,.16);
  padding:7px 11px;border-radius:6px;
}
.byline__verify svg{width:20px;height:20px;flex:none}
@media(max-width:560px){.byline__verify span{display:none}.byline__verify{padding:8px}}

/* ── HERO ──────────────────────────────────── */
.hero{margin:0 0 32px}
.hero__media{
  position:relative;border-radius:14px;overflow:hidden;
  background:#fff;box-shadow:var(--sh-2);
  aspect-ratio:1/1;max-width:620px;margin:0 auto;
}
/* the supplier photo has labels baked in — never crop it */
.hero__media img{width:100%;height:100%;object-fit:contain}
.hero__placeholder{display:none}
.hero__media.is-empty img{display:none}
.hero__media.is-empty .hero__placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;height:100%;color:var(--green-600);text-align:center;padding:24px;
}
.hero__media.is-empty .hero__placeholder svg{width:44px;height:44px;opacity:.55}
.hero__placeholder b{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700}
.hero__placeholder small{font-size:12px;color:var(--ink-3);max-width:280px}

.chip{
  position:absolute;display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(6px);
  color:var(--green-800);font-size:12px;font-weight:700;
  padding:7px 12px;border-radius:100px;box-shadow:var(--sh-1);
  white-space:nowrap;animation:float 4s ease-in-out infinite;
}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--gold-500);flex:none}
.chip--a{top:9%;left:5%}
.chip--b{top:44%;right:5%;animation-delay:.8s}
.chip--b i{background:var(--cta)}
.chip--c{bottom:9%;left:9%;animation-delay:1.6s}
.chip--c i{background:var(--green-600)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:560px){.chip{font-size:10.5px;padding:5px 9px}.chip--c{display:none}}

.hero figcaption{
  font-size:13px;color:var(--ink-3);line-height:1.5;
  padding:10px 4px 0;border-bottom:1px solid var(--line);padding-bottom:12px;
}

/* ── PROSE ─────────────────────────────────── */
.prose{margin:0 auto 30px;max-width:var(--read)}
.prose p{margin-bottom:21px;font-size:19.5px;line-height:1.75;color:var(--ink-2)}
.prose p strong{color:var(--ink);font-weight:700}
.prose em{font-style:italic}
.prose u{text-decoration:none;box-shadow:inset 0 -8px 0 rgba(200,160,85,.3)}

.lede-drop{
  font-size:21px !important;line-height:1.6 !important;
  color:var(--ink) !important;font-weight:500;
}
.lede-drop::first-letter{
  float:left;font-family:var(--serif);font-size:64px;line-height:.82;
  font-weight:900;color:var(--green-700);margin:4px 10px 0 0;
}

.hit{
  background:var(--gold-050);border-left:4px solid var(--gold-500);
  padding:16px 18px !important;border-radius:0 8px 8px 0;
  font-size:18.5px !important;color:var(--ink) !important;
}
.shout{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(24px,3.6vw,32px) !important;line-height:1.25 !important;
  color:var(--green-900) !important;text-align:center;
  padding:8px 0 !important;letter-spacing:-.02em;
}

blockquote.pull{
  margin:26px 0;padding:22px 24px;
  background:var(--paper);border-radius:12px;
  border-left:4px solid var(--green-600);box-shadow:var(--sh-1);
}
blockquote.pull p{
  font-family:var(--serif);font-size:20px;line-height:1.5;
  color:var(--green-900);margin:0;font-style:italic;
}
blockquote.pull b{font-style:normal;display:block;margin-top:6px;font-size:22px}

/* ── CHAPTER HEADINGS ──────────────────────── */
.chap{
  font-family:var(--serif);
  font-size:clamp(25px,3.8vw,38px);line-height:1.2;
  font-weight:900;letter-spacing:-.02em;color:var(--green-900);
  margin:46px 0 22px;display:flex;align-items:baseline;gap:14px;
}
.chap__num{
  font-family:var(--sans);font-size:12px;font-weight:900;
  color:var(--gold-600);background:var(--gold-050);
  border:1px solid rgba(200,160,85,.3);
  padding:4px 8px;border-radius:5px;flex:none;letter-spacing:.06em;
  position:relative;top:-4px;
}

/* ══════════════════════════════════════════════
   VISUALS / GRAPHIC SECTIONS
   ══════════════════════════════════════════════ */
.viz{
  background:var(--paper);border:1px solid var(--line);
  border-radius:16px;padding:30px 26px;margin:34px 0;
  box-shadow:var(--sh-1);
}
.viz__title{
  font-family:var(--serif);font-size:24px;font-weight:900;
  color:var(--green-900);text-align:center;letter-spacing:-.015em;
}
.viz__sub{
  text-align:center;font-size:15px;color:var(--ink-3);
  margin:6px auto 24px;max-width:520px;line-height:1.5;
}
.viz__foot{
  margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);
  font-size:14.5px;color:var(--ink-3);line-height:1.6;text-align:center;
}
.viz__foot b{color:var(--green-800)}

/* ── TUG OF WAR ────────────────────────────── */
.tug{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.tug__panel{
  position:relative;border-radius:12px;padding:34px 8px 8px;
  background:var(--green-050);border:1.5px solid var(--green-100);
}
.tug__panel--bad{background:var(--red-050);border-color:#fbdada}
.tug__panel svg{width:100%;height:auto}
.tug__tag{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:100px;white-space:nowrap;
}
.tug__tag--ok{background:var(--green-600);color:#fff}
.tug__tag--bad{background:var(--red-600);color:#fff}
.tug__vs{
  width:38px;height:38px;border-radius:50%;
  background:var(--ink);color:#fff;display:grid;place-items:center;
  font-size:12px;font-weight:900;letter-spacing:.04em;flex:none;
}
.tug__legend{
  display:grid;gap:10px;margin-top:20px;
  background:var(--paper-2);border-radius:10px;padding:16px;
}
.lg{
  position:relative;padding-left:24px;
  font-size:14.5px;color:var(--ink-2);line-height:1.55;
}
.lg b{color:var(--ink)}
.lg__sw{position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:4px}
.lg__sw--red{background:#dc2626}
.lg__sw--blue{background:#5b7c99}
@media(max-width:640px){
  .tug{grid-template-columns:1fr;gap:10px}
  .tug__vs{margin:0 auto}
}

/* ── HAMSTER WHEEL FLOW ────────────────────── */
.viz--wheel{background:var(--ink);border-color:#2c3a34}
.wheelflow{
  display:flex;align-items:stretch;justify-content:center;
  gap:8px;flex-wrap:wrap;
}
.wheelflow__step{
  flex:1;min-width:130px;text-align:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:11px;padding:16px 10px;
}
.wheelflow__step b{display:block;color:#fff;font-size:15px;margin-top:8px}
.wheelflow__step small{display:block;color:#93a29b;font-size:12px;line-height:1.4;margin-top:3px}
.wheelflow__step--loop{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1)}
.wheelflow__step--loop b{color:#fca5a5}
.wheelflow__ico{
  display:inline-block;width:34px;height:34px;
  background-repeat:no-repeat;background-size:contain;background-position:center;
}
.wheelflow__ico[data-i="pill"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c8a055' stroke-width='2.2'%3E%3Crect x='4' y='11' width='24' height='10' rx='5'/%3E%3Cpath d='M16 11v10'/%3E%3C/svg%3E")}
.wheelflow__ico[data-i="syringe"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c8a055' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 26l6-6M10 22l-3 3 2 2 3-3'/%3E%3Crect x='13' y='9' width='12' height='8' rx='1.5' transform='rotate(45 19 13)'/%3E%3Cpath d='M22 4l6 6M18 12l3 3'/%3E%3C/svg%3E")}
.wheelflow__ico[data-i="scalpel"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c8a055' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M26 4L14 16l-4 4 6 0L28 8z'/%3E%3Cpath d='M10 20L4 26l3 3 6-6'/%3E%3C/svg%3E")}
.wheelflow__ico[data-i="loop"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fca5a5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M26 16a10 10 0 11-3-7'/%3E%3Cpath d='M26 4v6h-6'/%3E%3C/svg%3E")}
.wheelflow__arrow{
  align-self:center;color:#5e6d66;font-size:19px;font-weight:700;flex:none;
}
.wheelflow__cap{
  text-align:center;margin-top:18px;color:#93a29b;
  font-size:14.5px;font-style:italic;
}
@media(max-width:600px){
  .wheelflow{flex-direction:column}
  .wheelflow__arrow{transform:rotate(90deg);margin:-2px auto}
}

/* ── THREE PILLARS ─────────────────────────── */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pillar{
  position:relative;text-align:center;
  background:var(--green-050);border:1.5px solid var(--green-100);
  border-radius:13px;padding:26px 16px 20px;
  transition:transform .25s,box-shadow .25s;
}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pillar__badge{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  width:28px;height:28px;border-radius:50%;
  background:var(--green-700);color:#fff;
  display:grid;place-items:center;font-size:13px;font-weight:900;
  box-shadow:0 0 0 4px var(--paper);
}
.pillar__art svg{width:90px;height:90px;margin:0 auto 10px}
.pillar h4{
  font-size:16px;font-weight:800;color:var(--green-900);
  margin-bottom:7px;letter-spacing:-.01em;
}
.pillar p{font-size:14px;color:var(--ink-3);line-height:1.55}
.pillars__note{
  margin-top:24px;background:var(--red-050);
  border:1px solid #fbdada;border-radius:12px;padding:18px 20px;
}
.pillars__note > b{display:block;color:var(--red-600);font-size:16px;margin-bottom:10px}
.pillars__note ul{list-style:none;display:grid;gap:8px}
.pillars__note li{font-size:14.5px;color:var(--ink-2);display:flex;gap:9px;align-items:flex-start}
.pillars__note li i{font-style:italic;color:var(--ink-3)}
.pillars__note .x{color:var(--red-600);font-weight:900;flex:none}
@media(max-width:700px){.pillars{grid-template-columns:1fr;gap:26px}}

/* ── PRODUCT REVEAL ────────────────────────── */
.reveal{
  background:linear-gradient(165deg,var(--green-900),var(--green-700));
  border-radius:18px;padding:32px;margin:30px 0;
  box-shadow:var(--sh-3);color:#fff;
}
.reveal__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.shot{
  position:relative;aspect-ratio:1;border-radius:14px;overflow:visible;
  background:#fff;
}
.shot img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.shot__placeholder{display:none}
.shot.is-empty img{display:none}
.shot.is-empty .shot__placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  height:100%;border-radius:14px;background:var(--green-100);
  color:var(--green-700);text-align:center;padding:20px;
}
.shot__placeholder b{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
.shot__placeholder small{font-size:11.5px;color:var(--ink-3)}

.anno{
  position:absolute;display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(4px);
  color:var(--green-900);
  font-size:11px;font-weight:600;line-height:1.25;
  padding:6px 10px;border-radius:8px;box-shadow:var(--sh-2);
  white-space:nowrap;max-width:calc(100% - 16px);
}
.anno b{
  background:var(--gold-500);color:#fff;font-size:9.5px;font-weight:900;
  padding:2px 5px;border-radius:3px;flex:none;
}
.anno--1{top:8px;right:8px}
.anno--2{top:50%;left:8px;transform:translateY(-50%)}
.anno--3{bottom:8px;right:8px}
@media(max-width:1000px){.anno{display:none}}

.reveal__eyebrow{
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-300);margin-bottom:8px;
}
.reveal__name{
  font-family:var(--serif);font-size:clamp(26px,3.4vw,34px);
  font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:18px;
}
.reveal__name b{font-weight:900}
.reveal__name sup{font-size:11px;opacity:.6}
.checks{list-style:none;display:grid;gap:13px;margin-bottom:20px}
.checks li{
  position:relative;padding-left:32px;
  font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);
}
.checks li b{color:#fff}
.checks li em{font-style:italic;color:var(--gold-300)}
.checks__ic{
  position:absolute;left:0;top:3px;
  width:21px;height:21px;border-radius:50%;
  background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat;
}
.reveal__kicker{
  font-size:15.5px;line-height:1.6;margin-bottom:20px;color:#fff;font-weight:600;
}
.reveal__kicker span{color:rgba(255,255,255,.6);font-weight:400;font-size:14px}
.microtrust{
  position:relative;padding-left:24px;margin-top:14px;
  font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.66);
}
.microtrust b{color:var(--gold-300)}
.microtrust svg{
  position:absolute;left:0;top:0;
  width:16px;height:16px;color:var(--gold-300);
}
@media(max-width:820px){
  .reveal{padding:24px 20px}
  .reveal__grid{grid-template-columns:1fr;gap:26px}
}

/* ── 30-MIN PHASES ─────────────────────────── */
.viz--phases{padding-top:34px}
.phases{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.phases__rail{
  position:absolute;top:52px;left:12%;right:12%;height:4px;
  background:var(--green-100);border-radius:2px;z-index:0;
}
.phases__fill{
  display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--green-600),var(--gold-500));
  transition:width 1.8s cubic-bezier(.22,1,.36,1);
}
.phases.is-on .phases__fill{width:100%}
.phase{position:relative;z-index:1;text-align:center}
.phase__dial{width:104px;margin:0 auto 12px;background:var(--paper);border-radius:50%;padding:2px}
.phase__dial svg{width:100%;height:auto}
.dial-arc{stroke-dashoffset:264;transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1)}
.phases.is-on .dial-arc{stroke-dashoffset:0}
.phase[data-phase="2"] .dial-arc{transition-delay:.25s}
.phase[data-phase="3"] .dial-arc{transition-delay:.5s}
.phase__label{
  display:block;font-size:15px;font-weight:800;color:var(--green-800);
  margin-bottom:8px;letter-spacing:-.01em;
}
.phase p{font-size:14px;line-height:1.6;color:var(--ink-3);margin-bottom:8px}
.phase p b{color:var(--ink)}
.phase__hi{
  font-size:13px !important;color:var(--gold-700) !important;
  background:var(--gold-050);border-radius:8px;padding:9px 11px;
  font-weight:600;line-height:1.45 !important;
}
.phases__foot{
  margin-top:24px;text-align:center;font-size:16px;color:var(--ink-2);
}
.phases__foot b{color:var(--green-800);font-family:var(--serif);font-size:19px}
@media(max-width:760px){
  .phases{grid-template-columns:1fr;gap:28px}
  .phases__rail{display:none}
}

/* ── INLINE CTA ────────────────────────────── */
.cta-inline{text-align:center;margin:34px 0}
.cta-inline span{
  display:block;margin-top:10px;font-size:13px;color:var(--ink-3);font-weight:600;
}

/* ── BUTTONS ───────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(180deg,#22c55e,var(--cta));
  color:#fff !important;font-weight:900;letter-spacing:.02em;
  border:none;border-radius:100px;cursor:pointer;
  font-family:var(--sans);text-align:center;
  box-shadow:0 4px 0 var(--cta-dark),0 10px 24px var(--cta-glow);
  transition:transform .12s,box-shadow .12s,filter .2s;
  padding:15px 28px;font-size:15px;
}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 5px 0 var(--cta-dark),0 14px 30px var(--cta-glow)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cta-dark),0 4px 12px var(--cta-glow)}
.btn em{font-style:normal;transition:transform .2s}
.btn:hover em{transform:translateX(3px)}
.btn--sm{padding:11px 18px;font-size:12.5px;border-radius:100px}
.btn--lg{padding:17px 34px;font-size:16px}
.btn--xl{
  width:100%;max-width:520px;flex-direction:column;gap:2px;
  padding:19px 24px;font-size:clamp(15px,2.4vw,19px);
  border-radius:14px;text-transform:uppercase;
}
.btn--light{background:linear-gradient(180deg,#fff,#f1f5f2);color:var(--green-800) !important;box-shadow:0 4px 0 #cbd5d0,0 10px 24px rgba(0,0,0,.18)}
.btn--light:active{box-shadow:0 1px 0 #cbd5d0}
.btn--pulse{animation:btnPulse 2.4s ease-in-out infinite}
@keyframes btnPulse{
  0%,100%{box-shadow:0 4px 0 var(--cta-dark),0 10px 24px var(--cta-glow)}
  50%{box-shadow:0 4px 0 var(--cta-dark),0 10px 34px rgba(22,163,74,.75)}
}
@media(prefers-reduced-motion:reduce){
  .btn--pulse,.chip,.live__pulse{animation:none}
  html{scroll-behavior:auto}
}

/* ── STATS ─────────────────────────────────── */
.viz--stats{background:var(--green-900);border-color:var(--green-800)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat__num{display:flex;align-items:baseline;gap:1px;color:#fff}
.stat__num b{font-family:var(--serif);font-size:42px;font-weight:900;line-height:1}
.stat__num i{font-style:normal;font-size:19px;font-weight:800;color:var(--green-500)}
.stat--gold .stat__num i{color:var(--gold-500)}
.stat__bar{
  height:6px;background:rgba(255,255,255,.12);border-radius:3px;
  margin:11px 0 10px;overflow:hidden;
}
.stat__bar span{
  display:block;height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,var(--green-500),#74c69d);
  transition:width 1.5s cubic-bezier(.22,1,.36,1);
}
.stats.is-on .stat__bar span{width:var(--w)}
.stat--gold .stat__bar span{background:linear-gradient(90deg,var(--gold-500),var(--gold-300))}
.stat p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.62)}
.stat p b{color:#fff}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr;gap:22px}}

/* ── TESTIMONIALS ──────────────────────────── */
.tmls{margin:38px 0}
.tmls__head{
  text-align:center;margin-bottom:22px;padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.stars{color:var(--gold-500);letter-spacing:2px;font-size:15px;line-height:1}
.stars--lg{font-size:26px;letter-spacing:3px;margin-bottom:6px}
.tmls__head p{font-size:14px;color:var(--ink-3)}
.tmls__head p b{color:var(--ink)}
.tmls__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tml{
  background:var(--paper);border:1px solid var(--line);border-radius:13px;
  padding:20px;box-shadow:var(--sh-1);display:flex;flex-direction:column;
}
.tml blockquote{
  font-size:14.5px;line-height:1.6;color:var(--ink-2);
  margin:10px 0 16px;flex:1;
}
.tml blockquote b{color:var(--green-800)}
.tml figcaption{display:flex;align-items:center;gap:10px;font-size:13px}
.tml__av,.cav{
  width:36px;height:36px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,var(--green-600),var(--green-800));
  color:#fff;display:grid;place-items:center;
  font-size:12px;font-weight:800;letter-spacing:.02em;
}
.tml__av::after,.cav::after{content:attr(data-init)}
.tml figcaption > span:nth-child(2){display:flex;flex-direction:column;line-height:1.3;flex:1}
.tml figcaption small{font-size:11.5px;color:var(--ink-3)}
.tml__vf{
  font-size:10px;font-weight:800;color:var(--cta-dark);
  background:#e8f7ee;padding:3px 7px;border-radius:4px;white-space:nowrap;
}
.tmls__disc{text-align:center;font-size:11.5px;color:var(--ink-3);margin-top:14px}
@media(max-width:820px){.tmls__grid{grid-template-columns:1fr}}

/* ── COST COMPARISON ───────────────────────── */
.cost{display:grid;gap:16px}
.cost__row{
  display:grid;grid-template-columns:1fr 90px 190px;gap:14px;align-items:center;
  padding:16px;border-radius:12px;border:1.5px solid var(--line);
}
.cost__row--bad{background:var(--red-050);border-color:#fbdada}
.cost__row--mid{background:#fff8ed;border-color:#fae4c0}
.cost__row--good{background:var(--green-050);border-color:#bfe0cd;box-shadow:0 0 0 3px rgba(45,106,79,.07)}
.cost__label{display:flex;flex-direction:column;gap:1px;position:relative;padding-left:34px}
.cost__label b{font-size:16px;color:var(--ink)}
.cost__label small{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.cost__ico{
  position:absolute;left:0;top:2px;width:24px;height:24px;
  background-repeat:no-repeat;background-size:contain;background-position:center;
}
.cost__ico[data-i="scalpel"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23dc2626' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M26 4L14 16l-4 4 6 0L28 8z'/%3E%3Cpath d='M10 20L4 26l3 3 6-6'/%3E%3C/svg%3E")}
.cost__ico[data-i="syringe"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23d97706' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 26l6-6M10 22l-3 3 2 2 3-3'/%3E%3Crect x='13' y='9' width='12' height='8' rx='1.5' transform='rotate(45 19 13)'/%3E%3Cpath d='M22 4l6 6'/%3E%3C/svg%3E")}
.cost__ico[data-i="laurel"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232d6a4f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M16 4c-4 3-6 7-6 11 0 5 2 8 6 13 4-5 6-8 6-13 0-4-2-8-6-11z'/%3E%3Cpath d='M16 8v18'/%3E%3C/svg%3E")}
.cost__track{grid-column:2/4;height:9px;background:rgba(0,0,0,.055);border-radius:5px;overflow:hidden;display:none}
.cost__fill{display:block;height:100%;width:0;border-radius:5px;transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.cost.is-on .cost__fill{width:var(--w)}
.cost__row--bad .cost__fill{background:linear-gradient(90deg,#f87171,var(--red-600))}
.cost__row--mid .cost__fill{background:linear-gradient(90deg,#fbbf24,#d97706)}
.cost__row--good .cost__fill{background:linear-gradient(90deg,#34d399,var(--cta))}
.cost__amt{
  grid-column:3;text-align:right;font-size:17px;font-weight:900;
  color:var(--ink);display:flex;flex-direction:column;line-height:1.2;
}
.cost__amt small{font-size:11px;font-weight:600;color:var(--ink-3);margin-top:2px}
.cost__amt--good{color:var(--cta-dark);font-size:26px}
.cost__row{grid-template-columns:1fr 200px}
.cost__track{grid-column:1/-1;display:block;order:3}
.cost__foot{
  margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);
  font-size:14.5px;color:var(--ink-3);line-height:1.6;
}
.cost__foot b{color:var(--red-600)}
@media(max-width:640px){
  .cost__row{grid-template-columns:1fr}
  .cost__amt{text-align:left;flex-direction:row;align-items:baseline;gap:6px}
  .cost__amt small{margin-top:0}
}

/* ══════════════════════════════════════════════
   OFFER + ORDER FORM (PAY ON DELIVERY)
   ══════════════════════════════════════════════ */
.offer{
  position:relative;background:var(--paper);
  border:2px solid var(--green-600);border-radius:20px;
  padding:34px 28px 30px;margin:40px 0;
  box-shadow:var(--sh-3);scroll-margin-top:80px;
}
.offer__ribbon{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--red-600),#f04444);color:#fff;
  font-size:11.5px;font-weight:900;letter-spacing:.09em;
  padding:7px 20px;border-radius:100px;white-space:nowrap;
  box-shadow:0 4px 14px rgba(220,38,38,.35);
}

/* pay-on-delivery badge */
.podbadge{
  display:flex;align-items:center;gap:14px;
  background:var(--green-050);border:1.5px solid #bfe0cd;
  border-radius:13px;padding:14px 16px;margin:12px 0 22px;
}
.podbadge svg{width:52px;height:52px;flex:none}
.podbadge b{
  display:block;font-size:14px;font-weight:900;color:var(--green-800);
  letter-spacing:.06em;margin-bottom:2px;
}
.podbadge span{font-size:13.5px;color:var(--ink-2);line-height:1.5;display:block}
.podbadge em{font-style:italic;color:var(--green-700);font-weight:700}

.offer__title{
  font-family:var(--serif);font-size:clamp(23px,3.6vw,31px);
  font-weight:900;line-height:1.2;letter-spacing:-.02em;
  color:var(--green-900);text-align:center;margin-bottom:8px;
}
.offer__title span{color:var(--cta-dark);white-space:nowrap}
.offer__sub{
  text-align:center;font-size:15px;color:var(--ink-3);
  line-height:1.55;max-width:480px;margin:0 auto 22px;
}

/* countdown */
.timer{
  background:var(--ink);border-radius:13px;padding:16px;
  text-align:center;margin-bottom:16px;
}
.timer__label{
  font-size:12px;font-weight:800;color:#fca5a5;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;
}
.timer__clock{display:flex;align-items:center;justify-content:center;gap:8px}
.timer__unit{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:9px;padding:8px 4px;min-width:70px;
}
.timer__unit b{
  display:block;font-size:28px;font-weight:900;color:#fff;
  line-height:1;font-variant-numeric:tabular-nums;
}
.timer__unit small{
  display:block;font-size:9px;font-weight:700;color:#8a998f;
  letter-spacing:.1em;margin-top:4px;
}
.timer__sep{color:#5e6d66;font-size:22px;font-weight:900;position:relative;top:-5px}
.timer.is-done .timer__unit b{color:#fca5a5}

/* stock */
.stock{margin-bottom:26px}
.stock__bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:8px}
.stock__bar span{
  display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg,#f59e0b,var(--red-600));
  transition:width .8s ease;
}
.stock p{font-size:12.5px;color:var(--ink-3);text-align:center}
.stock p b{color:var(--red-600);font-weight:900}

/* ── FORM ──────────────────────────────────── */
.order{display:grid;gap:24px}
.order fieldset{border:none}
.order legend{
  font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green-700);background:var(--green-050);
  border:1px solid #cfe4d8;border-radius:6px;
  padding:5px 11px;margin-bottom:14px;
}

/* packages */
.order__packs{display:block}
.pack{display:block;cursor:pointer;margin-bottom:12px}
.pack input{position:absolute;opacity:0;width:0;height:0}
.pack__box{
  position:relative;display:block;
  border:2px solid var(--line);border-radius:14px;
  padding:16px;background:var(--paper);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.pack:hover .pack__box{border-color:#bfe0cd}
.pack input:checked + .pack__box{
  border-color:var(--cta);background:#f4fdf7;
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
}
.pack input:focus-visible + .pack__box{outline:3px solid var(--gold-500);outline-offset:2px}
.pack__box::after{
  content:'';position:absolute;top:16px;right:16px;
  width:22px;height:22px;border-radius:50%;
  border:2px solid #cfd8d3;background:#fff;transition:.2s;
}
.pack input:checked + .pack__box::after{
  border-color:var(--cta);
  background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat;
}
.pack--best .pack__box{margin-top:12px;padding-top:22px}
.pack__flag{
  position:absolute;top:-11px;left:16px;
  background:linear-gradient(90deg,var(--gold-600),var(--gold-500));color:#fff;
  font-size:9.5px;font-weight:900;letter-spacing:.08em;
  padding:4px 10px;border-radius:100px;white-space:nowrap;
  box-shadow:0 3px 10px rgba(165,128,58,.35);
}
.pack__top{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.pack__qty{font-size:15px;font-weight:900;color:var(--green-900);letter-spacing:.03em}
.pack__off{
  font-size:10px;font-weight:900;letter-spacing:.05em;
  background:var(--red-600);color:#fff;padding:3px 8px;border-radius:4px;
}
.pack__mid{display:flex;align-items:center;gap:14px}
.pack__img{
  width:64px;height:64px;flex:none;border-radius:10px;
  background:var(--green-100) no-repeat center/40px;
  border:1px solid #cfe4d8;
}
.pack__img[data-i="one"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%232d6a4f' stroke-width='2'%3E%3Crect x='11' y='6' width='7' height='11' rx='2'/%3E%3Cpath d='M14.5 17v9'/%3E%3Ccircle cx='14.5' cy='29' r='4'/%3E%3Cpath d='M14.5 33l4 4'/%3E%3Crect x='23' y='6' width='7' height='11' rx='2'/%3E%3Cpath d='M26.5 17v9'/%3E%3Ccircle cx='26.5' cy='29' r='4'/%3E%3Cpath d='M26.5 33l4 4'/%3E%3C/svg%3E")}
.pack__img[data-i="two"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%232d6a4f' stroke-width='1.8'%3E%3Crect x='4' y='7' width='6' height='9' rx='2'/%3E%3Cpath d='M7 16v7'/%3E%3Ccircle cx='7' cy='26' r='3.4'/%3E%3Crect x='12' y='7' width='6' height='9' rx='2'/%3E%3Cpath d='M15 16v7'/%3E%3Ccircle cx='15' cy='26' r='3.4'/%3E%3Crect x='22' y='7' width='6' height='9' rx='2'/%3E%3Cpath d='M25 16v7'/%3E%3Ccircle cx='25' cy='26' r='3.4'/%3E%3Crect x='30' y='7' width='6' height='9' rx='2'/%3E%3Cpath d='M33 16v7'/%3E%3Ccircle cx='33' cy='26' r='3.4'/%3E%3C/svg%3E")}
.pack__prices{display:flex;flex-direction:column;line-height:1.25}
.pack__prices s{font-size:13px;color:var(--ink-3)}
.pack__prices b{font-size:26px;font-weight:900;color:var(--cta-dark);letter-spacing:-.02em}
.pack__prices small{font-size:12px;color:var(--ink-3);margin-top:2px}
.pack__foot{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:10px;
  border-top:1px dashed var(--line);
  font-size:12px;font-weight:600;color:var(--green-700);
}
.tick{
  display:inline-block;width:13px;height:13px;margin-right:3px;
  vertical-align:-2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* fields */
.order__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.order__lede{
  grid-column:1/-1;margin-top:-4px;
  font-size:13.5px;color:var(--ink-3);line-height:1.5;
}
.order__lede b{color:var(--green-800)}
.fld{display:flex;flex-direction:column;grid-column:1/-1}
.fld--half{grid-column:auto}
.fld label{
  font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;
}
.fld label i{color:var(--red-600);font-style:normal}
.fld label .opt{font-weight:500;color:var(--ink-3);font-size:12px}
.fld input,.fld select,.fld textarea{
  font-family:var(--sans);font-size:16px;color:var(--ink);
  background:#fbfcfb;border:1.5px solid var(--line);border-radius:10px;
  padding:13px 14px;width:100%;transition:border-color .18s,box-shadow .18s,background .18s;
}
.fld textarea{resize:vertical;line-height:1.5}
.fld select{
  appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a73' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:18px;
  padding-right:38px;
}
.fld input::placeholder,.fld textarea::placeholder{color:#a8b3ae}
.fld input:focus,.fld select:focus,.fld textarea:focus{
  outline:none;background:#fff;border-color:var(--cta);
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
}
.fld__hint{font-size:12px;color:var(--ink-3);margin-top:5px;line-height:1.4}
.fld__err{
  display:none;font-size:12px;font-weight:600;color:var(--red-600);margin-top:5px;
}
.fld.is-bad input,.fld.is-bad select,.fld.is-bad textarea{
  border-color:var(--red-500);background:var(--red-050);
}
.fld.is-bad .fld__err{display:block}
.fld.is-bad .fld__hint{display:none}
@media(max-width:560px){.order__fields{grid-template-columns:1fr}.fld--half{grid-column:1/-1}}

/* summary */
.summary{
  background:var(--green-050);border:1.5px solid #cfe4d8;
  border-radius:13px;padding:18px;
}
.summary h4{
  font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green-700);margin-bottom:12px;
}
.summary__row{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  font-size:14.5px;padding:7px 0;color:var(--ink-2);
}
.summary__row b{font-weight:700;color:var(--ink);white-space:nowrap}
.summary__row--muted{color:var(--ink-3);font-size:13.5px}
.summary__row .free{color:var(--cta-dark);font-weight:900;letter-spacing:.04em}
.summary__row--total{
  border-top:1.5px dashed #bfd6c8;margin-top:6px;padding-top:12px;
  font-size:16px;font-weight:800;color:var(--ink);
}
.summary__row--total b{font-size:26px;font-weight:900;color:var(--cta-dark);letter-spacing:-.02em}
.summary__save{
  margin-top:8px;text-align:center;font-size:13px;font-weight:800;
  color:var(--gold-700);background:var(--gold-050);
  border-radius:7px;padding:7px;
}

.order__submit{margin:0 auto;text-transform:none}
.order__submit-main{font-size:clamp(14px,2.3vw,17px);font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.order__submit-sub{font-size:12px;font-weight:600;opacity:.9;text-transform:none;letter-spacing:0}
.order__submit[disabled]{opacity:.65;cursor:wait;animation:none}

.order__status{
  text-align:center;font-size:14px;font-weight:600;line-height:1.5;
  padding:0;min-height:0;transition:.2s;
}
.order__status.is-err{color:var(--red-600);background:var(--red-050);border-radius:9px;padding:12px}
.order__status.is-ok{color:var(--cta-dark);background:#e8f7ee;border-radius:9px;padding:12px}

/* ══════════════════════════════════════════════
   THANK-YOU PAGE
   ══════════════════════════════════════════════ */
.ty-body{padding-bottom:40px}
.ty{padding-top:34px;padding-bottom:50px;max-width:var(--read)}

.ty__head{text-align:center;margin-bottom:38px}
.ty__tick{
  width:84px;height:84px;margin:0 auto 20px;border-radius:50%;
  background:var(--cta);display:grid;place-items:center;
  box-shadow:0 0 0 10px rgba(22,163,74,.13),0 12px 30px rgba(22,163,74,.3);
  animation:popIn .55s cubic-bezier(.22,1.4,.5,1) both;
}
.ty__tick svg{width:44px;height:44px;stroke:#fff;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
@keyframes popIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.ty__eyebrow{
  font-size:11.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
  color:var(--cta-dark);margin-bottom:10px;
}
.ty__title{
  font-family:var(--serif);font-size:clamp(27px,4.6vw,40px);
  font-weight:900;line-height:1.18;letter-spacing:-.022em;
  color:var(--green-900);margin-bottom:14px;
}
.ty__lede{
  font-size:17px;line-height:1.65;color:var(--ink-2);
  max-width:540px;margin:0 auto 18px;
}
.ty__lede b{color:var(--green-800)}
.ty__ref{
  display:inline-block;font-size:13px;color:var(--ink-3);
  background:var(--green-050);border:1px dashed #bfd6c8;border-radius:9px;
  padding:10px 18px;
}
.ty__ref b{
  font-family:ui-monospace,Menlo,monospace;font-size:15px;
  color:var(--green-800);letter-spacing:.04em;
}

.ty h2{
  font-family:var(--serif);font-size:23px;font-weight:900;
  color:var(--green-900);letter-spacing:-.015em;margin-bottom:16px;
}

/* steps */
.ty__next{margin-bottom:30px}
.tysteps{list-style:none;display:grid;gap:16px}
.tysteps li{display:flex;gap:14px;align-items:flex-start}
.tysteps__n{
  width:32px;height:32px;flex:none;border-radius:50%;
  background:var(--green-700);color:#fff;
  display:grid;place-items:center;font-size:14px;font-weight:900;
}
.tysteps li b{display:block;font-size:16px;color:var(--green-900);margin-bottom:3px}
.tysteps li p{font-size:15px;line-height:1.6;color:var(--ink-3)}
.tysteps li p b{display:inline;font-size:inherit;color:var(--ink)}
.tysteps__warn{display:block;margin-top:4px;color:var(--red-600);font-weight:600;font-size:14px}

/* cards */
.ty__card{
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:24px;margin-bottom:24px;box-shadow:var(--sh-1);
}
.tydl{display:grid;gap:0}
.tydl > div{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:11px 0;border-bottom:1px dashed var(--line);
}
/* display:flex above would otherwise defeat the [hidden] attribute */
.tydl > div[hidden]{display:none}
.tydl > div:last-child{border-bottom:none}
.tydl dt{font-size:13.5px;color:var(--ink-3);flex:none}
.tydl dd{font-size:15px;color:var(--ink);text-align:right;font-weight:600}
.tycod{
  font-size:11px;font-weight:900;letter-spacing:.06em;
  background:var(--cta);color:#fff;padding:4px 9px;border-radius:5px;
}
.tydl__total{border-top:2px solid var(--line);margin-top:6px;padding-top:14px !important}
.tydl__total dt{font-size:15px;font-weight:800;color:var(--ink)}
.tydl__total dd{font-size:27px;font-weight:900;color:var(--cta-dark);letter-spacing:-.02em}

/* alert */
.ty__alert{
  display:flex;gap:13px;align-items:flex-start;
  background:var(--red-050);border:1px solid #fbdada;border-left:4px solid var(--red-600);
  border-radius:0 12px 12px 0;padding:16px 18px;margin-bottom:24px;
  font-size:15px;line-height:1.6;color:var(--ink-2);
}
.ty__alert svg{width:24px;height:24px;flex:none;color:var(--red-600);margin-top:1px}
.ty__alert b{color:var(--red-600);display:block;margin-bottom:2px}

/* whatsapp */
.ty__wa{
  background:var(--green-050);border:1px solid #cfe4d8;border-radius:14px;
  padding:24px;margin-bottom:24px;text-align:center;
}
.ty__wa p{font-size:15px;color:var(--ink-3);line-height:1.6;margin-bottom:16px}
.ty__wa .btn-wa{max-width:420px;margin:0 auto}

/* how to use */
.tyuse{display:grid;gap:14px}
.tyuse__step{display:flex;gap:14px;align-items:flex-start}
.tyuse__n{
  flex:none;width:64px;text-align:center;
  background:var(--green-100);border-radius:9px;padding:8px 4px;
  font-size:14px;font-weight:900;color:var(--green-800);line-height:1.1;
}
.tyuse__n small{display:block;font-size:9px;letter-spacing:.1em;color:var(--ink-3);margin-top:3px}
.tyuse__step b{display:block;font-size:15px;color:var(--green-900);margin-bottom:2px}
.tyuse__step p{font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.tyuse__foot{
  margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);
  font-size:13.5px;color:var(--ink-3);line-height:1.6;
}

.ty__back{text-align:center;margin-top:10px}
.ty__back a{font-size:14px;color:var(--ink-3);font-weight:600}
.ty__back a:hover{color:var(--green-600)}

@media(max-width:560px){
  .ty__card,.ty__wa{padding:20px 16px}
  .tydl > div{flex-direction:column;align-items:flex-start;gap:3px}
  .tydl dd{text-align:left}
}

/* trust row */
.offer__trust{
  list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px;
  margin:24px 0 16px;padding-top:20px;border-top:1px solid var(--line);
}
.offer__trust li{
  display:flex;align-items:center;gap:9px;
  font-size:13px;color:var(--ink-2);line-height:1.35;
}
.offer__trust b{color:var(--green-800)}
.ic{width:22px;height:22px;flex:none;background:no-repeat center/contain}
.ic--cash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5 9v6M19 9v6' stroke-linecap='round'/%3E%3C/svg%3E")}
.ic--truck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a4f' stroke-width='2'%3E%3Cpath d='M1 15V6a1 1 0 011-1h11v11H2a1 1 0 01-1-1z'/%3E%3Cpath d='M13 8h5l4 4v4h-9z'/%3E%3Ccircle cx='6.5' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.ic--shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a055' stroke-width='2'%3E%3Cpath d='M12 2l8 3.5V11c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5.5z'/%3E%3Cpath d='M8.5 12l2.4 2.4L16 9.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.ic--box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a4f' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 2l9 5v10l-9 5-9-5V7z'/%3E%3Cpath d='M3 7l9 5 9-5M12 12v10'/%3E%3C/svg%3E")}
.ic--lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a4f' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 018 0v3'/%3E%3C/svg%3E")}
.offer__note{
  font-size:13.5px;color:var(--ink-3);line-height:1.6;text-align:center;
  background:var(--paper-2);border-radius:9px;padding:12px;
}
.offer__note b{color:var(--green-800)}
@media(max-width:600px){
  .offer{padding:30px 18px 24px}
  .offer__trust{grid-template-columns:1fr}
  .podbadge{flex-direction:column;text-align:center;gap:8px}
}

/* ── POD STEPS ─────────────────────────────── */
.podsteps{display:flex;align-items:stretch;justify-content:center;gap:8px;flex-wrap:wrap}
.podstep{
  flex:1;min-width:140px;text-align:center;position:relative;
  background:var(--green-050);border:1.5px solid var(--green-100);
  border-radius:12px;padding:22px 12px 16px;
}
.podstep--pay{background:#f0fdf4;border-color:#bbf7d0}
.podstep__n{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  width:24px;height:24px;border-radius:50%;background:var(--green-700);color:#fff;
  display:grid;place-items:center;font-size:11px;font-weight:900;
  box-shadow:0 0 0 4px var(--paper);
}
.podstep--pay .podstep__n{background:var(--cta)}
.podstep__ic{display:block;color:var(--green-600);margin-bottom:8px}
.podstep--pay .podstep__ic{color:var(--cta-dark)}
.podstep__ic svg{width:36px;height:36px;margin:0 auto}
.podstep b{display:block;font-size:14px;color:var(--green-900);margin-bottom:4px}
.podstep small{display:block;font-size:12px;color:var(--ink-3);line-height:1.45}
.podstep__arrow{align-self:center;color:#b5c4bc;font-size:19px;font-weight:700;flex:none}
@media(max-width:700px){
  .podsteps{flex-direction:column}
  .podstep__arrow{transform:rotate(90deg);margin:0 auto}
}

/* ── GUARANTEE ─────────────────────────────── */
.guarantee{
  display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:30px;margin:36px 0;box-shadow:var(--sh-1);
}
.seal svg{width:100%;height:auto;filter:drop-shadow(0 8px 20px rgba(165,128,58,.25))}
.guarantee__copy h3{
  font-family:var(--serif);font-size:26px;font-weight:900;
  color:var(--green-900);margin-bottom:12px;letter-spacing:-.02em;line-height:1.2;
}
.guarantee__copy p{font-size:15.5px;color:var(--ink-2);line-height:1.65;margin-bottom:12px}
.guarantee__copy em{font-style:italic;color:var(--green-700)}
.guarantee__list{list-style:none;display:grid;gap:6px;margin:14px 0}
.guarantee__list li{
  font-size:14.5px;color:var(--ink-2);padding-left:26px;position:relative;
}
.guarantee__list li::before{
  content:'';position:absolute;left:0;top:4px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
}
.guarantee__why{
  font-size:14px !important;color:var(--ink-3) !important;
  background:var(--paper-2);border-radius:9px;padding:13px 15px;margin-bottom:0 !important;
}
.guarantee__why b{color:var(--green-800)}
@media(max-width:760px){
  .guarantee{grid-template-columns:1fr;padding:24px 20px;text-align:center}
  .seal{max-width:170px;margin:0 auto}
  .guarantee__copy{text-align:left}
}

/* ── TWO PATHS ─────────────────────────────── */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.path{border-radius:14px;padding:22px;border:2px solid}
.path--bad{background:var(--red-050);border-color:#fbdada}
.path--good{background:var(--green-050);border-color:#bfe0cd;box-shadow:0 0 0 3px rgba(45,106,79,.07)}
.path header{margin-bottom:14px}
.path__tag{
  display:inline-block;font-size:10px;font-weight:900;letter-spacing:.09em;
  padding:3px 9px;border-radius:100px;margin-bottom:8px;text-transform:uppercase;
}
.path--bad .path__tag{background:var(--red-600);color:#fff}
.path--good .path__tag{background:var(--cta);color:#fff}
.path h4{
  font-family:var(--serif);font-size:20px;font-weight:900;
  color:var(--green-900);line-height:1.25;letter-spacing:-.015em;
}
.path--bad h4{color:#7f1d1d}
.path ul{list-style:none;display:grid;gap:9px}
.path li{
  font-size:14.5px;line-height:1.5;color:var(--ink-2);
  padding-left:25px;position:relative;
}
.path--bad li::before{
  content:'✕';position:absolute;left:0;top:0;
  color:var(--red-600);font-weight:900;font-size:13px;
}
.path--good li::before{
  content:'';position:absolute;left:0;top:3px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
}
.paths__foot{
  text-align:center;margin-top:22px;font-family:var(--serif);
  font-size:20px;font-weight:700;color:var(--green-800);font-style:italic;
}
@media(max-width:700px){.paths{grid-template-columns:1fr}}

/* ── STEPS ─────────────────────────────────── */
.steps{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:28px;margin:34px 0;box-shadow:var(--sh-1);text-align:center;
}
.steps ol{list-style:none;counter-reset:s;display:grid;gap:12px;text-align:left;margin-bottom:22px}
.steps li{
  counter-increment:s;position:relative;padding-left:42px;
  font-size:15.5px;line-height:1.6;color:var(--ink-2);
}
.steps li::before{
  content:counter(s);position:absolute;left:0;top:1px;
  width:28px;height:28px;border-radius:50%;
  background:var(--green-700);color:#fff;
  display:grid;place-items:center;font-size:13px;font-weight:900;
}
.steps li b{color:var(--ink)}
.steps__warn{
  background:var(--red-050);border-left:4px solid var(--red-600);
  border-radius:0 9px 9px 0;padding:14px 16px;text-align:left;
  font-size:15px;line-height:1.6;color:var(--ink-2);margin-bottom:16px;
}
.steps__warn b{color:var(--red-600)}
.steps__end{
  font-family:var(--serif);font-size:22px;font-weight:900;
  color:var(--green-900);margin-bottom:20px;letter-spacing:-.02em;
}

/* ── SIGN-OFF ──────────────────────────────── */
.signoff{margin:38px 0;padding:26px 0;border-top:1px solid var(--line)}
.signoff__with{font-size:15px;color:var(--ink-3)}
.signoff__sig{
  font-family:var(--serif);font-size:30px;font-weight:400;font-style:italic;
  color:var(--green-800);margin:2px 0 4px;letter-spacing:-.01em;
}
.signoff__role{font-size:13px;color:var(--ink-3);margin-bottom:20px}
.ps{display:grid;gap:12px}
.ps p{
  font-size:14.5px;line-height:1.65;color:var(--ink-2);
  background:var(--paper-2);border-radius:9px;padding:13px 16px;
}
.ps b{color:var(--green-800)}

/* ── COMMENTS ──────────────────────────────── */
.comments{
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:22px;margin:34px 0;
}
.comments__head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px;
}
.comments__head h3{font-size:17px;font-weight:800;color:var(--ink)}
.comments__head span{color:var(--ink-3);font-weight:500}
.comments__sort{font-size:13px;color:var(--ink-3)}
.comments__sort b{color:var(--ink-2)}
.clist{list-style:none;display:grid;gap:14px}
.cmt{display:flex;gap:10px}
.cmt--reply{margin-left:34px}
.cmt__n{font-size:13.5px;font-weight:700;color:#385898;line-height:1.3}
.cmt__b{
  font-size:14.5px;line-height:1.5;color:var(--ink-2);
  background:#f0f2f5;border-radius:12px;padding:8px 12px;margin:3px 0 4px;
  display:inline-block;
}
.cmt__b b{color:var(--ink)}
.cmt__a{font-size:11.5px;color:var(--ink-3)}
.cmt__a b{color:#385898}
.clist__more{
  width:100%;margin-top:16px;padding:11px;
  background:var(--paper-2);border:1px solid var(--line);border-radius:9px;
  font-family:var(--sans);font-size:13.5px;font-weight:700;color:var(--ink-3);
  cursor:pointer;transition:.15s;
}
.clist__more:hover{background:#eef1ef;color:var(--ink-2)}
@media(max-width:520px){.cmt--reply{margin-left:18px}}

/* ── FINAL CTA ─────────────────────────────── */
.final{
  background:linear-gradient(165deg,var(--green-800),var(--green-900));
  border-radius:18px;padding:38px 28px;margin:36px 0;
  text-align:center;color:#fff;box-shadow:var(--sh-3);
}
.final__eyebrow{
  font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;
  color:var(--gold-300);margin-bottom:10px;
}
.final h3{
  font-family:var(--serif);font-size:clamp(24px,4vw,33px);
  font-weight:400;line-height:1.25;letter-spacing:-.02em;margin-bottom:14px;
}
.final h3 b{font-weight:900;color:var(--gold-300)}
.final__body{
  font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.75);
  max-width:520px;margin:0 auto 24px;
}
.final__body b{color:#fff}
.final__timer{
  margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);
}
.final__timer b{
  color:#fff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:900;
  background:rgba(255,255,255,.1);padding:3px 9px;border-radius:6px;margin-left:4px;
}

/* ── FOOTER ────────────────────────────────── */
.foot{background:#1a1f1d;color:#8a9490;padding:34px 0 40px;margin-top:20px}
.foot__disc{font-size:11px;line-height:1.65;margin-bottom:18px;color:#77817d}
.foot__disc b{color:#a8b2ae;display:block;margin-bottom:6px;letter-spacing:.02em}
.foot__links{font-size:12.5px;margin-bottom:8px}
.foot__links a{color:#9fada7}
.foot__links a:hover{color:#fff}
.foot__links span{margin:0 8px;opacity:.4}
.foot__copy{font-size:12px;color:#69736f}

/* ── STICKY BAR ────────────────────────────── */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
  border-top:1px solid var(--line);
  box-shadow:0 -6px 22px rgba(20,32,27,.1);
  transform:translateY(110%);transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.sticky.is-on{transform:translateY(0)}
.sticky__inner{
  max-width:var(--wrap-wide);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-top:11px;padding-bottom:11px;
}
.sticky__info{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.sticky__info > b{
  font-size:14px;color:var(--green-900);
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
.sticky__pod{
  font-size:8.5px;font-weight:900;letter-spacing:.07em;
  background:var(--cta);color:#fff;padding:2px 6px;border-radius:3px;
}
.sticky__info > span{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky__info s{opacity:.6}
.sticky__info em{font-style:normal;font-weight:900;color:var(--cta-dark);font-size:14px}
.sticky__info > span > b{color:var(--red-600);font-variant-numeric:tabular-nums}
@media(max-width:520px){
  .sticky__info > b{font-size:12.5px}
  .sticky__info > span{font-size:11px}
  .btn--sm{padding:11px 14px;font-size:11.5px}
}

/* ══════════════════════════════════════════════
   PHOTO SLOTS — graceful placeholder if the file isn't there yet
   ══════════════════════════════════════════════ */
.ph{
  position:relative;border-radius:12px;overflow:hidden;
  background:var(--green-100);box-shadow:var(--sh-1);
}
.ph--sq{aspect-ratio:1/1;background:#fff}
/* supplier photos carry baked-in labels — contain, never crop them */
.ph img{width:100%;height:100%;object-fit:contain;display:block}
.ph__ph{display:none}
.ph.is-empty img{display:none}
.ph.is-empty .ph__ph{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  height:100%;text-align:center;padding:16px;color:var(--green-700);
  background:repeating-linear-gradient(45deg,#eaf3ee,#eaf3ee 10px,#e2eee7 10px,#e2eee7 20px);
}
.ph__ph b{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:700}
.ph__ph small{font-size:11.5px;color:var(--ink-3)}

/* ── FEATURE PHOTO STRIP ───────────────────── */
.feats{margin:36px 0}
.feats__title{
  font-family:var(--serif);font-size:26px;font-weight:900;
  color:var(--green-900);text-align:center;letter-spacing:-.015em;margin-bottom:20px;
}
.feats__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:var(--read);margin:0 auto}
.feat figcaption{
  font-size:14px;line-height:1.55;color:var(--ink-3);padding-top:11px;
}
.feat figcaption b{
  display:block;font-size:15px;color:var(--green-900);margin-bottom:3px;letter-spacing:-.01em;
}
@media(max-width:760px){.feats__grid{grid-template-columns:1fr;gap:22px}}

/* ── BEFORE / AFTER ────────────────────────── */
.ba{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:28px 26px;margin:36px 0;box-shadow:var(--sh-1);
}
.ba__title{
  font-family:var(--serif);font-size:26px;font-weight:900;
  color:var(--green-900);text-align:center;letter-spacing:-.015em;
}
.ba__sub{
  text-align:center;font-size:15px;color:var(--ink-3);
  margin:6px auto 20px;max-width:520px;line-height:1.5;
}
.ba__img{max-width:600px;margin:0 auto}
.ba__disc{
  margin-top:14px;text-align:center;font-size:12px;color:var(--ink-3);line-height:1.5;
}

/* ══════════════════════════════════════════════
   WHATSAPP
   ══════════════════════════════════════════════ */
.wablock{margin-top:18px}
.wablock__or{
  display:flex;align-items:center;gap:12px;
  font-size:12.5px;font-weight:700;color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;
}
.wablock__or i{flex:1;height:1px;background:var(--line)}
.btn-wa{
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:#25D366;color:#fff !important;
  border:none;border-radius:14px;padding:14px 20px;
  box-shadow:0 4px 0 #1da851,0 10px 22px rgba(37,211,102,.32);
  transition:transform .12s,box-shadow .12s,filter .2s;
}
.btn-wa:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-wa:active{transform:translateY(3px);box-shadow:0 1px 0 #1da851}
.btn-wa svg{width:32px;height:32px;flex:none}
.btn-wa b{display:block;font-size:16px;font-weight:900;letter-spacing:.01em}
.btn-wa small{display:block;font-size:12px;opacity:.92;font-weight:500}
.wablock__hint{
  margin-top:9px;text-align:center;
  font-size:12.5px;line-height:1.5;color:var(--ink-3);
}

/* floating action button */
.wafab{
  position:fixed;right:16px;bottom:96px;z-index:75;
  display:flex;align-items:center;gap:0;
  width:56px;height:56px;border-radius:100px;
  background:#25D366;color:#fff !important;
  box-shadow:0 6px 18px rgba(37,211,102,.45);
  overflow:hidden;white-space:nowrap;
  transition:width .28s cubic-bezier(.22,1,.36,1),box-shadow .2s;
  padding:0 12px;
}
.wafab svg{width:32px;height:32px;flex:none}
.wafab__label{
  font-size:14px;font-weight:800;opacity:0;
  transition:opacity .2s ease .06s;padding-left:10px;
}
.wafab:hover{width:216px;box-shadow:0 8px 26px rgba(37,211,102,.6)}
.wafab:hover .wafab__label{opacity:1}
@media(max-width:640px){
  .wafab{width:52px;height:52px;bottom:88px;right:12px;padding:0 10px}
  .wafab svg{width:30px;height:30px}
  .wafab:hover{width:52px}
  .wafab:hover .wafab__label{opacity:0}
}

/* ══════════════════════════════════════════════
   READING MEASURE
   The page is wide, but running text is capped so lines stay
   readable. Graphics, the offer, and the hero use the full width.
   ══════════════════════════════════════════════ */
.lede-head,
.headline,
.dek,
.byline,
.chap,
.prose,
.steps,
.signoff{
  max-width:var(--read);
  margin-left:auto;
  margin-right:auto;
}

/* ── SCROLL REVEAL ─────────────────────────── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.rv.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}