/** Shopify CDN: Minification failed

Line 491:0 Unexpected "}"
Line 532:0 Unexpected "}"
Line 603:0 Unexpected "}"

**/
/* NHD Oxidative Stress Test Package page. Loaded only by sections/nhd-oxtp.liquid. All selectors scoped to #nhd-ost-test. */
/* ==========================================================================
   NHD Oxidative Stress - Your Next Steps
   Elementor HTML widget. All selectors scoped to #nhd-ost-test.
   Fonts are NOT declared here. Porter and Myriad Pro are served by NHD.
   Minimum font size anywhere on this page: 16px.
   ========================================================================== */
#nhd-ost-test{
  /* --- palette (NHD Brand Guidelines p.11) --- */
  --nhd-red:#5a0c12;
  --nhd-black:#323233;
  --nhd-burgundy:#3a0000;
  --nhd-tan:#e4d1ba;
  --nhd-gold:#7a6040;
  --nhd-white:#ffffff;
  /* --- derived tints (Guidelines p.10 gradient set) --- */
  --nhd-ink:#1f1e21;
  --nhd-burgundy-deep:#240000;
  --nhd-tan-soft:#f3ebdf;
  --nhd-surface:#3b3b3e;
  --nhd-body-ink:#3f3e41;
  --nhd-muted:#6b6a6e;
  /* --- type --- */
  --nhd-display:'Porter','Porter Fallback',Impact,sans-serif;
  --nhd-body:'Myriad Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  /* --- layout --- */
  --nhd-max:1180px;
  --nhd-radius:12px;
  --nhd-sticky-h:78px;

  font-family:var(--nhd-body);
  font-weight:400;
  font-size:20px;
  line-height:1.6;
  color:var(--nhd-ink);
  background:var(--nhd-white);
  -webkit-font-smoothing:antialiased;
}
#nhd-ost-test *{margin:0;padding:0;box-sizing:border-box}
#nhd-ost-test img{max-width:100%;height:auto;display:block}
#nhd-ost-test a{color:inherit;text-decoration:none}
#nhd-ost-test .nhd-wrap{max-width:var(--nhd-max);margin:0 auto;padding:0 24px}

/* ---------- type scale (nothing below 16px) ---------- */
#nhd-ost-test h1,
#nhd-ost-test h2,
#nhd-ost-test h3{font-family:var(--nhd-display);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--nhd-burgundy)}
#nhd-ost-test h1{font-size:clamp(36px,5.2vw,64px);line-height:1.06;margin-bottom:18px}
#nhd-ost-test h2{font-size:clamp(30px,3.8vw,46px);margin-bottom:16px}
#nhd-ost-test h3{font-size:clamp(22px,2.2vw,26px);line-height:1.2;margin-bottom:10px}
#nhd-ost-test p{font-size:20px;line-height:1.6}
#nhd-ost-test .nhd-eyebrow{font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:16px;line-height:1.4;color:var(--nhd-gold)}
#nhd-ost-test .nhd-fine{font-size:17px;line-height:1.55}

/* ---------- buttons ---------- */
#nhd-ost-test .nhd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--nhd-body);font-weight:700;font-size:20px;line-height:1.2;
  min-height:56px;padding:16px 34px;border:2px solid transparent;border-radius:var(--nhd-radius);
  text-align:center;cursor:pointer;
  transition:transform .18s cubic-bezier(.22,.7,.3,1),box-shadow .18s ease,background .18s ease}
#nhd-ost-test .nhd-btn:focus-visible{outline:3px solid var(--nhd-gold);outline-offset:3px}
#nhd-ost-test a:focus-visible,#nhd-ost-test input:focus-visible,#nhd-ost-test summary:focus-visible{
  outline:3px solid var(--nhd-gold);outline-offset:3px;border-radius:4px}
#nhd-ost-test .nhd-utility a:focus-visible,#nhd-ost-test .nhd-foot a:focus-visible{outline-color:var(--nhd-tan)}
#nhd-ost-test .nhd-btn--primary{background:var(--nhd-red);color:var(--nhd-white);box-shadow:0 8px 22px rgba(90,12,18,.3)}
#nhd-ost-test .nhd-btn--primary:hover{background:#6f1018;transform:translateY(-2px);box-shadow:0 14px 30px rgba(90,12,18,.38)}
#nhd-ost-test .nhd-btn--lg{font-size:21px;min-height:62px;padding:18px 42px}

/* ---------- utility bar + nav ---------- */
#nhd-ost-test .nhd-utility{background:var(--nhd-burgundy);color:var(--nhd-tan);font-size:17px}
#nhd-ost-test .nhd-utility-inner{display:flex;justify-content:flex-end;align-items:center;gap:28px;min-height:48px;flex-wrap:wrap}
#nhd-ost-test .nhd-utility a{color:var(--nhd-tan);font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:44px}
#nhd-ost-test .nhd-utility a:hover{color:var(--nhd-white)}
#nhd-ost-test .nhd-utility .nhd-phone{font-weight:700;color:var(--nhd-white)}
#nhd-ost-test .nhd-utility .nhd-sep{opacity:.35}
#nhd-ost-test .nhd-nav{background:var(--nhd-white);border-bottom:1px solid rgba(50,50,51,.08)}
#nhd-ost-test .nhd-nav-inner{display:flex;align-items:center;justify-content:flex-start;min-height:88px;padding:44px 0}
#nhd-ost-test .nhd-nav-inner img{height:56px;width:auto}

/* ---------- hero ---------- */
#nhd-ost-test .nhd-hero{position:relative;background:var(--nhd-tan-soft);overflow:hidden;isolation:isolate}
#nhd-ost-test .nhd-hero{background:var(--nhd-tan-soft)}
/* --- dark hero variant: photographic burgundy background, light type --- */
#nhd-ost-test .nhd-hero--dark{background:var(--nhd-burgundy-deep)}
#nhd-ost-test .nhd-hero--dark h1{color:var(--nhd-white)}
#nhd-ost-test .nhd-hero--dark .nhd-eyebrow{color:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-hero-sub{color:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-lede{color:rgba(255,255,255,.93)}
#nhd-ost-test .nhd-hero--dark .nhd-hero-fine{color:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-hero-fine .nhd-tick{color:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-ecg .nhd-base,
#nhd-ost-test .nhd-hero--dark .nhd-ecg .nhd-scan{stroke:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-ecg .nhd-node,
#nhd-ost-test .nhd-hero--dark .nhd-ecg .nhd-halo{fill:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-cd > div{background:rgba(255,255,255,.12);border-color:rgba(228,209,186,.3);
  backdrop-filter:blur(6px);box-shadow:none}
#nhd-ost-test .nhd-hero--dark .nhd-cd b{color:var(--nhd-white)}
#nhd-ost-test .nhd-hero--dark .nhd-cd span{color:var(--nhd-tan)}
#nhd-ost-test .nhd-hero--dark .nhd-form-slot--hero{border-color:rgba(228,209,186,.3);box-shadow:0 22px 50px rgba(0,0,0,.45)}
#nhd-ost-test .nhd-hero-inner{position:relative;z-index:1;padding:44px 0 64px}
#nhd-ost-test .nhd-hero-content{max-width:620px}
#nhd-ost-test .nhd-hero-sub{font-family:var(--nhd-display);font-weight:700;font-size:clamp(21px,2.1vw,27px);line-height:1.25;color:var(--nhd-red);margin-bottom:6px;max-width:30ch}
#nhd-ost-test .nhd-lede{font-size:20px;line-height:1.6;color:var(--nhd-black);max-width:52ch;margin-bottom:24px}

/* ---------- date + countdown ---------- */
#nhd-ost-test .nhd-when{display:inline-flex;align-items:stretch;border-radius:var(--nhd-radius);overflow:hidden;
  box-shadow:0 12px 30px rgba(31,30,33,.18);margin-bottom:20px;max-width:100%}
#nhd-ost-test .nhd-when-day{background:var(--nhd-burgundy);color:var(--nhd-white);padding:14px 22px;text-align:center;
  display:flex;flex-direction:column;justify-content:center}
#nhd-ost-test .nhd-when-day .nhd-m{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:16px;color:var(--nhd-tan)}
#nhd-ost-test .nhd-when-day .nhd-d{font-family:var(--nhd-display);font-weight:700;font-size:38px;line-height:1}
#nhd-ost-test .nhd-when-txt{background:var(--nhd-white);padding:14px 24px;display:flex;flex-direction:column;justify-content:center}
#nhd-ost-test .nhd-when-txt strong{font-family:var(--nhd-display);font-weight:700;font-size:21px;color:var(--nhd-burgundy);line-height:1.2}
#nhd-ost-test .nhd-when-txt span{font-size:17px;font-weight:700;color:var(--nhd-gold);letter-spacing:.03em}
#nhd-ost-test .nhd-cd{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
#nhd-ost-test .nhd-cd > div{background:var(--nhd-white);border:1px solid rgba(122,96,64,.22);border-radius:var(--nhd-radius);
  padding:12px 6px;min-width:86px;text-align:center;box-shadow:0 6px 16px rgba(31,30,33,.08)}
#nhd-ost-test .nhd-cd b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:32px;line-height:1;color:var(--nhd-red)}
#nhd-ost-test .nhd-cd span{display:block;margin-top:6px;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nhd-gold)}

/* ---------- host card ---------- */

/* ---------- registration form ---------- */
#nhd-ost-test .nhd-form-slot{position:relative;max-width:560px;margin:8px auto 0;background:var(--nhd-white);
  border-radius:14px;padding:0 0 26px;overflow:hidden;text-align:left;
  box-shadow:0 22px 50px rgba(0,0,0,.34);
  transition:transform .3s cubic-bezier(.22,.7,.3,1),box-shadow .3s ease}
#nhd-ost-test .nhd-form-slot::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--nhd-red),var(--nhd-gold),var(--nhd-red));background-size:200% 100%;
  animation:nhdSheen 6s linear infinite}
@keyframes nhdSheen{from{background-position:0% 0}to{background-position:200% 0}}
#nhd-ost-test .nhd-form-slot:hover{transform:translateY(-3px);box-shadow:0 30px 64px rgba(0,0,0,.4)}
#nhd-ost-test .nhd-form-head{font-family:var(--nhd-display);font-weight:700;font-size:25px;line-height:1.2;
  color:var(--nhd-burgundy);text-align:center;padding:26px 26px 4px}
#nhd-ost-test .nhd-form-sub{text-align:center;font-size:17px;color:var(--nhd-body-ink);padding:0 26px 20px}
#nhd-ost-test .nhd-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 26px}
#nhd-ost-test .nhd-fields label{position:relative;display:block}
#nhd-ost-test .nhd-fields label.nhd-wide{grid-column:1/-1}
#nhd-ost-test .nhd-lbl{position:absolute;left:46px;top:17px;font-size:18px;color:#6b6a6e;pointer-events:none;
  transition:transform .18s ease,color .18s ease;transform-origin:left top;background:var(--nhd-white);padding:0 5px}
#nhd-ost-test .nhd-fields input{width:100%;font-family:var(--nhd-body);font-size:19px;color:var(--nhd-ink);
  min-height:58px;padding:17px 16px 17px 46px;border:1.5px solid rgba(31,30,33,.2);border-radius:10px;background:#fdfbf8;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
#nhd-ost-test .nhd-ico{position:absolute;left:16px;top:18px;width:20px;height:20px;opacity:.55;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease}
#nhd-ost-test .nhd-ico svg{width:20px;height:20px;display:block;fill:var(--nhd-gold)}
#nhd-ost-test .nhd-fields input:focus{outline:none;border-color:var(--nhd-red);background:var(--nhd-white);
  box-shadow:0 0 0 4px rgba(90,12,18,.12)}
#nhd-ost-test .nhd-fields input:focus + .nhd-ico{opacity:1;transform:scale(1.08)}
#nhd-ost-test .nhd-fields input:focus ~ .nhd-lbl,
#nhd-ost-test .nhd-fields input:not(:placeholder-shown) ~ .nhd-lbl{
  transform:translate(-30px,-29px) scale(.9);color:var(--nhd-gold);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#nhd-ost-test .nhd-submit{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:4px;background:linear-gradient(135deg,var(--nhd-red),#7d1420);color:var(--nhd-white);
  font-weight:700;font-size:21px;min-height:62px;padding:18px 24px;border-radius:10px;overflow:hidden;cursor:pointer;
  box-shadow:0 10px 24px rgba(90,12,18,.32);
  transition:transform .2s cubic-bezier(.22,.7,.3,1),box-shadow .2s ease}
#nhd-ost-test .nhd-submit::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.34),rgba(255,255,255,0));
  transform:skewX(-18deg);transition:left .55s ease}
#nhd-ost-test .nhd-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(90,12,18,.42)}
#nhd-ost-test .nhd-submit:hover::after{left:125%}
#nhd-ost-test .nhd-arw{transition:transform .22s ease}
#nhd-ost-test .nhd-submit:hover .nhd-arw{transform:translateX(4px)}
#nhd-ost-test .nhd-form-trust{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 26px 0;
  font-size:16px;line-height:1.45;color:var(--nhd-muted)}
#nhd-ost-test .nhd-form-trust svg{width:15px;height:15px;fill:var(--nhd-gold);flex:none}
#nhd-ost-test .nhd-form-slot--hero{margin:0 0 16px;max-width:486px;
  box-shadow:0 16px 40px rgba(31,30,33,.2);border:1px solid rgba(122,96,64,.16)}
#nhd-ost-test .nhd-hero-fine{margin-top:4px;font-size:17px;font-weight:700;letter-spacing:.02em;color:var(--nhd-gold)}
#nhd-ost-test .nhd-hero-fine .nhd-tick{color:var(--nhd-red)}

/* ---------- section heads ---------- */
#nhd-ost-test .nhd-sec-head{text-align:center;max-width:720px;margin:0 auto 30px}
#nhd-ost-test .nhd-sec-head .nhd-eyebrow{margin-bottom:12px}
#nhd-ost-test .nhd-sec-head p{margin-top:16px;font-size:20px;line-height:1.6}

/* ---------- learn cards ---------- */
#nhd-ost-test .nhd-learn{background:var(--nhd-white);padding:50px 0}
#nhd-ost-test .nhd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#nhd-ost-test .nhd-card{background:var(--nhd-tan-soft);border:1px solid rgba(31,30,33,.08);border-radius:var(--nhd-radius);padding:32px 28px}
#nhd-ost-test .nhd-num{width:52px;height:52px;border-radius:50%;background:var(--nhd-red);color:var(--nhd-white);
  display:flex;align-items:center;justify-content:center;font-family:var(--nhd-display);font-weight:700;font-size:20px;margin-bottom:18px}
#nhd-ost-test .nhd-card p{font-size:19px;line-height:1.6;color:var(--nhd-body-ink)}

/* ---------- how it works ---------- */
#nhd-ost-test .nhd-steps{background:var(--nhd-black);color:var(--nhd-tan);padding:47px 0}
#nhd-ost-test .nhd-steps h2{color:var(--nhd-white)}
#nhd-ost-test .nhd-steps .nhd-eyebrow{color:var(--nhd-tan)}
#nhd-ost-test .nhd-steps .nhd-sec-head p{color:rgba(228,209,186,.92)}
#nhd-ost-test .nhd-step{background:var(--nhd-surface);border:1px solid rgba(228,209,186,.16);border-radius:var(--nhd-radius);overflow:hidden}
#nhd-ost-test .nhd-step-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--nhd-burgundy)}
#nhd-ost-test .nhd-step-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.7,.3,1)}
#nhd-ost-test .nhd-step-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,30,33,0) 55%,rgba(59,59,62,.85) 100%)}
#nhd-ost-test .nhd-step:hover .nhd-step-media img{transform:scale(1.05)}
#nhd-ost-test .nhd-step-body{padding:0 24px 28px}
#nhd-ost-test .nhd-step-num{position:relative;z-index:2;width:52px;height:52px;margin:-26px 0 16px;border-radius:50%;
  background:var(--nhd-red);color:var(--nhd-white);display:flex;align-items:center;justify-content:center;
  font-family:var(--nhd-display);font-weight:700;font-size:20px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
#nhd-ost-test .nhd-step h3{color:var(--nhd-white)}
#nhd-ost-test .nhd-step p{font-size:18px;line-height:1.6;color:rgba(228,209,186,.92)}

/* ---------- invite ---------- */
#nhd-ost-test .nhd-invite{background:var(--nhd-tan-soft);padding:46px 0}
#nhd-ost-test .nhd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}
#nhd-ost-test .nhd-invite-card{background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);border-left:4px solid var(--nhd-red);
  border-radius:var(--nhd-radius);padding:28px 26px}
#nhd-ost-test .nhd-invite-card strong{display:block;font-family:var(--nhd-display);font-weight:700;font-size:22px;color:var(--nhd-burgundy);margin-bottom:10px}
#nhd-ost-test .nhd-invite-card span{font-size:19px;line-height:1.6;color:var(--nhd-body-ink)}

/* ---------- practitioner quotes ---------- */
#nhd-ost-test .nhd-docs{background:var(--nhd-white);padding:50px 0}
#nhd-ost-test .nhd-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto}
#nhd-ost-test .nhd-doc{background:var(--nhd-tan-soft);border:1px solid rgba(31,30,33,.08);border-radius:var(--nhd-radius);
  padding:32px 30px;display:flex;flex-direction:column;height:100%}
#nhd-ost-test .nhd-doc blockquote{font-size:19px;line-height:1.62;color:var(--nhd-body-ink);font-style:italic;flex:1;margin-bottom:22px}
#nhd-ost-test .nhd-doc figcaption{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(31,30,33,.12)}
#nhd-ost-test .nhd-doc figcaption img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;flex:none;border:2px solid var(--nhd-tan)}
#nhd-ost-test .nhd-doc figcaption span{font-weight:700;font-size:17px;line-height:1.35;color:var(--nhd-burgundy)}

/* ---------- register band ---------- */
#nhd-ost-test .nhd-register{background:linear-gradient(140deg,var(--nhd-red),var(--nhd-burgundy));color:var(--nhd-white);
  padding:50px 0;text-align:center}
#nhd-ost-test .nhd-register h2{color:var(--nhd-white)}
#nhd-ost-test .nhd-register .nhd-eyebrow{color:var(--nhd-tan);margin-bottom:12px}
#nhd-ost-test .nhd-register-inner{max-width:680px;margin:0 auto}
#nhd-ost-test .nhd-register-when{font-family:var(--nhd-display);font-weight:700;font-size:clamp(21px,2.2vw,26px);color:var(--nhd-tan);margin-bottom:24px}
#nhd-ost-test .nhd-register-fine{margin-top:22px;font-size:18px;font-weight:700;color:var(--nhd-tan)}
#nhd-ost-test .nhd-note{margin:22px auto 0;max-width:52ch;font-size:18px;line-height:1.6;color:rgba(255,255,255,.94);
  background:rgba(255,255,255,.09);border:1px solid rgba(228,209,186,.32);border-radius:var(--nhd-radius);padding:18px 24px}
#nhd-ost-test .nhd-note strong{color:var(--nhd-tan)}

/* ---------- footer ---------- */
#nhd-ost-test .nhd-foot{background:var(--nhd-ink);color:rgba(255,255,255,.8);padding:44px 0;font-size:17px}
#nhd-ost-test .nhd-foot-inner{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:center}
#nhd-ost-test .nhd-foot img{height:58px;width:auto}
#nhd-ost-test .nhd-foot-contact{display:flex;gap:26px;flex-wrap:wrap;align-items:center}
#nhd-ost-test .nhd-foot-contact a{color:rgba(255,255,255,.92);font-weight:700;min-height:44px;display:inline-flex;align-items:center}
#nhd-ost-test .nhd-foot-addr{color:rgba(255,255,255,.7);font-weight:400}
#nhd-ost-test .nhd-disclaimer{width:100%;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);
  font-size:16px;line-height:1.65;color:rgba(255,255,255,.7)}
#nhd-ost-test .nhd-disclaimer strong{display:block;color:rgba(255,255,255,.8);font-size:16px;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}
#nhd-ost-test .nhd-tag{margin-top:22px;text-align:center;color:rgba(255,255,255,.6);font-size:16px;width:100%}

/* ---------- ECG rule ---------- */
#nhd-ost-test .nhd-ecg{display:block;width:100%;max-width:520px;height:48px;margin:18px 0 20px}
#nhd-ost-test .nhd-ecg--sm{max-width:132px;height:26px;margin:20px auto 0}
#nhd-ost-test .nhd-ecg--sm .nhd-base{stroke-width:2;opacity:.5}
#nhd-ost-test .nhd-ecg--sm .nhd-scan{stroke-width:2.4;stroke-dasharray:22 138;stroke-dashoffset:160}
@media (prefers-reduced-motion:no-preference){
  #nhd-ost-test .nhd-ecg--sm .nhd-scan{animation:nhdTraceSm 3.4s linear infinite}
}
@keyframes nhdTraceSm{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
#nhd-ost-test .nhd-ecg svg{width:100%;height:100%;overflow:visible;display:block}
#nhd-ost-test .nhd-ecg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#nhd-ost-test .nhd-ecg .nhd-base{stroke:var(--nhd-gold);stroke-width:2.4;opacity:.45}
#nhd-ost-test .nhd-ecg .nhd-scan{stroke:var(--nhd-red);stroke-width:3.2;stroke-dasharray:64 520;stroke-dashoffset:584;opacity:0}
#nhd-ost-test .nhd-ecg .nhd-node{fill:var(--nhd-gold)}
#nhd-ost-test .nhd-ecg .nhd-halo{fill:var(--nhd-gold);opacity:.16}
@media (prefers-reduced-motion:no-preference){
  #nhd-ost-test .nhd-ecg .nhd-scan{opacity:1;animation:nhdTrace 4.6s linear infinite}
}
@keyframes nhdTrace{from{stroke-dashoffset:584}to{stroke-dashoffset:0}}
#nhd-ost-test .nhd-steps .nhd-ecg .nhd-base,#nhd-ost-test .nhd-steps .nhd-ecg .nhd-scan,
#nhd-ost-test .nhd-register .nhd-ecg .nhd-base,#nhd-ost-test .nhd-register .nhd-ecg .nhd-scan{stroke:var(--nhd-tan)}
#nhd-ost-test .nhd-steps .nhd-ecg .nhd-node,#nhd-ost-test .nhd-steps .nhd-ecg .nhd-halo,
#nhd-ost-test .nhd-register .nhd-ecg .nhd-node,#nhd-ost-test .nhd-register .nhd-ecg .nhd-halo{fill:var(--nhd-tan)}

/* ---------- motion ---------- */
#nhd-ost-test .nhd-reveal{opacity:0;transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.22,.7,.3,1),transform .6s cubic-bezier(.22,.7,.3,1)}
#nhd-ost-test .nhd-reveal.nhd-in{opacity:1;transform:none}
#nhd-ost-test .nhd-hover{transition:transform .25s cubic-bezier(.22,.7,.3,1),box-shadow .25s ease,border-color .25s ease}
#nhd-ost-test .nhd-hover:hover{transform:translateY(-5px)}
#nhd-ost-test .nhd-card.nhd-hover:hover,#nhd-ost-test .nhd-doc.nhd-hover:hover,
#nhd-ost-test .nhd-invite-card.nhd-hover:hover{box-shadow:0 16px 34px rgba(31,30,33,.14);border-color:rgba(122,96,64,.34)}
#nhd-ost-test .nhd-step.nhd-hover:hover{box-shadow:0 18px 38px rgba(0,0,0,.34);border-color:rgba(228,209,186,.4)}

/* ---------- sticky mobile CTA ---------- */
#nhd-ost-test .nhd-sticky{display:none}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
/* was max-width:1024px, which collapsed the step cards to one column on iPad
   landscape and added ~2,100px to the page. These cards are short enough to
   sit three across at 1024. */
@media (max-width:940px){
  #nhd-ost-test .nhd-grid-3{grid-template-columns:1fr;gap:20px}
}
@media (max-width:940px){
  #nhd-ost-test .nhd-hero-inner{padding:44px 0 46px}
  #nhd-ost-test .nhd-hero-content{max-width:none}
  #nhd-ost-test .nhd-hero--dark .nhd-hero-inner{padding-bottom:46px}
  #nhd-ost-test .nhd-hero-inner{padding-bottom:180px}
    #nhd-ost-test .nhd-form-slot--hero{max-width:none}
  #nhd-ost-test .nhd-grid-2,#nhd-ost-test .nhd-docs-grid{grid-template-columns:1fr}
  #nhd-ost-test .nhd-foot-inner{justify-content:center;text-align:center}
  #nhd-ost-test .nhd-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;align-items:center;
    height:var(--nhd-sticky-h);padding:0 16px calc(0px + env(safe-area-inset-bottom));
    background:var(--nhd-white);border-top:1px solid rgba(31,30,33,.14);box-shadow:0 -6px 20px rgba(31,30,33,.16);box-sizing:content-box}
  #nhd-ost-test .nhd-sticky .nhd-btn{flex:1;min-height:56px;font-size:19px;padding:14px 16px}
  #nhd-ost-test{padding-bottom:calc(var(--nhd-sticky-h) + 1px + env(safe-area-inset-bottom))}
}
@media (max-width:600px){
  #nhd-ost-test{font-size:19px}
  #nhd-ost-test p{font-size:19px}
  #nhd-ost-test .nhd-wrap{padding:0 18px}
  #nhd-ost-test .nhd-utility-inner{justify-content:center;gap:18px;font-size:16px}
  #nhd-ost-test .nhd-nav-inner img{height:46px}
  #nhd-ost-test .nhd-btn,#nhd-ost-test .nhd-btn--lg{width:100%;font-size:20px}
  #nhd-ost-test .nhd-when{width:100%;display:flex}
  #nhd-ost-test .nhd-when-txt{flex:1}
  #nhd-ost-test .nhd-when-txt strong{font-size:19px}
  /* 2x2 countdown on phones so the 16px labels never clip */
  #nhd-ost-test .nhd-cd{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  #nhd-ost-test .nhd-cd > div{min-width:0;padding:12px 6px}
  #nhd-ost-test .nhd-cd b{font-size:30px}
  #nhd-ost-test .nhd-cd span{font-size:16px;letter-spacing:.02em}
      #nhd-ost-test .nhd-fields{grid-template-columns:1fr;padding:0 20px}
  #nhd-ost-test .nhd-form-head{padding:24px 20px 4px;font-size:23px}
  #nhd-ost-test .nhd-form-sub{padding:0 20px 18px}
  #nhd-ost-test .nhd-form-trust{margin:18px 20px 0}
  #nhd-ost-test .nhd-form-slot{padding-bottom:24px}
  #nhd-ost-test .nhd-card,#nhd-ost-test .nhd-doc,#nhd-ost-test .nhd-invite-card{padding:26px 22px}
  #nhd-ost-test .nhd-learn,#nhd-ost-test .nhd-docs{padding:44px 0}
  #nhd-ost-test .nhd-steps,#nhd-ost-test .nhd-invite{padding:44px 0}
  #nhd-ost-test .nhd-register{padding:44px 0}
  #nhd-ost-test .nhd-sec-head{margin-bottom:34px}
  #nhd-ost-test .nhd-ecg{height:40px;margin:16px 0 18px}
  #nhd-ost-test .nhd-foot-contact{gap:14px;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-reveal,#nhd-ost-test .nhd-reveal.nhd-in{opacity:1 !important;transform:none !important;transition:none !important}
  #nhd-ost-test .nhd-hover,#nhd-ost-test .nhd-hover:hover,
  #nhd-ost-test .nhd-btn,#nhd-ost-test .nhd-btn:hover,
  #nhd-ost-test .nhd-form-slot,#nhd-ost-test .nhd-form-slot:hover,
  #nhd-ost-test .nhd-submit,#nhd-ost-test .nhd-submit:hover{transform:none !important;transition:none !important}
  #nhd-ost-test .nhd-form-slot::before{animation:none !important}
  #nhd-ost-test .nhd-submit::after{display:none}
  #nhd-ost-test .nhd-step-media img{transition:none !important;transform:none !important}
}

/* ---------- journey (results review was the beginning) ---------- */
#nhd-ost-test .nhd-journey{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1000px;margin:0 auto}
#nhd-ost-test .nhd-journey-done{display:flex;flex-direction:column;gap:16px}
#nhd-ost-test .nhd-done-item{display:flex;align-items:flex-start;gap:14px;background:var(--nhd-tan-soft);
  border:1px solid rgba(31,30,33,.08);border-radius:var(--nhd-radius);padding:20px 22px;
  font-size:19px;line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-done-ico{flex:none;width:30px;height:30px;border-radius:50%;background:#1d7a3a;
  display:flex;align-items:center;justify-content:center}
#nhd-ost-test .nhd-done-ico svg{width:16px;height:16px;fill:#fff;display:block}
#nhd-ost-test .nhd-journey-next{background:var(--nhd-white);border:2px solid var(--nhd-red);border-radius:var(--nhd-radius);
  padding:32px 30px;box-shadow:0 16px 38px rgba(90,12,18,.14)}
#nhd-ost-test .nhd-next-label{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:16px;color:var(--nhd-gold);margin-bottom:8px}
#nhd-ost-test .nhd-next-big{font-family:var(--nhd-display);font-weight:700;font-size:clamp(30px,3.4vw,42px);
  line-height:1.05;color:var(--nhd-red);margin-bottom:16px}
#nhd-ost-test .nhd-journey-next p{font-size:19px;line-height:1.6;color:var(--nhd-body-ink)}

/* ---------- what he will cover (numbered rows, dark) ---------- */

/* ---------- qualify checklist ---------- */

/* ---------- recap (register band) ---------- */

/* ---------- bio ---------- */

@media (max-width:940px){
  #nhd-ost-test .nhd-journey{grid-template-columns:1fr;gap:26px}
  }
@media (max-width:600px){
    #nhd-ost-test .nhd-journey-next{padding:26px 22px}
  #nhd-ost-test .nhd-done-item{padding:18px 18px}
}

/* ---------- webinar coverage checklist ---------- */
#nhd-ost-test .nhd-covers{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:940px;margin:0 auto}
#nhd-ost-test .nhd-covers li{display:flex;align-items:flex-start;gap:15px;background:var(--nhd-surface);
  border:1px solid rgba(228,209,186,.18);border-left:4px solid var(--nhd-red);border-radius:var(--nhd-radius);
  padding:22px 24px;font-size:19px;line-height:1.5;color:rgba(228,209,186,.96)}
#nhd-ost-test .nhd-c-ico{flex:none;width:30px;height:30px;border-radius:50%;background:var(--nhd-red);
  display:flex;align-items:center;justify-content:center;margin-top:1px}
#nhd-ost-test .nhd-c-ico svg{width:16px;height:16px;fill:#fff;display:block}
#nhd-ost-test .nhd-bring{margin-top:16px;font-size:20px;line-height:1.5}
#nhd-ost-test .nhd-bring strong{color:var(--nhd-burgundy)}
@media (max-width:940px){#nhd-ost-test .nhd-covers{grid-template-columns:1fr}}
@media (max-width:600px){#nhd-ost-test .nhd-covers li{padding:18px 18px}}

/* ---------- prose blocks ---------- */
#nhd-ost-test .nhd-prose{max-width:780px;margin:0 auto}
#nhd-ost-test .nhd-prose p{font-size:20px;line-height:1.65;color:var(--nhd-body-ink);margin-bottom:13px}
#nhd-ost-test .nhd-prose p:last-child{margin-bottom:0}
#nhd-ost-test .nhd-prose .nhd-em{font-family:var(--nhd-display);font-weight:700;font-size:clamp(22px,2.4vw,28px);
  line-height:1.25;color:var(--nhd-burgundy);margin:26px 0 18px}
#nhd-ost-test .nhd-steps .nhd-prose p{color:rgba(228,209,186,.94)}
#nhd-ost-test .nhd-steps .nhd-prose .nhd-em{color:var(--nhd-white)}
#nhd-ost-test .nhd-pull{background:var(--nhd-tan-soft);border-left:5px solid var(--nhd-red);border-radius:var(--nhd-radius);
  padding:20px 24px;margin:20px auto;max-width:780px;font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(21px,2.3vw,26px);line-height:1.3;color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-steps .nhd-pull{background:rgba(255,255,255,.08);border-left-color:var(--nhd-tan);color:var(--nhd-white)}
#nhd-ost-test .nhd-pull cite{display:block;margin-top:10px;font-family:var(--nhd-body);font-weight:700;
  font-size:17px;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--nhd-gold)}
#nhd-ost-test .nhd-steps .nhd-pull cite{color:var(--nhd-tan)}

/* ---------- source / drain columns ---------- */
#nhd-ost-test .nhd-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:940px;margin:0 auto}
#nhd-ost-test .nhd-col{background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);border-radius:var(--nhd-radius);padding:30px 28px}
#nhd-ost-test .nhd-col h3{margin-bottom:8px}
#nhd-ost-test .nhd-col > p{font-size:19px;line-height:1.6;color:var(--nhd-body-ink);margin-bottom:16px}
#nhd-ost-test .nhd-tags{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
#nhd-ost-test .nhd-tags li{background:var(--nhd-tan-soft);border:1px solid rgba(122,96,64,.24);border-radius:999px;
  padding:10px 18px;font-size:17px;font-weight:700;color:var(--nhd-burgundy)}

/* ---------- offer card ---------- */
#nhd-ost-test .nhd-offer{background:var(--nhd-white);border:2px solid var(--nhd-red);border-radius:16px;
  max-width:640px;margin:0 auto;overflow:hidden;box-shadow:0 22px 50px rgba(31,30,33,.18)}
#nhd-ost-test .nhd-offer-top{background:var(--nhd-red);color:var(--nhd-white);text-align:center;padding:16px 20px;
  font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase}
#nhd-ost-test .nhd-offer-body{padding:26px 26px 28px;text-align:center}
#nhd-ost-test .nhd-offer h3{font-size:clamp(24px,2.6vw,30px);margin-bottom:14px}
#nhd-ost-test .nhd-price{display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:6px}
#nhd-ost-test .nhd-price s{font-family:var(--nhd-body);font-size:24px;color:var(--nhd-muted)}
#nhd-ost-test .nhd-price b{font-family:var(--nhd-display);font-weight:700;font-size:clamp(46px,6vw,68px);line-height:1;color:var(--nhd-red)}
#nhd-ost-test .nhd-price-note{font-size:18px;font-weight:700;color:var(--nhd-gold);margin-bottom:22px}
#nhd-ost-test .nhd-incl{list-style:none;display:grid;gap:9px;text-align:left;max-width:380px;margin:0 auto 26px}
#nhd-ost-test .nhd-incl li{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.45;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-incl .nhd-c-ico{flex:none;width:26px;height:26px;border-radius:50%;background:var(--nhd-red);
  display:flex;align-items:center;justify-content:center}
#nhd-ost-test .nhd-incl .nhd-c-ico svg{width:14px;height:14px;fill:#fff}

/* ---------- tier cards ---------- */

/* ---------- path chooser ---------- */

/* ---------- method pillars ---------- */
#nhd-ost-test .nhd-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:0 auto}
#nhd-ost-test .nhd-pillar{background:var(--nhd-surface);border:1px solid rgba(228,209,186,.18);
  border-left:4px solid var(--nhd-red);border-radius:var(--nhd-radius);padding:26px 24px}
#nhd-ost-test .nhd-pillar strong{display:block;font-family:var(--nhd-display);font-weight:700;font-size:21px;
  color:var(--nhd-white);margin-bottom:8px}
#nhd-ost-test .nhd-pillar span{font-size:18px;line-height:1.55;color:rgba(228,209,186,.92)}

/* ---------- supplement bundles ---------- */

/* ---------- checklists ---------- */
#nhd-ost-test .nhd-checks{list-style:none;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#nhd-ost-test .nhd-checks li{display:flex;align-items:flex-start;gap:15px;background:var(--nhd-white);
  border:1px solid rgba(31,30,33,.1);border-left:4px solid var(--nhd-red);border-radius:var(--nhd-radius);
  padding:15px 20px;font-size:19px;line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-checks .nhd-c-ico{flex:none;width:30px;height:30px;border-radius:50%;background:var(--nhd-red);
  display:flex;align-items:center;justify-content:center}
#nhd-ost-test .nhd-checks .nhd-c-ico svg{width:16px;height:16px;fill:#fff}
#nhd-ost-test .nhd-steps .nhd-checks li{background:var(--nhd-surface);border-color:rgba(228,209,186,.18);color:rgba(228,209,186,.96)}

/* ---------- decide block ---------- */
#nhd-ost-test .nhd-decide{list-style:none;max-width:760px;margin:0 auto 30px;display:flex;flex-direction:column;gap:16px}
#nhd-ost-test .nhd-decide li{background:rgba(255,255,255,.1);border:1px solid rgba(228,209,186,.28);
  border-radius:var(--nhd-radius);padding:20px 24px;text-align:left}
#nhd-ost-test .nhd-decide em{display:block;font-style:normal;font-size:18px;color:rgba(255,255,255,.88);margin-bottom:6px}
#nhd-ost-test .nhd-decide strong{font-family:var(--nhd-display);font-weight:700;font-size:21px;color:var(--nhd-white)}

/* ---------- FAQ ---------- */
#nhd-ost-test .nhd-faq{max-width:820px;margin:0 auto}
#nhd-ost-test .nhd-faq details{background:var(--nhd-white);border:1px solid rgba(31,30,33,.12);
  border-radius:var(--nhd-radius);margin-bottom:14px;overflow:hidden}
#nhd-ost-test .nhd-faq summary{cursor:pointer;list-style:none;padding:22px 26px;font-family:var(--nhd-display);
  font-weight:700;font-size:20px;line-height:1.3;color:var(--nhd-burgundy);position:relative;padding-right:60px;min-height:56px}
#nhd-ost-test .nhd-faq summary::-webkit-details-marker{display:none}
#nhd-ost-test .nhd-faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);
  font-size:28px;color:var(--nhd-red);line-height:1}
#nhd-ost-test .nhd-faq details[open] summary::after{content:"\2212"}
#nhd-ost-test .nhd-faq .nhd-a{padding:0 26px 24px}
#nhd-ost-test .nhd-faq .nhd-a p{font-size:18px;line-height:1.6;color:var(--nhd-body-ink);margin-bottom:12px}
#nhd-ost-test .nhd-faq .nhd-a p:last-child{margin-bottom:0}

/* ---------- final close ---------- */
#nhd-ost-test .nhd-close-lines{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto 28px}
#nhd-ost-test .nhd-close-lines span{font-size:20px;line-height:1.5;color:rgba(255,255,255,.92)}
#nhd-ost-test .nhd-tar{font-family:var(--nhd-display);font-weight:700;font-size:clamp(26px,3.2vw,38px);
  letter-spacing:.06em;color:var(--nhd-tan);margin:10px 0 26px}

@media (max-width:940px){
  #nhd-ost-test .nhd-two,#nhd-ost-test .nhd-tiers,#nhd-ost-test .nhd-paths,
}
@media (max-width:600px){
  #nhd-ost-test .nhd-pull{padding:22px 22px}
  #nhd-ost-test .nhd-offer-body{padding:26px 20px 28px}
  #nhd-ost-test .nhd-faq summary{padding:20px 54px 20px 20px;font-size:19px}
  #nhd-ost-test .nhd-faq .nhd-a{padding:0 20px 22px}
  #nhd-ost-test .nhd-checks li,#nhd-ost-test .nhd-decide li{padding:18px 18px}
}

/* ---------- portrait quote block ---------- */

/* ---------- product links inside the bundles ---------- */

/* ---------- final close with photographic background ---------- */
/* Scrim is kept light so the photograph reads. Text sits in a darkened band
   behind the copy column rather than across the whole image. */
/* light variant: burgundy type on a pale scrim over the photograph */

/* Fixed attachment is ignored or janky on iOS and Android, so scroll normally
   there. The JS parallax below handles the movement on touch devices. */

/* ---------- richer card interactions ---------- */
#nhd-ost-test .nhd-tier,#nhd-ost-test .nhd-bundle,#nhd-ost-test .nhd-path,
#nhd-ost-test .nhd-col,#nhd-ost-test .nhd-pillar,#nhd-ost-test .nhd-offer{
  transition:transform .28s cubic-bezier(.22,.7,.3,1),box-shadow .28s ease,border-color .28s ease}
#nhd-ost-test .nhd-pillar:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(0,0,0,.36);
  border-left-width:6px}
#nhd-ost-test .nhd-offer:hover{transform:translateY(-4px);box-shadow:0 32px 66px rgba(31,30,33,.26)}
#nhd-ost-test .nhd-checks li,#nhd-ost-test .nhd-tags li,#nhd-ost-test .nhd-incl li{
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
#nhd-ost-test .nhd-checks li:hover{transform:translateX(4px);border-color:rgba(122,96,64,.4)}
#nhd-ost-test .nhd-tags li:hover{background:var(--nhd-white);border-color:var(--nhd-red)}
#nhd-ost-test .nhd-faq details{transition:box-shadow .24s ease,border-color .24s ease}
#nhd-ost-test .nhd-faq details:hover{border-color:rgba(122,96,64,.4);box-shadow:0 10px 26px rgba(31,30,33,.1)}
#nhd-ost-test .nhd-faq details[open]{border-color:var(--nhd-red);box-shadow:0 12px 30px rgba(90,12,18,.12)}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-tier,#nhd-ost-test .nhd-bundle,#nhd-ost-test .nhd-path,#nhd-ost-test .nhd-col,
  #nhd-ost-test .nhd-pillar,#nhd-ost-test .nhd-offer,#nhd-ost-test .nhd-quote,
  #nhd-ost-test .nhd-checks li,#nhd-ost-test .nhd-tags li{transition:none !important;transform:none !important}
  #nhd-ost-test .nhd-tier:hover,#nhd-ost-test .nhd-bundle:hover,#nhd-ost-test .nhd-path:hover,
  #nhd-ost-test .nhd-col:hover,#nhd-ost-test .nhd-pillar:hover,#nhd-ost-test .nhd-offer:hover,
}

/* ---------- step marks ---------- */
#nhd-ost-test .nhd-stepmark{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
#nhd-ost-test .nhd-stepmark span{background:var(--nhd-red);color:var(--nhd-white);border-radius:999px;
  padding:8px 18px;font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase}
#nhd-ost-test .nhd-stepmark b{font-family:var(--nhd-display);font-weight:700;font-size:clamp(26px,3vw,36px);
  line-height:1;color:var(--nhd-burgundy);letter-spacing:.04em;text-transform:uppercase}
#nhd-ost-test .nhd-stepmark--light b{color:var(--nhd-white)}

/* ---------- test / act / retest flow ---------- */
#nhd-ost-test .nhd-flow{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin:0 0 26px}
#nhd-ost-test .nhd-flow span{background:var(--nhd-white);border:1.5px solid rgba(122,96,64,.3);border-radius:999px;
  padding:11px 24px;font-family:var(--nhd-display);font-weight:700;font-size:19px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--nhd-burgundy);box-shadow:0 6px 16px rgba(31,30,33,.08)}
#nhd-ost-test .nhd-flow i{font-style:normal;color:var(--nhd-red);font-size:22px;font-weight:700}
#nhd-ost-test .nhd-flow--wide{justify-content:center;margin:30px 0 0}
#nhd-ost-test .nhd-steps .nhd-flow span{background:var(--nhd-surface);border-color:rgba(228,209,186,.3);color:var(--nhd-white)}
#nhd-ost-test .nhd-steps .nhd-flow i{color:var(--nhd-tan)}

/* ---------- offer refinements ---------- */
#nhd-ost-test .nhd-offer-q{display:block;font-family:var(--nhd-display);font-weight:700;font-size:21px;
  line-height:1.35;color:var(--nhd-burgundy);margin-bottom:18px}
#nhd-ost-test .nhd-save{display:inline-block;background:var(--nhd-red);color:var(--nhd-white);border-radius:999px;
  padding:9px 22px;font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
#nhd-ost-test .nhd-offer-note{font-size:18px;line-height:1.55;color:var(--nhd-body-ink);margin-bottom:22px}

/* ---------- bundle pricing ---------- */
#nhd-ost-test .nhd-save-sm{display:inline-block;background:var(--nhd-tan-soft);border-radius:999px;padding:6px 16px;
  font-size:16px;font-weight:700;color:var(--nhd-burgundy)}
/* placeholder styling so unfilled prices are impossible to miss */

/* ---------- did list ---------- */

@media (max-width:600px){
  #nhd-ost-test .nhd-flow{gap:10px}
  #nhd-ost-test .nhd-flow span{padding:10px 18px;font-size:17px}
  #nhd-ost-test .nhd-stepmark{gap:10px}
  #nhd-ost-test .nhd-stepmark span{padding:7px 14px;font-size:16px}
}

/* ---------- new blocks for this copy deck ---------- */
#nhd-ost-test .nhd-flow-done{background:var(--nhd-tan-soft) !important;border-color:rgba(122,96,64,.4) !important;
  color:var(--nhd-gold) !important;position:relative}
#nhd-ost-test .nhd-flow-done::after{content:"\2713";margin-left:8px;color:#1d7a3a;font-size:17px}
#nhd-ost-test .nhd-steps .nhd-flow-done{background:rgba(228,209,186,.16) !important;color:var(--nhd-tan) !important}
/* dark register band keeps white type; the light photo band needs dark type */
#nhd-ost-test .nhd-register .nhd-flow-done{background:rgba(255,255,255,.2) !important;color:var(--nhd-white) !important}


#nhd-ost-test .nhd-not{display:inline-block;font-size:20px;line-height:1.5;color:var(--nhd-white);
  background:rgba(255,255,255,.08);border:1px solid rgba(228,209,186,.28);border-radius:var(--nhd-radius);
  padding:14px 24px;margin-bottom:16px;
  text-decoration:line-through;text-decoration-color:#e4585f;text-decoration-thickness:2px}
#nhd-ost-test .nhd-is{display:block;font-family:var(--nhd-display);font-weight:700;font-size:22px;color:var(--nhd-white)}

@media (max-width:820px){#nhd-ost-test .nhd-two-q{grid-template-columns:1fr}}

/* ---------- bad-in / good-in balance pair ---------- */

/* ---------- hover coverage for every card on the page ---------- */
#nhd-ost-test .nhd-two-q li,#nhd-ost-test .nhd-did li,#nhd-ost-test .nhd-decide li,
#nhd-ost-test .nhd-decide li:hover{transform:translateX(5px);border-color:rgba(228,209,186,.55);
  background:rgba(255,255,255,.16)}
#nhd-ost-test .nhd-flow span:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(31,30,33,.16)}
#nhd-ost-test .nhd-incl li:hover{transform:translateX(4px)}
#nhd-ost-test .nhd-offer .nhd-incl li:hover{color:var(--nhd-burgundy)}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-two-q li,#nhd-ost-test .nhd-did li,#nhd-ost-test .nhd-decide li,
  #nhd-ost-test .nhd-bal,#nhd-ost-test .nhd-flow span,#nhd-ost-test .nhd-incl li,
  #nhd-ost-test .nhd-two-q li:hover,#nhd-ost-test .nhd-did li:hover,#nhd-ost-test .nhd-decide li:hover,
}

/* ---------- level chips ---------- */

/* ---------- bundle detail ---------- */

/* ---------- comparison table ---------- */
#nhd-ost-test .nhd-yes{color:#1d7a3a;font-size:22px;font-weight:700}
#nhd-ost-test .nhd-no{color:var(--nhd-muted);font-size:20px}
/* Visually hidden. Uses clip-path rather than position:absolute - an absolutely
   positioned element inside a horizontally scrolled table escapes the scroll
   container and widens the whole document on narrow screens. */
#nhd-ost-test .nhd-vh{position:static;width:1px;height:1px;padding:0;margin:0;border:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;display:inline-block}

/* ---------- testimonials ---------- */
#nhd-ost-test .nhd-testi{background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);
  border-top:5px solid var(--nhd-red);border-radius:var(--nhd-radius);padding:24px 22px;margin:0;
  display:flex;flex-direction:column;height:100%;
  transition:transform .26s cubic-bezier(.22,.7,.3,1),box-shadow .26s ease}
#nhd-ost-test .nhd-testi:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(31,30,33,.18)}
#nhd-ost-test .nhd-testi blockquote{font-size:19px;line-height:1.6;color:var(--nhd-body-ink);font-style:italic;
  flex:1;margin-bottom:18px}
#nhd-ost-test .nhd-testi figcaption{padding-top:16px;border-top:1px solid rgba(31,30,33,.12);
  font-size:17px;font-weight:700;color:var(--nhd-burgundy)}

/* ---------- followed through vs meant to ---------- */


/* ---------- option mark ---------- */

/* ---------- product cards with bottle images ---------- */
#nhd-ost-test .nhd-tags--sm{margin-bottom:16px}
#nhd-ost-test .nhd-tags--sm li{padding:7px 14px;font-size:16px;background:var(--nhd-white);border-color:rgba(122,96,64,.3)}

/* inherited from the supplement page, where grid-3 held tall product cards.
   These cards are short, so 1024 has room for three across - collapsing to a
   single column there added 2,100px to the page. */
@media (max-width:940px){#nhd-ost-test .nhd-grid-3{grid-template-columns:1fr}}
@media (max-width:820px){#nhd-ost-test .nhd-paths--two{grid-template-columns:1fr}}

/* ---------- page entrance ---------- */
#nhd-ost-test.nhd-booting{opacity:0}
#nhd-ost-test.nhd-booted{opacity:1;animation:nhdPageIn .7s cubic-bezier(.22,.7,.3,1) both}
/* opacity only - any transform here would create a containing block and
   break background-attachment:fixed on the hero and close backgrounds */
@keyframes nhdPageIn{from{opacity:0}to{opacity:1}}
#nhd-ost-test .nhd-hero-content > *{opacity:0;transform:translateY(16px)}
#nhd-ost-test.nhd-booted .nhd-hero-content > *{animation:nhdHeroIn .62s cubic-bezier(.22,.7,.3,1) both}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(1){animation-delay:.10s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(2){animation-delay:.18s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(3){animation-delay:.26s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(4){animation-delay:.34s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(5){animation-delay:.42s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(6){animation-delay:.50s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(7){animation-delay:.58s}
#nhd-ost-test.nhd-booted .nhd-hero-content > *:nth-child(n+8){animation-delay:.64s}
@keyframes nhdHeroIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* no JS, no reduced motion: everything stays visible */
#nhd-ost-test.nhd-nojs .nhd-hero-content > *,
#nhd-ost-test.nhd-nojs{opacity:1 !important;transform:none !important;animation:none !important}

/* ---------- CTA button interactions ---------- */
#nhd-ost-test .nhd-btn--primary{position:relative;overflow:hidden;isolation:isolate}
#nhd-ost-test .nhd-btn--primary::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(135deg,#6f1018,var(--nhd-red));opacity:0;transition:opacity .25s ease}
#nhd-ost-test .nhd-btn--primary::after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));
  transform:skewX(-18deg);transition:left .6s ease;pointer-events:none}
#nhd-ost-test .nhd-btn--primary:hover{transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(90,12,18,.42)}
#nhd-ost-test .nhd-btn--primary:hover::before{opacity:1}
#nhd-ost-test .nhd-btn--primary:hover::after{left:130%}
#nhd-ost-test .nhd-btn--primary:active{transform:translateY(-1px);box-shadow:0 8px 18px rgba(90,12,18,.36)}
/* arrow inside a CTA slides on hover */
#nhd-ost-test .nhd-btn--primary{gap:12px}
#nhd-ost-test .nhd-btn--primary:hover .nhd-arw{transform:translateX(5px)}
/* gentle pulse ring to draw the eye, three times only */
#nhd-ost-test .nhd-btn--lg.nhd-btn--primary{animation:nhdCtaPulse 2.8s ease-in-out 1.6s 3}
/* the hero CTA needs BOTH the entrance and the pulse, or the pulse rule
   replaces the entrance and the button never fades in */
#nhd-ost-test.nhd-booted .nhd-hero-content > .nhd-btn--lg.nhd-btn--primary{
  animation:nhdHeroIn .62s cubic-bezier(.22,.7,.3,1) both .58s,
            nhdCtaPulse 2.8s ease-in-out 2.4s 3}
@keyframes nhdCtaPulse{0%,100%{box-shadow:0 8px 22px rgba(90,12,18,.3)}
  50%{box-shadow:0 8px 22px rgba(90,12,18,.3),0 0 0 10px rgba(90,12,18,.09)}}
#nhd-ost-test .nhd-btn--lg.nhd-btn--primary:hover{animation:none}
/* light-band CTA keeps the tan treatment but gains the same motion */

@media (prefers-reduced-motion:reduce){
  #nhd-ost-test.nhd-booted,#nhd-ost-test.nhd-booted .nhd-hero-content > *,
  #nhd-ost-test .nhd-hero-content > *{animation:none !important;opacity:1 !important;transform:none !important}
  #nhd-ost-test .nhd-btn--primary,#nhd-ost-test .nhd-btn--primary:hover,
  #nhd-ost-test .nhd-btn--lg.nhd-btn--primary{animation:none !important;transform:none !important}
  #nhd-ost-test .nhd-btn--primary::after{display:none}
}

/* ---------- product price + note + shop CTA ---------- */
#nhd-ost-test .nhd-pprice{font-family:var(--nhd-display);font-weight:700;font-size:clamp(32px,3.6vw,42px);
  line-height:1;color:var(--nhd-red);margin:18px 0 10px;padding-top:16px;border-top:1px solid rgba(31,30,33,.12)}
#nhd-ost-test .nhd-pnote{font-size:17px;line-height:1.5;color:var(--nhd-body-ink);margin-bottom:18px}

/* ---------- price table ---------- */
#nhd-ost-test .nhd-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;
  padding:11px 20px;background:var(--nhd-red);color:var(--nhd-white);border-radius:8px;font-weight:700;font-size:17px;
  white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
#nhd-ost-test .nhd-tbtn:hover{background:#6f1018;transform:translateY(-2px);box-shadow:0 10px 22px rgba(90,12,18,.32)}

/* ---------- bad / good columns ---------- */
#nhd-ost-test .nhd-col--bad{border-top:5px solid #a02828}
#nhd-ost-test .nhd-col--good{border-top:5px solid #1d7a3a}
#nhd-ost-test .nhd-steps .nhd-col{background:var(--nhd-surface);
  border-right-color:rgba(228,209,186,.18);border-bottom-color:rgba(228,209,186,.18);
  border-left-color:rgba(228,209,186,.18)}
#nhd-ost-test .nhd-steps .nhd-col--bad{border-top-color:#c34a4a}
#nhd-ost-test .nhd-steps .nhd-col--good{border-top-color:#3fa564}
#nhd-ost-test .nhd-steps .nhd-col h3{color:var(--nhd-white)}
#nhd-ost-test .nhd-steps .nhd-col > p{color:rgba(228,209,186,.92)}
#nhd-ost-test .nhd-steps .nhd-col .nhd-tags li{background:rgba(255,255,255,.1);border-color:rgba(228,209,186,.26);
  color:rgba(228,209,186,.96)}
#nhd-ost-test .nhd-steps .nhd-col .nhd-tags li:hover{background:rgba(255,255,255,.18);border-color:var(--nhd-tan)}

/* ---------- vs block with detail ---------- */

@media (max-width:600px){
  #nhd-ost-test .nhd-pprice{font-size:32px}
  #nhd-ost-test .nhd-tbtn{width:100%}
}

/* ---------- group tags in the at-a-glance table ---------- */
/* tint the rows so the two groups read as blocks, overriding the zebra stripe */
#nhd-ost-test .nhd-cmp--price tbody tr.nhd-grp-good,
#nhd-ost-test .nhd-cmp--price tbody tr.nhd-grp-better,

/* ---------- divider inside a merged register band ---------- */

/* ---------- three stacked closing lines ---------- */

/* the later-chips were styled for the charcoal section; restyle on the red band */

/* ---------- six-pillar numbered list ---------- */
/* the two source columns are now single sentences, so centre them */
#nhd-ost-test .nhd-two .nhd-col > p:last-child{margin-bottom:0}

/* ---------- testimonial duration badge + disclaimer ---------- */
#nhd-ost-test .nhd-testi figcaption span{display:block;margin-top:4px;font-size:16px;font-weight:700;
  color:var(--nhd-gold);text-transform:none;letter-spacing:0}
#nhd-ost-test .nhd-testi-note{max-width:820px;margin:34px auto 0;text-align:center;font-size:17px;
  line-height:1.55;color:var(--nhd-muted)}

/* ---------- section-level reveal ("lazy load" effect) ---------- */
#nhd-ost-test .nhd-sec-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .75s cubic-bezier(.22,.7,.3,1),transform .75s cubic-bezier(.22,.7,.3,1)}
/* sections that carry a fixed background must never hold a transform */
#nhd-ost-test .nhd-hero.nhd-sec-reveal,
#nhd-ost-test .nhd-sec-reveal.nhd-in{opacity:1;transform:none}
/* section heads lead, then their content follows a beat later */
#nhd-ost-test .nhd-head-reveal{opacity:0;transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.22,.7,.3,1) .08s,transform .6s cubic-bezier(.22,.7,.3,1) .08s}
#nhd-ost-test .nhd-head-reveal.nhd-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-sec-reveal,#nhd-ost-test .nhd-sec-reveal.nhd-in,
  #nhd-ost-test .nhd-head-reveal,#nhd-ost-test .nhd-head-reveal.nhd-in{
    opacity:1 !important;transform:none !important;transition:none !important}
}

/* ---------- animated node track ---------- */
/* the connecting rail, drawn left to right when the track enters view */
/* stagger each node and pill along the rail */

/* below 900px the rail turns vertical so five labels never squeeze */

/* plain closing sentence - no pull-quote box */

/* ---------- product hero: keep the bottle lineup clear of the scrim ---------- */
/* anchor left so the product cluster sits to the right of the copy column,
   and fade the scrim out earlier so the bottles are not washed over */

/* the product line-up sits along the bottom of the hero image, so hold the
   copy column in the upper-left and keep the scrim off the bottom third */
#nhd-ost-test .nhd-hero-inner{align-items:flex-start}
#nhd-ost-test .nhd-hero h1{text-shadow:0 1px 14px rgba(253,251,248,.7)}
/* MOBILE HERO - standard full-bleed pattern
   The photograph fills the hero and the copy sits on top of it. Because the
   scene is bright and busy, a burgundy scrim runs over the whole image and
   the type flips to white/tan - that guarantees AA contrast anywhere in the
   frame rather than depending on which part of the photo is behind a line.
   Focal point favours the counter and product line-up. */
@media (max-width:900px){
  #nhd-ost-test .nhd-hero{min-height:640px;background:var(--nhd-tan-soft);
    display:flex;align-items:center}
  #nhd-ost-test .nhd-hero-inner{padding-top:52px;padding-bottom:52px}
  #nhd-ost-test .nhd-hero-content{max-width:none}

  #nhd-ost-test .nhd-hero .nhd-eyebrow{color:#6b5326;margin-bottom:10px;
    text-shadow:0 0 3px rgba(253,251,248,1),0 0 9px rgba(253,251,248,.98)}
  #nhd-ost-test .nhd-hero h1{color:var(--nhd-burgundy);
    text-shadow:0 0 3px rgba(253,251,248,1),0 0 10px rgba(253,251,248,.98),0 0 24px rgba(253,251,248,.85);
    font-size:clamp(32px,8.6vw,44px);line-height:1.1;margin-bottom:16px}
  #nhd-ost-test .nhd-hero .nhd-lede{color:var(--nhd-ink);font-size:19px;line-height:1.6;font-weight:600;
    margin-bottom:14px;
    text-shadow:0 0 3px rgba(253,251,248,1),0 0 9px rgba(253,251,248,.98),0 0 20px rgba(253,251,248,.85)}
  #nhd-ost-test .nhd-hero .nhd-lede strong{color:var(--nhd-burgundy)}
  #nhd-ost-test .nhd-hero .nhd-ecg{margin:16px 0 20px}
  #nhd-ost-test .nhd-hero .nhd-ecg .nhd-base,#nhd-ost-test .nhd-hero .nhd-ecg .nhd-scan{stroke:var(--nhd-gold)}
  #nhd-ost-test .nhd-hero .nhd-ecg .nhd-node,#nhd-ost-test .nhd-hero .nhd-ecg .nhd-halo{fill:var(--nhd-red)}

  #nhd-ost-test .nhd-hero .nhd-btn--lg{width:100%;justify-content:center}

  /* the sticky bar repeats the hero CTA, so hold it back until the hero is past */
  #nhd-ost-test .nhd-sticky{transform:translateY(120%);transition:transform .32s ease}
  #nhd-ost-test .nhd-sticky.nhd-sticky-on{transform:none}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-sticky{transition:none}
}





/* keep the copy column clear of the product line-up: narrower column, and
   enough bottom room that the CTA never lands on a bottle */
@media (min-width:941px){
  #nhd-ost-test .nhd-hero-content{max-width:500px}
  #nhd-ost-test .nhd-hero-inner{padding-bottom:130px}
  #nhd-ost-test .nhd-hero{min-height:860px}
}

/* the touch parallax layer is scaled up, so its section must clip the overflow.
   No transform is applied above 900px - fixed attachment does the work there
   and a transform on the layer would cancel it. */

/* ---------- product page additions ---------- */
#nhd-ost-test .nhd-hero{background:var(--nhd-tan-soft);padding:44px 0 74px}
#nhd-ost-test .nhd-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
#nhd-ost-test .nhd-hero-content{max-width:none}
#nhd-ost-test .nhd-hero-media img{width:100%;max-width:420px;height:auto;display:block;margin:0 auto;
  filter:drop-shadow(0 22px 40px rgba(31,30,33,.22))}

#nhd-ost-test .nhd-answers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1140px;margin:0 auto}
#nhd-ost-test .nhd-answer{background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);
  border-top:5px solid rgba(122,96,64,.4);border-radius:var(--nhd-radius);padding:18px 18px;
  transition:transform .22s cubic-bezier(.22,.7,.3,1),box-shadow .22s ease}
#nhd-ost-test .nhd-answer:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(31,30,33,.14)}
#nhd-ost-test .nhd-answer b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:21px;
  color:var(--nhd-burgundy);margin-bottom:5px}
#nhd-ost-test .nhd-answer span{font-size:18px;line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-answer--hi{border-left-color:var(--nhd-red);background:#fff8f8}
#nhd-ost-test .nhd-answer--hi b{color:var(--nhd-red)}

#nhd-ost-test .nhd-stepcard{margin:0;background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);
  border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;
  box-shadow:0 12px 30px rgba(31,30,33,.1);
  transition:transform .28s cubic-bezier(.22,.7,.3,1),box-shadow .28s ease}
#nhd-ost-test .nhd-stepcard:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(31,30,33,.2)}
#nhd-ost-test .nhd-stepcard-img{position:relative;aspect-ratio:4/3;overflow:hidden}
#nhd-ost-test .nhd-stepcard-img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,.7,.3,1)}
#nhd-ost-test .nhd-stepcard:hover .nhd-stepcard-img img{transform:scale(1.05)}
/* the step number sits on top of the image, top-left, and reacts on hover */
#nhd-ost-test .nhd-stepnum{position:absolute;left:16px;top:16px;bottom:auto;
  width:54px;height:54px;border-radius:50%;
  background:var(--nhd-red);color:var(--nhd-white);display:flex;align-items:center;justify-content:center;
  font-family:var(--nhd-display);font-weight:700;font-size:25px;border:3px solid rgba(255,255,255,.92);
  box-shadow:0 8px 20px rgba(31,30,33,.34);z-index:2;
  transition:transform .3s cubic-bezier(.2,1.4,.4,1),background .3s ease,box-shadow .3s ease}
#nhd-ost-test .nhd-stepcard:hover .nhd-stepnum{transform:scale(1.12);background:var(--nhd-burgundy);
  box-shadow:0 12px 28px rgba(31,30,33,.44)}
/* a soft scrim behind it so the numeral reads on any photo */
#nhd-ost-test .nhd-stepcard-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120px 120px at 42px 42px, rgba(20,6,6,.3), rgba(20,6,6,0) 70%)}
#nhd-ost-test .nhd-stepcard figcaption{padding:22px 22px 22px}
#nhd-ost-test .nhd-stepcard h3{font-size:23px;margin-bottom:8px}
#nhd-ost-test .nhd-stepcard p{font-size:18px;line-height:1.6;color:var(--nhd-body-ink)}

#nhd-ost-test .nhd-nolist{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
#nhd-ost-test .nhd-nolist span{background:var(--nhd-white);border:1.5px solid rgba(29,122,58,.4);
  border-radius:999px;padding:12px 24px;font-size:18px;font-weight:700;color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-nolist span::before{content:"\2713  ";color:#1d7a3a}

#nhd-ost-test .nhd-testi--dark{background:var(--nhd-surface);border-color:rgba(228,209,186,.2);
  border-top-color:var(--nhd-red)}
#nhd-ost-test .nhd-testi--dark blockquote{color:rgba(228,209,186,.96)}
#nhd-ost-test .nhd-testi--dark figcaption{color:var(--nhd-tan);border-top-color:rgba(228,209,186,.22)}

#nhd-ost-test .nhd-grid-2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto}

#nhd-ost-test .nhd-reportfig{margin:0 auto;max-width:880px;background:var(--nhd-white);
  border:1px solid rgba(228,209,186,.22);border-radius:16px;padding:18px;
  box-shadow:0 22px 50px rgba(0,0,0,.28)}
#nhd-ost-test .nhd-reportfig img{width:100%;height:auto;display:block;border-radius:10px}

#nhd-ost-test .nhd-value{font-size:19px;color:var(--nhd-muted);margin:20px 0 4px}
#nhd-ost-test .nhd-price b{font-family:var(--nhd-display);font-weight:700;font-size:clamp(52px,7vw,76px);
  line-height:1;color:var(--nhd-red)}
#nhd-ost-test .nhd-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 24px}
#nhd-ost-test .nhd-perks span{background:var(--nhd-tan-soft);border-radius:999px;padding:10px 20px;
  font-size:17px;font-weight:700;color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-closeprice{font-family:var(--nhd-display);font-weight:700;font-size:clamp(24px,3vw,32px);
  color:var(--nhd-tan);margin:8px 0 26px}
#nhd-ost-test .nhd-decide li{text-align:center}
#nhd-ost-test .nhd-decide strong{font-size:22px}

@media (max-width:940px){
  #nhd-ost-test .nhd-hero-inner{grid-template-columns:1fr;gap:30px}
  #nhd-ost-test .nhd-hero-media{order:-1}
  #nhd-ost-test .nhd-hero-media img{max-width:280px}
  #nhd-ost-test .nhd-answers,#nhd-ost-test .nhd-grid-2{grid-template-columns:1fr}
}
@media (max-width:600px){
  #nhd-ost-test .nhd-stepcard figcaption{padding:22px 20px 24px}
  #nhd-ost-test .nhd-reportfig{padding:12px}
  #nhd-ost-test .nhd-nolist span{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-answer,#nhd-ost-test .nhd-stepcard,#nhd-ost-test .nhd-stepcard-img img,
  #nhd-ost-test .nhd-answer:hover,#nhd-ost-test .nhd-stepcard:hover{transform:none !important;transition:none !important}
}

/* ---------- compact rhythm ---------- */
#nhd-ost-test .nhd-decide{gap:10px;margin-bottom:22px}
#nhd-ost-test .nhd-decide li{padding:14px 20px}
#nhd-ost-test .nhd-perks{margin:14px 0 20px}
#nhd-ost-test .nhd-value{margin:14px 0 2px}
#nhd-ost-test .nhd-closeprice{margin:6px 0 20px}
#nhd-ost-test .nhd-flow--wide{margin-top:24px}
@media (max-width:940px){
  #nhd-ost-test .nhd-answers{grid-template-columns:1fr 1fr}
  #nhd-ost-test .nhd-grid-2{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  #nhd-ost-test .nhd-answers,#nhd-ost-test .nhd-grid-2{grid-template-columns:1fr}
  #nhd-ost-test .nhd-stepcard figcaption{padding:20px 18px 20px}
  #nhd-ost-test .nhd-nolist span{width:auto}
}

/* ---------- mobile compaction ----------
   On phones every grid collapses to one column, so the page length is driven
   by stacked cards rather than padding. Step cards become side-by-side rows
   with a thumbnail, and the short numbered cards go two-up. */
@media (max-width:940px){
  #nhd-ost-test section{padding:34px 0 !important}
  #nhd-ost-test .nhd-sec-head{margin-bottom:22px}

  /* step cards: thumbnail left, copy right */
  #nhd-ost-test .nhd-grid-3{gap:14px}
  #nhd-ost-test .nhd-stepcard{flex-direction:row;align-items:stretch}
  #nhd-ost-test .nhd-stepcard-img{aspect-ratio:auto;flex:none;width:124px}
  #nhd-ost-test .nhd-stepcard-img img{height:100%}
  #nhd-ost-test .nhd-stepnum{left:8px;top:8px;bottom:auto;width:40px;height:40px;font-size:20px;border-width:3px}
  #nhd-ost-test .nhd-stepcard figcaption{padding:16px 16px 16px 18px}
  #nhd-ost-test .nhd-stepcard h3{font-size:20px;margin-bottom:4px}
  #nhd-ost-test .nhd-stepcard p{font-size:17px;line-height:1.5}

  /* the four "what you get" cards and the three pillars go two-up */
  #nhd-ost-test .nhd-grid-2{grid-template-columns:1fr 1fr;gap:12px}
  #nhd-ost-test .nhd-grid-2 .nhd-card{padding:18px 16px}
  #nhd-ost-test .nhd-grid-2 .nhd-card h3{font-size:19px}
  #nhd-ost-test .nhd-grid-2 .nhd-card p{font-size:17px;line-height:1.5}
  #nhd-ost-test .nhd-num{width:38px;height:38px;font-size:19px;margin-bottom:10px}

  /* answers two-up - each is a short phrase */
  #nhd-ost-test .nhd-answers{grid-template-columns:1fr 1fr;gap:12px}
  #nhd-ost-test .nhd-answer{padding:14px 14px}
  #nhd-ost-test .nhd-answer b{font-size:18px}
  #nhd-ost-test .nhd-answer span{font-size:16px;line-height:1.4}

  #nhd-ost-test .nhd-testi{padding:20px 18px}
  #nhd-ost-test .nhd-testi blockquote{font-size:18px;margin-bottom:14px}
  #nhd-ost-test .nhd-nolist{gap:10px;margin-top:20px}
  #nhd-ost-test .nhd-nolist span{padding:10px 18px;font-size:17px}
  #nhd-ost-test .nhd-hero{padding:34px 0 36px}
  #nhd-ost-test .nhd-hero-media img{max-width:210px}
  #nhd-ost-test .nhd-prose p{margin-bottom:11px}
  #nhd-ost-test .nhd-pull{padding:16px 18px;margin:16px auto}
}
/* tablets keep the three pillars and the testimonials three-up - there is
   room, and stacking them is what made the 768 layout so long */
@media (min-width:701px) and (max-width:940px){
  #nhd-ost-test .nhd-answers{grid-template-columns:repeat(3,1fr) !important}
  #nhd-ost-test .nhd-grid-3{grid-template-columns:repeat(3,1fr)}
  #nhd-ost-test .nhd-stepcard{flex-direction:column}
  #nhd-ost-test .nhd-stepcard-img{aspect-ratio:4/3;width:auto}
  #nhd-ost-test .nhd-stepnum{left:14px;top:14px;bottom:auto;width:46px;height:46px;font-size:22px}
  #nhd-ost-test .nhd-stepcard figcaption{padding:20px 18px 20px}
  #nhd-ost-test .nhd-grid-2{grid-template-columns:repeat(4,1fr)}
  #nhd-ost-test .nhd-answers{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:700px){
  #nhd-ost-test .nhd-invite .nhd-grid-3{grid-template-columns:1fr}
}

/* Between the tablet breakpoint and full desktop the four-up grids squeeze
   into narrow columns and the cards get TALLER, not shorter. Two-up there. */
@media (min-width:941px) and (max-width:1180px){
  #nhd-ost-test .nhd-grid-2{grid-template-columns:repeat(2,1fr)}
  #nhd-ost-test .nhd-answers{grid-template-columns:repeat(3,1fr)}
}

/* ---------- hero kicker and guess/test line ---------- */
#nhd-ost-test .nhd-hero-kicker{font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(20px,2.2vw,26px);line-height:1.25;color:var(--nhd-red);margin:12px 0 0}
#nhd-ost-test .nhd-guessline{display:inline-block;background:var(--nhd-white);
  border:1.5px solid rgba(122,96,64,.34);border-left:5px solid var(--nhd-red);
  border-radius:var(--nhd-radius);padding:14px 22px;margin:4px 0 22px;
  font-family:var(--nhd-display);font-weight:700;font-size:clamp(19px,2vw,23px);
  line-height:1.3;color:var(--nhd-burgundy)}
@media (max-width:700px){
  #nhd-ost-test .nhd-hero-kicker{margin-top:10px}
  #nhd-ost-test .nhd-guessline{display:block;padding:13px 18px;margin-bottom:18px}
}

/* ---------- oxidative stress diagram ---------- */
#nhd-ost-test .nhd-oxfig{margin:22px auto 0;max-width:720px;background:none;
  border:0;padding:0;box-shadow:none}
#nhd-ost-test .nhd-oxfig img{width:100%;height:auto;display:block}
@media (max-width:700px){
  #nhd-ost-test .nhd-oxfig{margin-top:16px}
}

/* ---------- section colour rhythm ----------
   white -> tan -> white -> tan -> DARK -> white -> tan -> DARK -> white -> red
   The two dark bands are punctuation: the testimonials and the sample report,
   both of which read better against charcoal. */
#nhd-ost-test .nhd-learn .nhd-pull{background:var(--nhd-tan-soft);color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-invite .nhd-pull{background:var(--nhd-white);color:var(--nhd-burgundy)}
/* the "no blood draw" pills sit on tan now, so give them a white face */
#nhd-ost-test .nhd-invite .nhd-nolist span{background:var(--nhd-white)}
/* answer cards on white need their own edge */
#nhd-ost-test .nhd-learn .nhd-answer{border-color:rgba(31,30,33,.12)}
#nhd-ost-test .nhd-learn .nhd-answer--hi{background:#fff8f8}

/* ---------- hero background ----------
   The kit and Dr. Wolfson are in the photograph now, so the hero is a single
   copy column over a full-bleed image. Copy space is upper-left in the shot,
   so the scrim holds solid there and clears before the box. */
#nhd-ost-test .nhd-hero{position:relative;overflow:hidden;isolation:isolate;
  background:var(--nhd-tan-soft);padding:0}
#nhd-ost-test .nhd-hero-bg{position:absolute;inset:0;background-size:cover;
  background-position:82% center;background-repeat:no-repeat;
  background-attachment:scroll;z-index:0}
#nhd-ost-test .nhd-hero-bg::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(250,246,240,.95) 0%,rgba(250,246,240,.88) 22%,rgba(250,246,240,.6) 33%,rgba(250,246,240,.2) 43%,rgba(250,246,240,0) 54%),
    linear-gradient(180deg,rgba(250,246,240,.3) 0%,rgba(250,246,240,.04) 28%,rgba(250,246,240,0) 48%)}
#nhd-ost-test .nhd-hero-inner{position:relative;z-index:1;display:block;padding:74px 0 78px}
#nhd-ost-test .nhd-hero-content{max-width:520px}

@media (min-width:941px){
  #nhd-ost-test .nhd-hero{min-height:760px;display:flex;align-items:center}
  #nhd-ost-test .nhd-hero-inner{width:100%}
  #nhd-ost-test .nhd-hero-content{max-width:500px}
  #nhd-ost-test .nhd-hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.08}
  #nhd-ost-test .nhd-hero .nhd-lede{font-size:19px}
}

/* MOBILE: the box and Dr. Wolfson sit right of centre, so a tall narrow crop
   loses them. Image becomes a band beneath the copy, copy on solid tan. */
@media (max-width:940px){
  #nhd-ost-test .nhd-hero{min-height:0;background:var(--nhd-tan-soft)}
  #nhd-ost-test .nhd-hero-bg{position:absolute;top:auto;bottom:0;left:0;right:0;
    height:clamp(215px,58vw,290px);background-size:cover;background-position:80% 48%}
  #nhd-ost-test .nhd-hero-bg::after{background:
    linear-gradient(180deg,var(--nhd-tan-soft) 0%,rgba(248,243,235,.55) 18%,rgba(248,243,235,0) 44%) !important}
  #nhd-ost-test .nhd-hero-inner{padding:40px 0 calc(clamp(190px,50vw,250px) + 22px)}
  #nhd-ost-test .nhd-hero-content{max-width:none}
  #nhd-ost-test .nhd-hero .nhd-btn--lg{width:100%;justify-content:center}
  #nhd-ost-test .nhd-guessline{display:block}
}


/* the hero image is static - it scrolls with its section, no parallax */
/* PARALLAX: fixed attachment holds the photograph against the viewport so it
   drifts as the page scrolls. A transform on the layer or on any ancestor
   creates a containing block and silently cancels this, so the hero and its
   background layer are pinned to transform:none - the section-reveal
   animation would otherwise break it on first paint. */
@media (min-width:941px) and (hover:hover){
  #nhd-ost-test .nhd-hero-bg{background-attachment:fixed}
  #nhd-ost-test .nhd-hero,#nhd-ost-test .nhd-hero.nhd-sec-reveal{transform:none !important}
  #nhd-ost-test .nhd-hero-bg{transform:none !important}
}
/* iOS and Android render fixed attachment badly, so scroll normally there */
@media (max-width:940px),(hover:none){
  #nhd-ost-test .nhd-hero-bg{background-attachment:scroll}
}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-hero-bg{background-attachment:scroll !important}
}

/* ---------- animated node track (Why Test?) ---------- */
#nhd-ost-test .nhd-track{position:relative;list-style:none;display:flex;justify-content:space-between;
  align-items:flex-start;gap:14px;max-width:1000px;margin:0 auto;padding-top:30px}
#nhd-ost-test .nhd-track::before{content:"";position:absolute;top:40px;left:11%;right:11%;height:3px;
  background:var(--nhd-red);transform:scaleX(0);transform-origin:left center;border-radius:2px}
#nhd-ost-test .nhd-track.nhd-in::before{transform:scaleX(1);
  transition:transform 1.15s cubic-bezier(.22,.7,.3,1)}
#nhd-ost-test .nhd-track-item{position:relative;z-index:1;display:flex;flex-direction:column;
  align-items:center;flex:1;min-width:0;text-align:center}
#nhd-ost-test .nhd-track-node{width:22px;height:22px;border-radius:50%;background:var(--nhd-red);
  border:4px solid var(--nhd-white);box-shadow:0 0 0 2px var(--nhd-red);margin-bottom:22px;
  transform:scale(0);opacity:0}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-node{transform:scale(1);opacity:1;
  transition:transform .42s cubic-bezier(.2,1.5,.4,1),opacity .3s ease}
#nhd-ost-test .nhd-track-pill{display:inline-block;background:var(--nhd-burgundy);color:var(--nhd-white);
  border-radius:999px;padding:11px 18px;font-size:16px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;line-height:1.3;opacity:0;transform:translateY(12px);
  transition:transform .28s cubic-bezier(.22,.7,.3,1),box-shadow .28s ease,background .28s ease}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-pill{opacity:1;transform:none;
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,.7,.3,1)}
#nhd-ost-test .nhd-track-cap{display:block;margin-top:10px;font-size:16px;line-height:1.45;
  color:var(--nhd-muted);opacity:0;transition:opacity .5s ease}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-cap{opacity:1}
#nhd-ost-test .nhd-track-item:hover .nhd-track-pill{background:var(--nhd-red);transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(90,12,18,.32)}
/* oxidative stress is the point of the row, so it reads differently */
#nhd-ost-test .nhd-track-item--hi .nhd-track-node{background:var(--nhd-red);
  box-shadow:0 0 0 2px var(--nhd-red),0 0 0 8px rgba(90,12,18,.16)}
#nhd-ost-test .nhd-track-item--hi .nhd-track-pill{background:var(--nhd-red);font-size:17px;
  box-shadow:0 8px 20px rgba(90,12,18,.28)}
#nhd-ost-test .nhd-track-item--hi .nhd-track-cap{color:var(--nhd-burgundy);font-weight:700}
/* stagger along the rail */
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(1) .nhd-track-node{transition-delay:.10s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(2) .nhd-track-node{transition-delay:.28s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(3) .nhd-track-node{transition-delay:.46s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-node{transition-delay:.64s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-node{transition-delay:.72s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(1) .nhd-track-pill,
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(1) .nhd-track-cap{transition-delay:.20s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(2) .nhd-track-pill,
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(2) .nhd-track-cap{transition-delay:.38s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(3) .nhd-track-pill,
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(3) .nhd-track-cap{transition-delay:.56s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-pill,
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-cap{transition-delay:.74s}
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-pill,
#nhd-ost-test .nhd-track.nhd-in .nhd-track-item:nth-child(4) .nhd-track-cap{transition-delay:.82s}

/* below 900px the rail turns vertical so five labels never squeeze */
@media (max-width:900px){
  #nhd-ost-test .nhd-track{flex-direction:column;align-items:flex-start;gap:22px;
    padding-top:0;padding-left:34px;max-width:560px}
  #nhd-ost-test .nhd-track::before{top:12px;bottom:12px;left:10px;right:auto;width:3px;height:auto;
    transform:scaleY(0);transform-origin:top center}
  #nhd-ost-test .nhd-track.nhd-in::before{transform:scaleY(1)}
  #nhd-ost-test .nhd-track-item{align-items:flex-start;text-align:left;width:100%}
  #nhd-ost-test .nhd-track-node{position:absolute;left:-34px;top:4px;margin-bottom:0}
  #nhd-ost-test .nhd-track-cap{margin-top:7px}
}
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-track::before{transform:none !important;transition:none !important}
  #nhd-ost-test .nhd-track-node,#nhd-ost-test .nhd-track-pill,#nhd-ost-test .nhd-track-cap{
    opacity:1 !important;transform:none !important;transition:none !important}
  #nhd-ost-test .nhd-track-item:hover .nhd-track-pill{transform:none !important}
}

/* the closing line on the dark testimonial band needs light type */
/* the five unboxed closing lines: centred, Porter 700, a step above body copy
   so they still read as the beat at the end of a section */
#nhd-ost-test .nhd-plainline{max-width:820px;margin:26px auto 0;text-align:center;
  font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(20px,2.2vw,25px);line-height:1.35;color:var(--nhd-burgundy)}
/* section body copy centres too, so each block reads as one centred column */
#nhd-ost-test .nhd-prose{text-align:center}
#nhd-ost-test .nhd-prose p{margin-left:auto;margin-right:auto}
#nhd-ost-test .nhd-steps .nhd-plainline{color:var(--nhd-tan)}
#nhd-ost-test .nhd-invite .nhd-plainline,
#nhd-ost-test .nhd-learn .nhd-plainline{color:var(--nhd-burgundy)}



/* ---------- the six pillars ----------
   The other five are a quiet list of names. Test, Don't Guess is the reason
   this page exists, so it is set much larger, in red, with a rule above and
   below - it should dominate the section, not merely differ from it. */
#nhd-ost-test .nhd-pillarlist6{list-style:none;max-width:660px;margin:0 auto;
  display:flex;flex-direction:column;gap:14px;text-align:center}
#nhd-ost-test .nhd-pillarlist6 li b{display:block;font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(19px,2vw,22px);line-height:1.25;color:var(--nhd-burgundy);opacity:.72}
#nhd-ost-test .nhd-pillarlist6 li span{display:block;margin-top:6px;font-size:18.5px;line-height:1.55;
  color:var(--nhd-body-ink)}

#nhd-ost-test .nhd-pillarlist6 .nhd-key{margin:12px 0;padding:24px 16px;
  border-top:2px solid rgba(90,12,18,.22);border-bottom:2px solid rgba(90,12,18,.22)}
#nhd-ost-test .nhd-pillarlist6 .nhd-key b{opacity:1;color:var(--nhd-red);
  font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:.01em;text-transform:uppercase}
#nhd-ost-test .nhd-pillarlist6 .nhd-key span{margin-top:10px;font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(19px,2.1vw,23px);color:var(--nhd-burgundy)}

@media (max-width:600px){
  #nhd-ost-test .nhd-pillarlist6{gap:11px}
  #nhd-ost-test .nhd-pillarlist6 .nhd-key{padding:20px 10px;margin:10px 0}
}
  #nhd-ost-test .nhd-pillarlist6 span{font-size:18px}


@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-stepnum,#nhd-ost-test .nhd-stepcard:hover .nhd-stepnum{
    transform:none !important;transition:none !important}
}

/* ---------- mid-page CTA ---------- */
#nhd-ost-test .nhd-midcta{background:var(--nhd-burgundy);padding:44px 0 46px;text-align:center}
#nhd-ost-test .nhd-midcta-inner h2{color:var(--nhd-white);margin-bottom:12px}
#nhd-ost-test .nhd-midcta-price{font-size:20px;line-height:1.5;color:rgba(228,209,186,.96);margin-bottom:22px}
#nhd-ost-test .nhd-midcta-price b{font-family:var(--nhd-display);font-weight:700;
  font-size:clamp(26px,3vw,34px);color:var(--nhd-white);vertical-align:-2px}
@media (max-width:600px){
  #nhd-ost-test .nhd-midcta{padding:32px 0 34px}
  #nhd-ost-test .nhd-midcta .nhd-btn{width:100%;justify-content:center}
}

/* =========================================================================
   TYPOGRAPHY SCALE - NHD standard
   Audience skews older. Body copy 20px desktop / 19px tablet / 18px phone.
   16px is reserved for small-caps labels, chips and legal microcopy only.
   Nothing on the page goes below 16px at any width.
   ========================================================================= */
#nhd-ost-test{--nhd-fs-body:20px;--nhd-fs-lead:22px;--nhd-fs-label:16px;--nhd-fs-legal:17px}
@media (max-width:1024px){#nhd-ost-test{--nhd-fs-body:19px;--nhd-fs-lead:21px}}
@media (max-width:600px){#nhd-ost-test{--nhd-fs-body:18px;--nhd-fs-lead:20px}}

/* every paragraph and list item that is body copy rides the scale.
   Chips, eyebrows, legal notes and numerals keep their own sizes. */
#nhd-ost-test p,
#nhd-ost-test li{font-size:var(--nhd-fs-body);line-height:1.6}
#nhd-ost-test .nhd-eyebrow,
#nhd-ost-test .nhd-tags li,
#nhd-ost-test .nhd-track-pill,
#nhd-ost-test .nhd-chip{font-size:var(--nhd-fs-label)}
#nhd-ost-test .nhd-disclaimer,
#nhd-ost-test .nhd-disclaimer p,
#nhd-ost-test .nhd-foot-addr,
#nhd-ost-test .nhd-tag,
#nhd-ost-test .nhd-testi-note,
#nhd-ost-test .nhd-btn-note{font-size:var(--nhd-fs-legal);line-height:1.55}
#nhd-ost-test .nhd-btn{font-size:clamp(18px,1.9vw,20px);line-height:1.3;
  min-height:48px;display:inline-flex;align-items:center;justify-content:center}

/* mobile UX */
@media (max-width:820px){
  #nhd-ost-test .nhd-btn{display:block;width:100%;padding:18px 22px;min-height:56px}
  #nhd-ost-test .nhd-foot-contact{display:flex;flex-direction:column;gap:8px;align-items:center}
}
@media (max-width:420px){
  #nhd-ost-test .nhd-wrap{padding-left:18px;padding-right:18px}
}
#nhd-ost-test a,#nhd-ost-test button{touch-action:manipulation}

/* these carry more specific rules in the base sheet, so the scale is
   restated at matching specificity. Chips stay at label size. */
#nhd-ost-test .nhd-stepcard figcaption p,
#nhd-ost-test .nhd-card p,
#nhd-ost-test .nhd-prose p{font-size:var(--nhd-fs-body);line-height:1.6}

/* =========================================================================
   REVISION 30 Sep 2026 - new components for the review
   ========================================================================= */
#nhd-ost-test .nhd-hero-fine{margin-top:14px;font-size:16px;font-weight:700;letter-spacing:.03em;
  color:var(--nhd-burgundy)}

/* --- the mechanism: two columns, bad vs good --- */
#nhd-ost-test .nhd-mech{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
#nhd-ost-test .nhd-mech-col{background:var(--nhd-white);border-radius:var(--nhd-radius);
  padding:26px 26px 22px;border:1px solid rgba(31,30,33,.1);border-top:5px solid var(--nhd-red)}
#nhd-ost-test .nhd-mech-col--good{border-top-color:#1d7a3a}
#nhd-ost-test .nhd-mech-head{font-family:var(--nhd-display);font-weight:700;font-size:clamp(21px,2.3vw,26px);
  line-height:1.2;color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-mech-col--good .nhd-mech-head{color:#1d5f30}
#nhd-ost-test .nhd-mech-sub{margin:4px 0 14px;font-size:17px;color:var(--nhd-muted)}
#nhd-ost-test .nhd-mech ul{list-style:none;display:flex;flex-direction:column;gap:9px}
#nhd-ost-test .nhd-mech li{position:relative;padding-left:24px;font-size:var(--nhd-fs-body);line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-mech li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:10px;border-radius:50%;background:var(--nhd-red)}
#nhd-ost-test .nhd-mech-col--good li::before{background:#1d7a3a}

/* --- what the marker can and cannot tell you --- */
#nhd-ost-test .nhd-marker{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
#nhd-ost-test .nhd-marker-col{background:var(--nhd-white);border-radius:var(--nhd-radius);padding:24px 26px;
  border:1px solid rgba(31,30,33,.1)}
#nhd-ost-test .nhd-marker-head{font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid}
#nhd-ost-test .nhd-marker-head--can{color:#1d5f30;border-color:#1d7a3a}
#nhd-ost-test .nhd-marker-head--cannot{color:var(--nhd-burgundy);border-color:var(--nhd-red)}
#nhd-ost-test .nhd-marker ul{list-style:none;display:flex;flex-direction:column;gap:9px}
#nhd-ost-test .nhd-marker li{position:relative;padding-left:26px;font-size:var(--nhd-fs-body);line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-marker-col:first-child li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:700;color:#1d7a3a}
#nhd-ost-test .nhd-marker-col:last-child li::before{content:"\2013";position:absolute;left:2px;top:0;font-weight:700;color:var(--nhd-red)}
#nhd-ost-test .nhd-figcap{margin-top:12px;text-align:center;font-size:17px;color:var(--nhd-muted)}

/* --- the questionnaire, mapped to the six pillars in the pinned order --- */
#nhd-ost-test .nhd-quest{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto}
#nhd-ost-test .nhd-quest-item{background:var(--nhd-white);border-radius:12px;padding:18px 20px;
  border:1px solid rgba(31,30,33,.1);border-left:4px solid var(--nhd-red)}
#nhd-ost-test .nhd-quest-item b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:19px;
  line-height:1.2;color:var(--nhd-burgundy);margin-bottom:5px}
#nhd-ost-test .nhd-quest-item span{display:block;font-size:17px;line-height:1.5;color:var(--nhd-body-ink)}

/* --- the practitioner review, four cards + the cardiologist anchor --- */
#nhd-ost-test .nhd-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto}
#nhd-ost-test .nhd-review-card{background:rgba(255,255,255,.06);border:1px solid rgba(228,209,186,.22);
  border-radius:var(--nhd-radius);padding:22px 24px 20px}
#nhd-ost-test .nhd-review-num{width:34px;height:34px;border-radius:50%;background:var(--nhd-red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--nhd-display);font-weight:700;
  font-size:18px;margin-bottom:12px}
#nhd-ost-test .nhd-review-card b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:21px;
  line-height:1.25;color:var(--nhd-white);margin-bottom:6px}
#nhd-ost-test .nhd-review-card p{font-size:var(--nhd-fs-body);line-height:1.55;color:var(--nhd-tan);margin:0}
#nhd-ost-test .nhd-anchor{display:flex;align-items:center;gap:18px;max-width:760px;margin:30px auto 0;
  background:rgba(255,255,255,.06);border:1px solid rgba(228,209,186,.22);border-radius:var(--nhd-radius);padding:16px 20px}
#nhd-ost-test .nhd-anchor img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;
  flex:none;border:3px solid var(--nhd-white)}
#nhd-ost-test .nhd-anchor b{display:block;font-size:18px;line-height:1.35;color:var(--nhd-white)}
#nhd-ost-test .nhd-anchor span{display:block;margin-top:4px;font-size:17px;line-height:1.5;color:var(--nhd-tan)}
#nhd-ost-test .nhd-steps .nhd-flow{margin-top:30px}

/* --- offer list sub-lines --- */
#nhd-ost-test .nhd-incl li > span:last-child b{display:block;font-size:var(--nhd-fs-body)}
#nhd-ost-test .nhd-incl li > span:last-child small{display:block;font-size:17px;color:var(--nhd-muted);margin-top:2px}

/* --- testimonial source note --- */
#nhd-ost-test .nhd-testi-note{margin-top:22px;text-align:center;font-size:17px;color:var(--nhd-muted)}

/* --- FAQ accordion --- */
#nhd-ost-test .nhd-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#nhd-ost-test .nhd-faq-item{background:var(--nhd-white);border:1px solid rgba(31,30,33,.1);
  border-radius:12px;overflow:hidden}
#nhd-ost-test .nhd-faq-item summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;position:relative;
  font-family:var(--nhd-display);font-weight:700;font-size:20px;line-height:1.3;color:var(--nhd-burgundy);min-height:48px}
#nhd-ost-test .nhd-faq-item summary::-webkit-details-marker{display:none}
#nhd-ost-test .nhd-faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;background:var(--nhd-tan-soft);color:var(--nhd-red);
  font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
#nhd-ost-test .nhd-faq-item[open] summary::after{content:"\2013"}
#nhd-ost-test .nhd-faq-a{padding:0 22px 20px}
#nhd-ost-test .nhd-faq-a p{font-size:var(--nhd-fs-body);line-height:1.6;color:var(--nhd-body-ink);margin:0}

/* --- responsive --- */
@media (max-width:820px){
  #nhd-ost-test .nhd-mech,#nhd-ost-test .nhd-marker,#nhd-ost-test .nhd-review-grid{grid-template-columns:1fr}
  #nhd-ost-test .nhd-quest{grid-template-columns:1fr 1fr}
  #nhd-ost-test .nhd-anchor{flex-direction:column;text-align:center}
}
@media (max-width:520px){
  #nhd-ost-test .nhd-quest{grid-template-columns:1fr}
  #nhd-ost-test .nhd-faq-item summary{font-size:18px;padding:16px 50px 16px 18px}
  #nhd-ost-test .nhd-faq-a{padding:0 18px 18px}
}

/* --- steps 4 to 8 as a numbered list under the three photo cards --- */
#nhd-ost-test .nhd-steps8{list-style:none;max-width:860px;margin:30px auto 0;display:flex;flex-direction:column;gap:12px}
#nhd-ost-test .nhd-steps8 li{display:flex;gap:18px;align-items:flex-start;background:var(--nhd-white);
  border:1px solid rgba(31,30,33,.1);border-radius:12px;padding:16px 20px}
#nhd-ost-test .nhd-steps8-n{flex:none;width:38px;height:38px;border-radius:50%;background:var(--nhd-red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--nhd-display);font-weight:700;font-size:19px}
#nhd-ost-test .nhd-steps8 b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:20px;line-height:1.25;
  color:var(--nhd-burgundy);margin-bottom:4px}
#nhd-ost-test .nhd-steps8 p{margin:0;font-size:var(--nhd-fs-body);line-height:1.55;color:var(--nhd-body-ink)}
/* the seven-stop simple flow wraps rather than squeezes */
#nhd-ost-test .nhd-flow--simple{flex-wrap:wrap;justify-content:center;row-gap:10px}
#nhd-ost-test .nhd-flow--simple span{font-size:16px;padding:10px 14px}
@media (max-width:600px){
  #nhd-ost-test .nhd-steps8 li{padding:14px 16px;gap:14px}
  #nhd-ost-test .nhd-steps8-n{width:32px;height:32px;font-size:17px}
  #nhd-ost-test .nhd-flow--simple i{display:none}
}

/* two photo cards, centred, with the same card width as the three-up grid */
#nhd-ost-test .nhd-grid-3--two{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
@media (max-width:820px){#nhd-ost-test .nhd-grid-3--two{grid-template-columns:1fr}}
/* the Zoom photo leads the coach review section */
#nhd-ost-test .nhd-review-photo{max-width:640px;margin:0 auto 26px;border-radius:var(--nhd-radius);overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.35)}
#nhd-ost-test .nhd-review-photo img{width:100%;height:auto;display:block}
/* hide the dangling arrow at a wrap point in the simple flow */
#nhd-ost-test .nhd-flow--simple i:last-child{display:none}

/* --- test or don't test: the close --- */
#nhd-ost-test .nhd-choice{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
#nhd-ost-test .nhd-choice-col{background:var(--nhd-white);border-radius:var(--nhd-radius);padding:26px 26px 24px;
  border:1px solid rgba(31,30,33,.1)}
#nhd-ost-test .nhd-choice-col--no{opacity:.78}
#nhd-ost-test .nhd-choice-col--yes{border:2px solid var(--nhd-red);box-shadow:0 18px 44px rgba(90,12,18,.18)}
#nhd-ost-test .nhd-choice-head{font-family:var(--nhd-display);font-weight:700;font-size:clamp(22px,2.4vw,27px);
  line-height:1.2;margin-bottom:14px;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-choice-col--yes .nhd-choice-head{color:var(--nhd-red)}
#nhd-ost-test .nhd-choice ul{list-style:none;display:flex;flex-direction:column;gap:10px}
#nhd-ost-test .nhd-choice li{position:relative;padding-left:26px;font-size:var(--nhd-fs-body);line-height:1.5;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-choice-col--no li::before{content:"\2013";position:absolute;left:2px;top:0;font-weight:700;color:var(--nhd-muted)}
#nhd-ost-test .nhd-choice-col--yes li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:700;color:#1d7a3a}
#nhd-ost-test #nhd-decide .nhd-note{margin-top:28px}

/* --- Jack's close --- */
#nhd-ost-test .nhd-closecopy{max-width:640px;margin:0 auto 26px;text-align:center}
#nhd-ost-test .nhd-closecopy p{font-size:var(--nhd-fs-body);line-height:1.6;color:rgba(255,255,255,.92);margin-bottom:12px}
#nhd-ost-test .nhd-closecopy-punch{font-family:var(--nhd-display);font-weight:700;font-size:clamp(22px,2.6vw,30px);
  line-height:1.3;color:var(--nhd-tan) !important;margin:22px 0 !important}
#nhd-ost-test .nhd-closesig{font-weight:700;color:#fff !important;margin-top:18px !important}
#nhd-ost-test .nhd-closesig span{font-weight:400;font-size:17px;color:var(--nhd-tan)}
#nhd-ost-test .nhd-closefine{margin-top:12px;font-size:16px;color:rgba(255,255,255,.8)}
#nhd-ost-test .nhd-register .nhd-eyebrow{color:var(--nhd-tan)}
@media (max-width:820px){#nhd-ost-test .nhd-choice{grid-template-columns:1fr}}

/* the note component was styled for dark bands; on the tan band it was
   white-on-tan and unreadable */
#nhd-ost-test .nhd-invite .nhd-note{background:var(--nhd-white);border:1px solid rgba(31,30,33,.12);
  color:var(--nhd-burgundy)}
#nhd-ost-test .nhd-invite .nhd-note strong{color:var(--nhd-red)}

/* --- how the test fits the framework --- */
#nhd-ost-test .nhd-howfits{max-width:960px;margin:26px auto 0;background:var(--nhd-white);border-radius:var(--nhd-radius);
  padding:24px 26px;border:1px solid rgba(31,30,33,.1);text-align:center}
#nhd-ost-test .nhd-howfits-head{font-family:var(--nhd-display);font-weight:700;font-size:clamp(20px,2.2vw,24px);
  color:var(--nhd-burgundy);margin-bottom:16px}
#nhd-ost-test .nhd-howfits-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
#nhd-ost-test .nhd-howfits-row > div{background:var(--nhd-tan-soft);border-radius:12px;padding:14px 16px}
#nhd-ost-test .nhd-howfits-row b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:19px;
  color:var(--nhd-red);margin-bottom:4px}
#nhd-ost-test .nhd-howfits-row span{display:block;font-size:17px;line-height:1.45;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-howfits p{margin:0;font-size:var(--nhd-fs-body);line-height:1.55;color:var(--nhd-body-ink)}
/* --- evidence note under the marker explanation --- */
#nhd-ost-test .nhd-evidence{max-width:820px;margin:0 auto 26px;background:var(--nhd-white);border-left:4px solid var(--nhd-gold);
  border-radius:var(--nhd-radius);padding:18px 22px}
#nhd-ost-test .nhd-evidence b{display:block;font-family:var(--nhd-display);font-weight:700;font-size:19px;
  color:var(--nhd-burgundy);margin-bottom:6px}
#nhd-ost-test .nhd-evidence p{margin:0 0 8px;font-size:var(--nhd-fs-body);line-height:1.55;color:var(--nhd-body-ink)}
#nhd-ost-test .nhd-evidence p:last-child{margin-bottom:0}
@media (max-width:820px){#nhd-ost-test .nhd-howfits-row{grid-template-columns:1fr}}

/* --- citation mark and reference list --- */
#nhd-ost-test .nhd-ref-mark{font-size:16px;line-height:0;vertical-align:super;margin-left:2px}
#nhd-ost-test .nhd-ref-mark a{color:var(--nhd-red);text-decoration:none;font-weight:700;
  display:inline-block;min-width:22px;min-height:22px;text-align:center}
#nhd-ost-test .nhd-refs{max-width:900px;margin:0 auto 22px;padding-left:22px;text-align:left}
#nhd-ost-test .nhd-refs li{font-size:16px;line-height:1.55;color:rgba(255,255,255,.72)}
#nhd-ost-test .nhd-refs a{color:var(--nhd-tan);text-decoration:underline;text-underline-offset:2px}


/* =========================================================================
   CARD ANIMATIONS
   The hidden state is gated on .nhd-anim, which only the script adds.
   ========================================================================= */
#nhd-ost-test.nhd-anim .nhd-card-anim{opacity:0;transform:translateY(26px) scale(.985);
  transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--nhd-d,0ms),
             transform .7s cubic-bezier(.2,.7,.2,1) var(--nhd-d,0ms);
  will-change:opacity,transform}
#nhd-ost-test.nhd-anim .nhd-card-anim.nhd-in{opacity:1;transform:none}
/* once settled, drop will-change so the GPU layers are released */
#nhd-ost-test.nhd-anim .nhd-card-anim.nhd-in{will-change:auto}

/* hover lift on pointer devices only - phones never get a stuck hover */
@media (hover:hover) and (pointer:fine){
  #nhd-ost-test .nhd-mech-col,#nhd-ost-test .nhd-marker-col,#nhd-ost-test .nhd-quest-item,
  #nhd-ost-test .nhd-review-card,#nhd-ost-test .nhd-stepcard,#nhd-ost-test .nhd-steps8 li,
  #nhd-ost-test .nhd-choice-col,#nhd-ost-test .nhd-testi,#nhd-ost-test .nhd-howfits-row > div{
    transition:transform .25s ease, box-shadow .25s ease, opacity .6s cubic-bezier(.2,.7,.2,1) var(--nhd-d,0ms)}
  #nhd-ost-test .nhd-mech-col:hover,#nhd-ost-test .nhd-marker-col:hover,#nhd-ost-test .nhd-quest-item:hover,
  #nhd-ost-test .nhd-stepcard:hover,#nhd-ost-test .nhd-steps8 li:hover,#nhd-ost-test .nhd-choice-col:hover,
  #nhd-ost-test .nhd-testi:hover,#nhd-ost-test .nhd-howfits-row > div:hover{
    transform:translateY(-4px);box-shadow:0 16px 36px rgba(31,30,33,.12)}
  #nhd-ost-test .nhd-review-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.35)}
  #nhd-ost-test .nhd-choice-col--yes:hover{box-shadow:0 22px 50px rgba(90,12,18,.24)}
}

/* the "yes" choice and the offer card get a slow, quiet pulse once visible */
@keyframes nhdOfferGlow{0%,100%{box-shadow:0 18px 44px rgba(90,12,18,.16)}50%{box-shadow:0 18px 54px rgba(90,12,18,.30)}}
#nhd-ost-test.nhd-anim .nhd-offer.nhd-in,
#nhd-ost-test.nhd-anim .nhd-choice-col--yes.nhd-in{animation:nhdOfferGlow 3.6s ease-in-out 1.2s infinite}

/* lazy images fade in when their bytes arrive */
#nhd-ost-test img.nhd-img-wait{opacity:0;transition:opacity .5s ease}
#nhd-ost-test img.nhd-img-wait.nhd-img-ready{opacity:1}

/* reduced motion: nothing moves, nothing waits */
@media (prefers-reduced-motion:reduce){
  #nhd-ost-test .nhd-card-anim{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
  #nhd-ost-test img.nhd-img-wait{opacity:1 !important}
}
@media print{
  #nhd-ost-test .nhd-card-anim{opacity:1 !important;transform:none !important}
}

/* breathing room between "Two things tip the balance..." and the two columns */
#nhd-ost-test .nhd-plain + .nhd-mech{margin-top:36px}
@media (max-width:600px){#nhd-ost-test .nhd-plain + .nhd-mech{margin-top:28px}}

/* ---- added in the NHD Shopify build: neutralise Prestige theme defaults inside the wrapper ---- */
#nhd-ost-test h1,#nhd-ost-test h2,#nhd-ost-test h3{text-transform:none;letter-spacing:normal}
#nhd-ost-test a[aria-busy="true"]{opacity:.75;cursor:progress}

/* ---- added in the NHD build: side padding for the nav and hero rows at 601 to 1228px. The source zeroes it, so the logo and hero text touched the screen edge on tablets and laptops. ---- */
#nhd-ost-test .nhd-nav-inner.nhd-wrap,#nhd-ost-test .nhd-hero-inner.nhd-wrap{padding-left:24px;padding-right:24px}
@media (max-width:600px){
  #nhd-ost-test .nhd-nav-inner.nhd-wrap,#nhd-ost-test .nhd-hero-inner.nhd-wrap{padding-left:18px;padding-right:18px}
}