/* ═══════════════════════════════════════════════════════
   BATTLE FORGED NUTRITION, legal pages
   Same palette as the landing page, retuned for long-form
   reading: no video film, longer measure, real hierarchy.
   ═══════════════════════════════════════════════════════ */

:root{
  --ink:#0a0a0a;
  --ink2:#121214;
  --panel:#141417;
  --acid:#f0dc00;
  --lime:#90e000;
  --magenta:#e4006b;
  --brass:#c9953f;
  --bone:#f4f3ee;
  --body:#c6c6bf;
  --smoke:#8d8d86;
  --edge:rgba(244,243,238,.12);
  --edge-soft:rgba(244,243,238,.07);
  --ease:cubic-bezier(.16,1,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{background:var(--ink)}

body{
  min-height:100vh;
  font-family:"Barlow","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.72;color:var(--body);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--magenta);color:var(--bone)}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

/* texture, kept far lighter than the landing page so body copy stays legible */
.halftone{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(236,23,127,.10) 1px, transparent 1.4px);
  background-size:5px 5px;
}
.vignette{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 30%, transparent 55%, rgba(0,0,0,.6) 100%);
}

/* ═══════ HEADER ═══════ */
header{
  position:relative;z-index:10;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px clamp(18px,5vw,52px);
  border-bottom:1px solid var(--edge);
}
.brand{
  font-family:"Anton",Impact,sans-serif;font-size:clamp(13px,1.6vw,16px);
  letter-spacing:.1em;color:var(--acid);line-height:1;text-decoration:none;
}
.brand i{font-style:normal;color:var(--lime)}
.nav-back{
  font-family:"Anton",Impact,sans-serif;font-size:11px;letter-spacing:.18em;
  color:var(--smoke);text-decoration:none;padding:8px 0;
  transition:color .25s;
}
.nav-back:hover,.nav-back:focus-visible{color:var(--acid)}

/* ═══════ DOCUMENT ═══════ */
.doc{
  position:relative;z-index:10;
  max-width:820px;margin:0 auto;
  padding-inline:clamp(18px,5vw,40px);
  padding-block:clamp(36px,7vw,68px) 80px;
}

.eyebrow{
  font-family:"Barlow Condensed",sans-serif;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--magenta);margin-bottom:12px;
}

h1{
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(30px,6.4vw,56px);line-height:.95;
  color:var(--bone);text-transform:uppercase;letter-spacing:.01em;
  text-wrap:balance;
}
h1 em{font-style:normal;color:var(--lime)}

.updated{
  font-family:"Barlow Condensed",sans-serif;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--smoke);margin-top:16px;
  padding-top:14px;border-top:1px solid var(--edge);
}

.lede{
  margin-top:22px;font-size:17.5px;color:#d8d8d1;max-width:66ch;
}

/* the "read this first" box at the top of the refund policy */
.keybox{
  margin-top:30px;padding:22px 24px;
  background:var(--panel);border:1px solid var(--edge);
  border-left:3px solid var(--acid);
}
.keybox h2{
  font-family:"Anton",Impact,sans-serif;font-size:17px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--acid);margin-bottom:14px;
}
.keybox dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0}
.keybox dt{
  font-family:"Barlow Condensed",sans-serif;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lime);white-space:nowrap;padding-top:3px;
}
.keybox dd{margin:0;font-size:15.5px;color:var(--body)}
@media (max-width:560px){
  .keybox dl{grid-template-columns:1fr;gap:3px 0}
  .keybox dd{margin-bottom:11px}
}

/* ═══════ SECTIONS ═══════ */
section{margin-top:44px}
section h2{
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(19px,2.6vw,24px);line-height:1.15;letter-spacing:.02em;
  text-transform:uppercase;color:var(--bone);
  padding-bottom:10px;border-bottom:1px solid var(--edge);
  margin-bottom:18px;text-wrap:balance;
}
section h2 .num{color:var(--magenta);margin-right:10px}
h3{
  font-family:"Barlow Condensed",sans-serif;
  font-size:16px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--acid);margin-top:24px;margin-bottom:8px;
}
p{margin-bottom:14px;max-width:70ch}
p:last-child{margin-bottom:0}

ul,ol{margin:0 0 14px 0;padding-left:22px;max-width:70ch}
li{margin-bottom:8px}
li::marker{color:var(--lime)}
strong{color:var(--bone);font-weight:600}

a.inline{
  color:var(--lime);text-decoration:underline;
  text-decoration-color:rgba(144,224,0,.4);text-underline-offset:3px;
  transition:text-decoration-color .25s;
}
a.inline:hover,a.inline:focus-visible{text-decoration-color:currentColor}

/* placeholder that must be filled before this page goes live */
.todo{
  background:var(--magenta);color:var(--bone);
  font-family:"Barlow Condensed",sans-serif;font-weight:600;
  letter-spacing:.06em;padding:1px 7px;white-space:nowrap;
}

/* contact block */
.contact{
  margin-top:20px;padding:20px 22px;
  background:var(--panel);border:1px solid var(--edge);
}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.contact dt{
  font-family:"Barlow Condensed",sans-serif;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--smoke);white-space:nowrap;
}
.contact dd{margin:0}
@media (max-width:560px){
  .contact dl{grid-template-columns:1fr;gap:2px 0}
  .contact dd{margin-bottom:10px}
}

/* ═══════ FOOTER ═══════ */
footer{
  position:relative;z-index:10;text-align:center;
  padding:22px clamp(18px,5vw,52px) 26px;
  border-top:1px solid var(--edge);background:rgba(8,8,10,.72);
}
.foot-links{
  display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;
}
.foot-links a{
  font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--smoke);text-decoration:none;
  transition:color .25s;
}
.foot-links a:hover,.foot-links a:focus-visible{color:var(--acid)}
.legal-note{max-width:96ch;margin:0 auto;font-size:11px;line-height:1.55;color:#6d6d66}
.copy{margin-top:12px;font-size:11px;letter-spacing:.08em;color:#55554f}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}