.credit-body{
  --credit-accent:#168bd2;
  --credit-accent-deep:#116f9f;
  --credit-ink:#111a21;
  --credit-muted:#687781;
  --credit-line:#dbe3e7;
  --credit-surface:#fff;
  --credit-soft:#f4f7f8;
  background:#eef3f5
}

.credit-body .info-page--credit{padding-bottom:72px}
.credit-body .info-page--credit>.breadcrumbs{margin-bottom:16px}

.credit-body .credit-hero{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,410px);
  gap:16px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--credit-ink)
}

.credit-body .credit-hero__copy{
  min-width:0;
  min-height:0;
  padding:40px 36px 28px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:#111a21;
  box-shadow:0 20px 55px rgba(23,43,55,.1);
  color:#fff;
  overflow:hidden
}

.credit-body .credit-hero__backdrop{
  opacity:.92;
  object-position:55% center;
  transform:scale(1.002)
}

.credit-body .credit-hero__copy::after{
  background:
    linear-gradient(90deg,rgba(8,15,20,.96) 0%,rgba(8,15,20,.82) 48%,rgba(8,15,20,.2) 100%),
    linear-gradient(180deg,rgba(6,12,16,.08) 35%,rgba(6,12,16,.92) 100%)
}

.credit-body .credit-hero__copy .eyebrow,
.credit-body .credit-calculator .eyebrow,
.credit-body .credit-section-heading .eyebrow{
  color:#168bd2
}

.credit-body .credit-hero__copy .eyebrow{color:#8bd2f5}

.credit-body .credit-hero h1{
  max-width:610px;
  margin:8px 0 14px;
  color:#fff;
  font-size:clamp(34px,3vw,42px);
  font-weight:650;
  line-height:1.04;
  letter-spacing:-.045em
}

.credit-body .credit-hero .lead{
  max-width:560px;
  margin:0;
  color:#d2dce2;
  font-size:15px;
  line-height:23px;
  text-shadow:0 2px 16px rgba(0,0,0,.22)
}

.credit-body .credit-hero__actions{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.credit-body .credit-hero__actions .button{
  min-width:176px;
  min-height:46px;
  border-radius:11px
}
.credit-body .credit-hero__actions .primary{
  border-color:#fff;
  background:#fff;
  color:#152029
}
.credit-body .credit-hero__actions .secondary{
  border-color:rgba(255,255,255,.34);
  background:rgba(12,20,25,.26);
  color:#fff;
  backdrop-filter:blur(10px)
}

.credit-body .credit-hero__facts{
  margin:auto 0 0;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(10,18,23,.62);
  box-shadow:none;
  backdrop-filter:blur(14px);
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.credit-body .credit-hero__facts li{
  min-width:0;
  grid-template-columns:26px minmax(0,1fr);
  gap:0 8px
}
.credit-body .credit-hero__facts li>div{min-width:0;display:grid;gap:4px}
.credit-body .credit-hero__facts span{
  grid-row:auto;
  color:#75c4ec;
  font-size:11px;
  line-height:18px
}
.credit-body .credit-hero__facts b{
  color:#fff;
  font-size:13px;
  font-weight:650;
  line-height:18px
}
.credit-body .credit-hero__facts small{
  margin:0;
  color:#b6c2c9;
  font-size:10px;
  line-height:15px
}

.credit-body .credit-calculator{
  min-width:0;
  min-height:0;
  margin:0;
  padding:24px;
  border:1px solid var(--credit-line);
  border-radius:20px;
  background:var(--credit-surface);
  box-shadow:0 18px 52px rgba(26,52,61,.075);
  color:var(--credit-ink);
  display:flex;
  flex-direction:column;
  align-self:stretch
}

.credit-body .credit-calculator__head{
  margin:0 0 16px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px
}
.credit-body .credit-calculator__head h2{
  margin:4px 0 0;
  color:var(--credit-ink);
  font-size:22px;
  font-weight:650;
  line-height:1.15;
  letter-spacing:-.035em
}
.credit-body .credit-calculator__head>div>p:last-child{
  max-width:300px;
  margin:6px 0 0;
  color:var(--credit-muted);
  font-size:12px;
  line-height:17px;
  display:none
}
.credit-body .credit-calculator__head>span{
  min-height:26px;
  height:auto;
  padding:5px 8px;
  border-radius:999px;
  background:#eaf4f9;
  color:var(--credit-accent-deep);
  font-size:11px;
  line-height:16px
}

.credit-body .credit-control{margin-top:12px}
.credit-body .credit-calculator__head+.credit-control{margin-top:0}
.credit-body .credit-control__label{
  margin-bottom:5px;
  align-items:center;
  gap:12px
}
.credit-body .credit-control__label label{
  color:#53626c;
  font-size:12px;
  font-weight:550;
  line-height:18px
}
.credit-body .credit-control__label>div{
  width:170px;
  min-height:40px;
  padding:0;
  border:1px solid #d6e0e5;
  border-radius:9px;
  background:var(--credit-soft);
  position:relative;
  display:block;
  align-items:center;
  transition:border-color 150ms ease,background-color 150ms ease,box-shadow 150ms ease
}
.credit-body .credit-control__label>div:focus-within{
  border-color:#6ab6dd;
  background:#fff;
  box-shadow:0 0 0 3px rgba(22,139,210,.12)
}
.credit-body .credit-control__label input{
  min-width:0;
  height:38px;
  width:100%;
  padding:0 28px;
  color:#17232b;
  font-family:var(--body);
  font-size:14px;
  font-weight:650;
  line-height:22px;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.015em;
  text-align:center
}
.credit-body .credit-control__label input:focus{box-shadow:none}
.credit-body .credit-control__label span{
  position:absolute;
  top:50%;
  right:11px;
  transform:translateY(-50%);
  min-width:14px;
  color:#60717b;
  font-size:14px;
  font-weight:550;
  line-height:20px;
  text-align:center
}

.credit-body .credit-range{
  width:100%;
  min-height:30px;
  height:30px;
  touch-action:pan-x
}
.credit-body .credit-range::-webkit-slider-runnable-track{
  height:5px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--credit-accent) 0 var(--range-progress),#dfe7eb var(--range-progress) 100%)
}
.credit-body .credit-range::-webkit-slider-thumb{
  width:20px;
  height:20px;
  margin-top:-7.5px;
  border:4px solid #fff;
  background:var(--credit-accent);
  box-shadow:0 0 0 1px var(--credit-accent),0 4px 12px rgba(17,102,145,.22)
}
.credit-body .credit-range::-moz-range-track{height:5px;border-radius:3px;background:#dfe7eb}
.credit-body .credit-range::-moz-range-progress{height:5px;border-radius:3px;background:var(--credit-accent)}
.credit-body .credit-range::-moz-range-thumb{width:13px;height:13px;border:4px solid #fff;background:var(--credit-accent);box-shadow:0 0 0 1px var(--credit-accent)}
.credit-body .credit-range:focus-visible{filter:drop-shadow(0 0 3px rgba(22,139,210,.34))}
.credit-body .credit-control__limits{
  margin-top:-4px;
  color:#8a969d;
  font-size:11px;
  line-height:15px
}

.credit-body .credit-result{
  margin:16px 0 10px;
  padding:15px;
  border:1px solid #d8ebf4;
  border-radius:13px;
  background:#edf7fc
}
.credit-body .credit-result>div{align-items:flex-end}
.credit-body .credit-result small{
  color:#557080;
  font-size:12px;
  line-height:16px
}
.credit-body .credit-result strong{
  color:#153449;
  font-size:22px;
  font-weight:680;
  line-height:1.15;
  letter-spacing:-.035em
}
.credit-body .credit-result dl{
  margin-top:12px;
  padding-top:11px;
  border-color:#cfe2ec;
  gap:12px
}
.credit-body .credit-result dt{color:#6a7e8a;font-size:11px;line-height:15px}
.credit-body .credit-result dd{color:#273942;font-size:13px;font-weight:650;line-height:18px}
.credit-body .credit-calculator>.button{
  min-height:46px;
  border-radius:11px;
  font-size:13px
}
.credit-body .credit-calculator__note{
  margin:8px 2px 0;
  color:#7c8991;
  font-size:11px;
  line-height:16px
}

.credit-body .credit-flow{margin-top:64px}
.credit-body .credit-section-heading{max-width:730px}
.credit-body .credit-section-heading h2{
  margin:8px 0 0;
  color:var(--credit-ink);
  font-size:clamp(26px,2.6vw,34px);
  font-weight:650;
  line-height:1.12;
  letter-spacing:-.04em
}
.credit-body .credit-section-heading>p:last-child{
  max-width:650px;
  margin:12px 0 0;
  color:var(--credit-muted);
  font-size:14px;
  line-height:21px
}
.credit-body .credit-flow ol{
  margin:24px 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.credit-body .credit-flow li,
.credit-body .credit-flow li+li{
  min-height:140px;
  padding:20px;
  border:1px solid var(--credit-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(26,52,61,.045);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease
}
.credit-body .credit-flow li>span{
  width:auto;
  height:28px;
  padding:0 9px;
  border-radius:8px;
  background:#e8f4fa;
  color:var(--credit-accent-deep);
  font-size:11px;
  line-height:28px
}
.credit-body .credit-flow b{
  color:#1a2830;
  font-size:16px;
  font-weight:650;
  line-height:22px
}
.credit-body .credit-flow li p{
  max-width:330px;
  margin:8px 0 0;
  color:var(--credit-muted);
  font-size:13px;
  line-height:19px
}

.credit-body .credit-details{
  width:100%;
  max-width:980px;
  margin-top:64px;
  margin-right:auto;
  margin-left:auto;
  display:block
}
.credit-body .credit-details__intro{
  display:block
}
.credit-body .credit-details .credit-section-heading{
  max-width:720px
}
.credit-body .credit-details .credit-section-heading h2{
  font-size:32px;
  line-height:1.1
}
.credit-body .credit-faq{
  width:100%;
  max-width:980px;
  margin:24px 0 0;
  border:0;
  display:grid;
  gap:8px
}
.credit-body .credit-faq__item{
  border:1px solid var(--credit-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(26,52,61,.035);
  overflow:hidden;
  transition:border-color 150ms ease
}
.credit-body .credit-faq__question{
  position:relative;
  width:100%;
  min-height:60px;
  padding:14px 56px 14px 18px;
  border:0;
  background:transparent;
  color:#24343d;
  display:flex;
  align-items:center;
  font-size:14px;
  font-weight:620;
  line-height:20px;
  text-align:left;
  cursor:pointer
}
.credit-body .credit-faq__question i{
  position:absolute;
  top:50%;
  right:14px;
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:#f0f4f6;
  transform:translateY(-50%);
  transition:background-color 170ms ease,transform 190ms ease
}
.credit-body .credit-faq__question i::before,
.credit-body .credit-faq__question i::after{
  content:"";
  position:absolute;
  left:9px;
  top:13px;
  height:1px;
  width:9px;
  background:#64757f
}
.credit-body .credit-faq__question i::after{transform:rotate(90deg)}
.credit-body .credit-faq__answer{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  visibility:hidden;
  transition:
    grid-template-rows 180ms cubic-bezier(.22,1,.36,1),
    opacity 120ms ease,
    visibility 0s linear 180ms
}
.credit-body .credit-faq__answer>div{min-height:0;overflow:hidden}
.credit-body .credit-faq__answer p{
  max-width:760px;
  margin:-2px 56px 17px 18px;
  color:var(--credit-muted);
  font-size:13px;
  line-height:20px;
  transform:translateY(-4px);
  transition:transform 160ms cubic-bezier(.22,1,.36,1)
}
.credit-body .credit-faq__item.is-open{border-color:#c8d8e0}
.credit-body .credit-faq__item.is-open .credit-faq__question i{background:#e4f2f8;transform:translateY(-50%) rotate(135deg)}
.credit-body .credit-faq__item.is-open .credit-faq__answer{
  grid-template-rows:1fr;
  opacity:1;
  visibility:visible;
  transition-delay:0s
}
.credit-body .credit-faq__item.is-open .credit-faq__answer p{transform:none}

@media (hover:hover){
  .credit-body .credit-hero__actions .primary:hover{border-color:#eaf5fa;background:#eaf5fa;color:#111a21}
  .credit-body .credit-hero__actions .secondary:hover{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.1);color:#fff}
  .credit-body .credit-flow li:hover{border-color:#c4d4dc;box-shadow:0 16px 36px rgba(26,52,61,.08);transform:translateY(-2px)}
  .credit-body .credit-faq__item:not(.is-open):hover{border-color:#c9d7de}
}

@media (max-width:1100px){
  .credit-body .credit-hero{grid-template-columns:minmax(0,1fr) 380px;gap:16px}
  .credit-body .credit-hero__copy{padding:36px 32px 28px}
}

@media (max-width:1024px){
  .credit-body .credit-hero{grid-template-columns:1fr;gap:16px}
  .credit-body .credit-hero__copy{min-height:470px}
  .credit-body .credit-calculator{margin:0;border-radius:20px;box-shadow:0 14px 36px rgba(26,52,61,.06)}
}

@media (max-width:860px){
  .credit-body .info-page--credit{padding-bottom:64px}
  .credit-body .credit-flow{margin-top:56px}
  .credit-body .credit-flow ol{grid-template-columns:1fr}
  .credit-body .credit-flow li,
  .credit-body .credit-flow li+li{min-height:0;flex-direction:row;gap:18px}
  .credit-body .credit-details{margin-top:56px}
  .credit-body .credit-faq{max-width:none}
}

@media (max-width:600px){
  .credit-body .info-page--credit{padding-bottom:48px}
  .credit-body .info-page--credit>.breadcrumbs{margin-bottom:12px}
  .credit-body .credit-hero{gap:12px}
  .credit-body .credit-hero__copy{
    min-height:0;
    padding:24px 18px 18px;
    border-radius:16px;
    box-shadow:none
  }
  .credit-body .credit-hero__backdrop{object-position:58% center;opacity:.88}
  .credit-body .credit-hero__copy::after{
    background:
      linear-gradient(180deg,rgba(7,14,19,.94) 0%,rgba(7,14,19,.76) 45%,rgba(7,14,19,.35) 62%,rgba(7,14,19,.95) 100%),
      linear-gradient(90deg,rgba(6,13,18,.56),rgba(6,13,18,.08))
  }
  .credit-body .credit-hero h1{font-size:28px;line-height:1.1}
  .credit-body .credit-hero .lead{font-size:14px;line-height:20px}
  .credit-body .credit-hero__actions{margin-top:18px;display:grid;grid-template-columns:1fr;gap:8px}
  .credit-body .credit-hero__actions .button{width:100%;min-width:0;min-height:44px}
  .credit-body .credit-hero__facts{display:none}

  .credit-body .credit-calculator{
    padding:20px 16px;
    border-radius:16px;
    box-shadow:none
  }
  .credit-body .credit-calculator__head{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
  .credit-body .credit-calculator__head h2{font-size:22px;line-height:1.18}
  .credit-body .credit-calculator__head>div>p:last-child{font-size:12px;line-height:17px}
  .credit-body .credit-control{margin-top:14px}
  .credit-body .credit-calculator__head+.credit-control{margin-top:0}
  .credit-body .credit-control__label{margin-bottom:6px;align-items:stretch;flex-direction:column;gap:6px}
  .credit-body .credit-control__label label{font-size:12px;line-height:17px}
  .credit-body .credit-control__label>div{width:100%;min-height:44px}
  .credit-body .credit-control__label input{text-align:center}
  .credit-body .credit-range{height:44px;min-height:44px}
  .credit-body .credit-result{margin:16px 0 10px;padding:14px}
  .credit-body .credit-result>div{align-items:flex-end;flex-direction:row;gap:8px}
  .credit-body .credit-result strong{font-size:22px}
  .credit-body .credit-result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .credit-body .credit-calculator>.button{min-height:48px}
  .credit-body .credit-calculator__note{font-size:11px;line-height:16px}

  .credit-body .credit-flow{margin-top:40px}
  .credit-body .credit-section-heading h2{font-size:25px;line-height:1.14}
  .credit-body .credit-section-heading>p:last-child{font-size:14px;line-height:21px}
  .credit-body .credit-flow ol{margin-top:18px;gap:10px}
  .credit-body .credit-flow li,
  .credit-body .credit-flow li+li{padding:16px;border-radius:12px;gap:12px}
  .credit-body .credit-flow li>span{flex:0 0 auto}
  .credit-body .credit-flow b{font-size:15px;line-height:20px}
  .credit-body .credit-flow li p{font-size:12px;line-height:18px}

  .credit-body .credit-details{margin-top:40px}
  .credit-body .credit-details .credit-section-heading h2{font-size:25px;line-height:1.14}
  .credit-body .credit-faq{margin-top:18px}
  .credit-body .credit-faq__question{min-height:56px;padding:13px 50px 13px 15px;font-size:13px;line-height:19px}
  .credit-body .credit-faq__question i{right:12px;width:28px;height:28px}
  .credit-body .credit-faq__answer p{margin:-1px 46px 16px 15px;font-size:12px;line-height:19px}
}

@media (max-width:350px){
  .credit-body .credit-result dl{grid-template-columns:1fr;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  .credit-body .credit-flow li,
  .credit-body .credit-control__label>div,
  .credit-body .credit-faq__item,
  .credit-body .credit-faq__question i,
  .credit-body .credit-faq__answer,
  .credit-body .credit-faq__answer p{transition:none}
}