/* financing — reframe card, numbered how-it-works, partner strip,
   illustrative payment examples, trust checklist.
   Shared components (page-hero, faq-list, quote form, final-cta) live in
   shared/base.css. */

/* ===== Reframe ===== */
.reframe-card{max-width:760px;margin-inline:auto;
     background:var(--color-tone-cream-surface);
     border:1px solid var(--color-tone-cream-border);
     border-left:4px solid var(--color-primary);
     border-radius:var(--radius-lg);padding:var(--space-6);
     box-shadow:var(--shadow-sm)}
.reframe-card p{color:var(--color-tone-cream-muted)}
.reframe-card p + p{margin-top:var(--space-4)}
.reframe-card strong{color:var(--color-text)}

/* ===== How it works ===== */
.fin-steps{max-width:760px;margin-inline:auto;display:grid;gap:var(--space-6);
     list-style:none}
.fin-step{display:flex;gap:var(--space-5);align-items:flex-start}
.fin-step__n{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-full);
     display:grid;place-items:center;font-family:var(--font-heading);font-weight:600;
     color:#fff;background-color:var(--color-primary);background-image:var(--sheen-soft);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.25),var(--shadow-sm)}
.fin-step h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}
.fin-step p{color:var(--color-text-muted)}

/* ===== Financing partner strip ===== */
.fin-partner{max-width:760px;margin:var(--space-8) auto 0;display:grid;
     gap:var(--space-5);align-items:center;text-align:center;
     background:var(--color-surface);border:1px solid var(--color-border);
     border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}
.fin-partner img{width:180px;height:auto;margin-inline:auto}
.fin-partner p{color:var(--color-text-muted);font-size:var(--text-sm)}
.fin-partner strong{color:var(--color-text)}

/* ===== Illustrative payment examples =====
   3 cards: 1-up on mobile, 3-up from 640px. Never 2-up, which would strand
   a widow in the last row (rules/css.md). */
.fin-ex-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.fin-ex{background:var(--color-tone-charcoal-surface);
     border:1px solid var(--color-tone-charcoal-border);
     border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}
.fin-ex h3{font-size:var(--text-base);color:var(--color-tone-charcoal-text)}
.fin-ex__price{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;
     color:var(--color-primary-light);margin-top:var(--space-2);line-height:var(--leading-tight)}
.fin-ex__price span{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;
     color:var(--color-tone-charcoal-muted)}
.fin-ex__note{font-size:var(--text-sm);color:var(--color-tone-charcoal-muted);
     margin-top:var(--space-2)}
.fin-disclaimer{max-width:760px;margin:var(--space-6) auto 0;text-align:center;
     font-size:var(--text-sm);color:var(--color-tone-charcoal-muted)}

/* ===== Trust checklist ===== */
.fin-trust-list{max-width:760px;margin-inline:auto;display:grid;gap:var(--space-4);
     list-style:none}
.fin-trust-list li{position:relative;padding-left:var(--space-7);
     color:var(--color-tone-cream-muted);
     padding-bottom:var(--space-4);border-bottom:1px solid var(--color-tone-cream-border)}
.fin-trust-list li:last-child{padding-bottom:0;border-bottom:0}
.fin-trust-list li::before{content:"✓";position:absolute;left:0;top:0;
     font-weight:600;color:var(--color-primary)}

/* ===== Closing CTA ===== */
/* .final-cta moved to shared/base.css - used by 4+ pages. */

@media(min-width:640px){
  .fin-ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fin-partner{grid-template-columns:180px 1fr;text-align:left;gap:var(--space-6)}
  .fin-partner p{font-size:var(--text-base)}
  .reframe-card{padding:var(--space-8)}
}