/* =========================================================
   LEGAL KIT: the disclaimer strip at the very bottom of every page, and
   the /privacy page. Shared by the four coaching funnels (Josh Thar, Dom
   Madih, FushiFit, Ivey Lifts), identical in each; it reads the site's own
   colour tokens, so it takes on each brand without edits. Edit it in one
   site, copy it to the other three.
   ========================================================= */

/* ---- the strip: the very last thing on the page ---- */
.legal{
  position:relative; z-index:2;
  padding:26px 0 30px;
  border-top:1px solid var(--line, rgba(255,255,255,.1));
  background:var(--bg, #070708);
  color:var(--muted, #9d9d9f);
  font-size:12.5px;
  line-height:1.65;
}
.legal__inner{ display:grid; gap:10px; max-width:980px; }
.legal p{ margin:0; }
.legal b{ color:var(--text, #ededec); font-weight:600; }
.legal a{
  color:var(--text, #ededec);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-color:rgba(255,255,255,.35);
}
.legal a:hover{ text-decoration-color:currentColor; }
.legal__links{ margin-top:4px !important; }
.legal__links .sep{ margin:0 8px; opacity:.5; }

/* ---- the results line that sits with the transformations ---- */
/* The strip at the very bottom carries this too, but a disclaimer has to sit
   with the claims it qualifies, not only 2000px below them. */
.legal-note{
  max-width:62ch;
  margin:22px auto 0;
  text-align:center;
  font-size:12.5px;
  line-height:1.65;
  color:var(--muted-2, var(--muted, #9d9d9f));
}

/* ---- the /privacy page ---- */
.policy-page{ min-height:100vh; background:var(--bg, #070708); color:var(--text, #ededec); }
.policy-bar{
  border-bottom:1px solid var(--line, rgba(255,255,255,.1));
}
.policy-bar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; height:68px;
}
.policy-bar__back{
  font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted, #9d9d9f); text-decoration:none;
}
.policy-bar__back:hover{ color:var(--text, #ededec); }
.policy{ max-width:760px; padding:clamp(48px,8vw,88px) 0 clamp(56px,8vw,96px); }
.policy h1{
  font-family:var(--display, inherit);
  font-size:clamp(34px,5vw,52px);
  line-height:1.05;
  text-transform:uppercase;
  margin:0 0 12px;
}
.policy__date{ color:var(--muted, #9d9d9f); font-size:14px; margin:0 0 36px; }
.policy h2{
  font-family:var(--display, inherit);
  font-size:clamp(19px,2.4vw,23px);
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:40px 0 12px;
}
.policy p, .policy li{ color:var(--muted, #9d9d9f); font-size:16px; line-height:1.75; }
.policy p{ margin:0 0 14px; }
.policy ul{ margin:0 0 14px; padding-left:20px; }
.policy li{ margin:0 0 8px; }
.policy b{ color:var(--text, #ededec); font-weight:600; }
.policy a{ color:var(--text, #ededec); text-underline-offset:2px; }