/* ============================================================
   SS Financing page — dark/red parity (text + photo + SVG blocks)
   ============================================================ */

.financing-page{background:var(--ss-bg,#050505);color:var(--ss-text,#fff);}
.fin-container{max-width:1500px;margin:0 auto;padding:0 8%;}

/* ---------- HERO (photo block) ---------- */
.fin-hero{position:relative;}
.fin-hero__bg{
  position:relative;
  min-height:72vh;
  padding-top:150px;
  background-size:cover;
  background-position:center;
  display:flex;align-items:center;justify-content:center;text-align:center;
}
.fin-hero__overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at center,rgba(255,0,0,.16),transparent 45%),
    linear-gradient(rgba(5,5,5,.62),rgba(5,5,5,.9));
}
.fin-hero__inner{position:relative;z-index:2;}
.fin-hero__title{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(54px,9vw,120px);
  line-height:1;letter-spacing:5px;margin:14px 0 0;color:#fff;
  text-shadow:0 0 35px rgba(255,0,0,.7);
}
.fin-hero__subtitle{
  font-size:clamp(16px,1.5vw,23px);color:#dddddd;
  max-width:820px;margin:22px auto 0;line-height:1.7;
}
.fin-hero__buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:34px;}

/* eyebrow / section titles */
.fin-eyebrow{
  display:inline-block;color:var(--ss-red,#ff2b2b);font-weight:900;
  letter-spacing:5px;font-size:15px;text-transform:uppercase;
}
.fin-title{text-align:center;margin-bottom:60px;}
.fin-h2{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(40px,6vw,85px);line-height:1.02;letter-spacing:3px;
  margin:10px 0 0;color:#fff;
}
.fin-h2--center{text-align:center;}
.fin-lead{font-size:clamp(15px,1.3vw,21px);color:#bdbdbd;line-height:1.8;}
.fin-lead--center{max-width:1000px;margin:18px auto 0;text-align:center;}

/* ---------- 3 CARDS with SVG icons ---------- */
.fin-options{background:var(--ss-bg,#050505);}
.fin-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:34px;
  max-width:1400px;margin:0 auto;
}
.fin-card{
  background:linear-gradient(145deg,#1a1a1a,#0c0c0c);
  border:1px solid #222;border-radius:20px;
  padding:46px 38px;text-align:center;transition:.35s;
}
.fin-card:hover{
  transform:translateY(-12px);border-color:var(--ss-red,#ff0000);
  box-shadow:0 25px 60px rgba(255,0,0,.18);
}
.fin-card__icon{
  width:84px;height:84px;margin:0 auto 22px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  color:var(--ss-red,#ff3b3b);
  background:radial-gradient(circle,rgba(255,0,0,.14),transparent 70%);
  border:1px solid rgba(255,0,0,.35);
}
.fin-card__icon svg{width:44px;height:44px;}
.fin-card h3{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:32px;letter-spacing:2px;color:var(--ss-red,#ff3b3b);margin:0 0 14px;
}
.fin-card p{font-size:17px;color:#cccccc;line-height:1.75;margin:0;}

/* ---------- CALCULATOR ---------- */
.fin-calc-section{padding:100px 0;background:linear-gradient(135deg,#101010,#240000,#101010);}
.fin-calc-box{
  max-width:960px;margin:0 auto;
  background:rgba(10,10,10,.92);
  padding:clamp(28px,4vw,52px);
  border-radius:24px;border:1px solid rgba(255,0,0,.35);
  box-shadow:0 25px 70px rgba(0,0,0,.65);
}
.fin-calc{
  margin-top:30px;padding:clamp(24px,3.5vw,46px);
  background:linear-gradient(145deg,#0b0b0b,#161616);
  border-radius:22px;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 30px rgba(0,0,0,.7),inset 0 0 25px rgba(255,255,255,.03);
}
.fin-calc__title{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(34px,4vw,58px);letter-spacing:3px;text-align:center;
  color:#fff;margin:0 0 28px;text-shadow:0 0 18px rgba(255,255,255,.18);
}
.fin-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.financing-page input,
.financing-page select,
.financing-page textarea{
  width:100%;padding:16px 18px;
  background:#0e0e0e;border:1px solid rgba(255,255,255,.18);
  color:#fff;border-radius:12px;font-size:16px;outline:none;
  transition:.3s;font-family:inherit;
}
.financing-page input::placeholder,
.financing-page textarea::placeholder{color:#8a8a8a;}
.financing-page select{color:#fff;}
.financing-page select option{color:#111;background:#fff;}
.financing-page input:focus,
.financing-page select:focus,
.financing-page textarea:focus{
  border-color:var(--ss-red,#ff0000);box-shadow:0 0 16px rgba(255,0,0,.35);
}
.fin-calc__btn{
  width:100%;margin-top:20px;padding:17px 30px;
  background:#fff;color:#111;border:none;border-radius:50px;
  font-weight:900;font-size:17px;letter-spacing:1px;cursor:pointer;transition:.3s;
  box-shadow:0 0 24px rgba(255,255,255,.28);
}
.fin-calc__btn:hover{background:var(--ss-red,#ff0000);color:#fff;box-shadow:0 0 36px rgba(255,0,0,.7);transform:scale(1.02);}
.fin-result{
  margin-top:26px;padding:24px;
  background:linear-gradient(145deg,#101010,#050505);
  border-radius:16px;border:1px solid rgba(255,255,255,.15);
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(26px,3.4vw,42px);letter-spacing:1px;text-align:center;
  color:#fff;line-height:1.35;min-height:8px;
}
.fin-result:empty{display:none;}
.fin-result small{display:block;font-family:var(--ss-font-body,"Montserrat"),sans-serif;font-size:15px;color:#bbb;margin-top:10px;letter-spacing:0;}
.fin-warning{color:var(--ss-red,#ff3b3b);font-weight:900;}

/* ---------- APPLY / LEAD FORM ---------- */
.fin-apply-section{padding:100px 0;background:#0c0c0c;}
.fin-apply-box{
  max-width:920px;margin:0 auto;
  background:linear-gradient(180deg,#161616,#0a0a0a);
  padding:clamp(28px,4vw,52px);
  border-radius:24px;border:1px solid rgba(255,0,0,.25);
  box-shadow:0 25px 70px rgba(0,0,0,.55);
}
.fin-req{color:#ff8a8a;font-weight:700;font-size:14px;letter-spacing:1px;white-space:nowrap;}
.fin-form{margin-top:30px;}
.fin-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fin-form textarea{grid-column:1/3;min-height:140px;resize:vertical;}
.fin-form__check{
  display:flex;align-items:center;gap:10px;margin-top:18px;color:#dddddd;font-size:15px;
}
.fin-form__check input{width:auto;}
.fin-form__submit{
  width:100%;margin-top:22px;padding:17px 30px;border-radius:50px;
  font-weight:900;letter-spacing:1px;font-size:17px;
}

/* honeypot stays hidden */
.financing-page .dag-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .fin-grid{grid-template-columns:1fr;}
  .fin-calc__grid,.fin-form__grid{grid-template-columns:1fr;}
  .fin-form textarea{grid-column:1;}
}

/* ===== SS financing V2: force dark fields (beat any global white input rule) ===== */
.financing-page input:not([type="checkbox"]):not([type="radio"]),
.financing-page select,
.financing-page textarea{
  background:#0e0e0e !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:12px !important;
}
.financing-page input:not([type="checkbox"]):not([type="radio"])::placeholder,
.financing-page textarea::placeholder{ color:#9a9a9a !important; }
.financing-page select{ -webkit-appearance:none; appearance:none; }
.financing-page select option{ color:#111111 !important; background:#ffffff !important; }
.financing-page input:focus,
.financing-page select:focus,
.financing-page textarea:focus{
  border-color:var(--ss-red,#ff0000) !important;
  box-shadow:0 0 16px rgba(255,0,0,.35) !important;
}
/* keep the calculate button white-on-dark intentionally (not an input) */
.financing-page .fin-calc__btn{ color:#111111 !important; }