/* Financing page only (src/pages/financing.html). Owned by Builder A. */

/* ---------- hero with the "who does what" card ---------- */
.fin-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.fin-hero .disclaimer{grid-column:1 / -1;margin-top:0}
.roles{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,36px)}
.roles h2{font-family:var(--f-label);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:var(--sp-5)}
.roles-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
.roles h3{font-size:20px;font-weight:600;line-height:1.25;padding-bottom:var(--sp-3);margin-bottom:var(--sp-4);border-bottom:2px solid var(--orange)}
.roles .lender h3{border-bottom-color:var(--on-dark-3)}
.roles ul{list-style:none;display:grid;gap:var(--sp-3)}
.roles li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.5;color:var(--on-dark-2)}
.roles li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.roles .lender li::before{background:var(--on-dark-3)}

/* ---------- tiles ---------- */
.fin-tiles .icon,.notes .icon{color:var(--orange);margin-bottom:var(--sp-2)}
.notes .icon{color:var(--red)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .fin-hero .wrap{grid-template-columns:minmax(0,1fr)}
  .roles{max-width:640px}
}
@media (max-width:640px){
  .roles-cols{grid-template-columns:minmax(0,1fr)}
}