/* ============================================================
   BY ANY MEANS GTA · Program page styles
   Builds on site.css + about.css vocabulary.
   ============================================================ */

/* ---------- FACT BAR ---------- */
.factbar{background:var(--black);border-bottom:1px solid var(--gold-line);}
.factbar__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.fact{padding:clamp(28px,3.4vh,42px) clamp(20px,2vw,32px);border-left:1px solid var(--gold-line);}
.fact:first-child{border-left:none;}
.fact__k{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.fact__v{font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);line-height:0.98;text-transform:uppercase;color:#fff;}

/* ---------- INCLUDES GRID ---------- */
.includes__head{margin-bottom:54px;}
.includes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold-line);border:1px solid var(--gold-line);}
.inccard{background:var(--black);padding:clamp(30px,3vw,46px) clamp(26px,2.4vw,38px);display:flex;flex-direction:column;gap:14px;transition:background .3s;}
.inccard:hover{background:var(--black-lift);}
.inccard__num{font-family:var(--font-display);font-size:14px;letter-spacing:0.18em;color:var(--gold);}
.inccard__t{font-family:var(--font-display);font-size:clamp(22px,2vw,28px);line-height:0.98;text-transform:uppercase;color:#fff;}
.inccard__d{font-size:15px;line-height:1.6;color:rgba(255,255,255,0.74);}

/* ---------- COMPARE (philosophy) ---------- */
.compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.compcol{border:1px solid var(--gold-line);padding:clamp(32px,3vw,48px);}
.compcol--them{background:var(--black);}
.compcol--us{background:var(--black-lift);border-color:rgba(226,221,159,0.4);}
.compcol__tag{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;padding:7px 13px;margin-bottom:24px;}
.compcol--them .compcol__tag{color:rgba(255,255,255,0.6);border:1px solid var(--gold-line);}
.compcol--us .compcol__tag{background:var(--gold);color:var(--black);}
.compcol__title{font-family:var(--font-display);font-size:clamp(24px,2.4vw,34px);line-height:0.96;text-transform:uppercase;color:#fff;margin-bottom:24px;}
.compcol__title em{color:var(--gold);}
.compli{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--gold-line);font-size:15.5px;line-height:1.55;color:rgba(255,255,255,0.8);}
.compli:first-of-type{border-top:none;}
.compli__mark{flex:none;font-family:var(--font-display);font-size:15px;line-height:1.5;}
.compcol--them .compli__mark{color:rgba(255,255,255,0.4);}
.compcol--us .compli__mark{color:var(--gold);}

/* ---------- BIG QUOTE ---------- */
.bigquote{background:var(--black);border-block:1px solid var(--gold-line);padding:clamp(72px,11vh,140px) 0;text-align:center;}
.bigquote__mark{font-family:Georgia,serif;font-size:clamp(90px,12vw,170px);line-height:0.6;color:var(--gold);opacity:0.22;}
.bigquote__text{font-family:var(--font-display);font-size:clamp(28px,3.6vw,52px);line-height:1.04;text-transform:uppercase;letter-spacing:-0.005em;color:#fff;max-width:20ch;margin:18px auto 0;}
.bigquote__text em{color:var(--gold);}
.bigquote__by{margin-top:30px;font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);}

/* ---------- ADAPT SIGNUP ("Stay in the loop") ---------- */
.signup__inner{max-width:720px;margin:0 auto;text-align:center;}
.signup__title{font-family:var(--font-display);font-size:clamp(48px,8vw,120px);line-height:0.9;text-transform:uppercase;letter-spacing:-0.015em;margin:0 auto 24px;}
.signup__title em{color:var(--gold);}
.signup__sub{font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:rgba(255,255,255,0.8);max-width:50ch;margin:0 auto 40px;}
.signup__form{text-align:left;}
.signup__row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.signup__submit{margin-top:8px;width:100%;justify-content:center;}
.signup .field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.signup .field__label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);}
.signup .field input{font-family:var(--font-body);font-size:16px;color:#fff;background:var(--black-lift);border:1px solid var(--gold-line);padding:15px 16px;transition:border-color .2s,background .2s;width:100%;}
.signup .field input::placeholder{color:rgba(255,255,255,0.34);}
.signup .field input:focus{outline:none;border-color:var(--gold);background:#161616;}
.signup__success{border:1px solid var(--gold);background:rgba(226,221,159,0.06);padding:clamp(36px,4vw,56px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:560px;margin:0 auto;}
.signup__success-mark{width:54px;height:54px;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:var(--font-display);font-size:26px;}
.signup__success h3{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);text-transform:uppercase;color:#fff;line-height:0.96;}
.signup__success p{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.8);max-width:44ch;}

/* ---------- PROGRAM RESPONSIVE ---------- */
@media(max-width:900px){
  .factbar__grid{grid-template-columns:1fr 1fr;}
  .fact:nth-child(3){border-left:none;}
  .fact:nth-child(n+3){border-top:1px solid var(--gold-line);}
  .includes__grid{grid-template-columns:1fr;}
  .compare__grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .factbar__grid{grid-template-columns:1fr;}
  .fact{border-left:none;border-top:1px solid var(--gold-line);}
  .fact:first-child{border-top:none;}
  .signup__row{grid-template-columns:1fr;gap:0;}
}