/* Studio's public partner introduction; provider application flows stay in checkout. */
html[data-studio-embed] .studio-financing { display: none; }
.studio-financing {
  margin: 32px 0 48px;
  padding: clamp(24px, 3.5vw, 48px);
  border: 1px solid #dbe5f2;
  border-radius: 32px;
  background: linear-gradient(125deg, #fff 10%, #f1f7ff);
  box-shadow: inset 0 1px 0 #fff, 0 24px 64px -48px #0a254040;
  scroll-margin-top: 110px;
}
.studio-financing-heading h2 {
  max-width: 760px;
  margin: 0;
  color: #0a2540;
  font-size: clamp(32px, 3.6vw, 48px);
  font-weight: 550;
  line-height: 1.1;
  letter-spacing: -1.8px;
  text-wrap: balance;
}
.studio-financing-heading h2 span { color: #1459dc; }
.studio-financing-heading p {
  max-width: 650px;
  margin: 16px 0 0;
  color: #52657d;
  font-size: 15px;
  line-height: 1.65;
}
.studio-financing-providers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }
.studio-financing-provider {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: 0;
  padding: clamp(24px, 2.6vw, 36px);
  border: 1px solid #dce5f0;
  border-radius: 22px;
  box-shadow: inset 0 1px 0 #fff;
}
.studio-financing-katapult { background: linear-gradient(145deg, #fff 45%, #fff1f4); }
.studio-financing-lendpro { background: linear-gradient(145deg, #fff 45%, #eaf5ff); }
.studio-financing-logo { display: flex; align-items: center; min-height: 56px; max-width: 100%; margin-bottom: 28px; }
.studio-financing-logo img { display: block; flex: none; object-fit: contain; max-width: 100%; height: auto; }
.studio-financing-lendpro-logo { gap: 12px; color: #0a2540; font-size: 34px; font-weight: 650; letter-spacing: -1.3px; }
.studio-financing-provider h3 { margin: 0; color: #0a2540; font-size: clamp(21px, 2vw, 26px); font-weight: 550; line-height: 1.2; letter-spacing: -.65px; }
.studio-financing-provider p { max-width: 450px; margin: 14px 0 20px; color: #52657d; font-size: 14px; line-height: 1.65; }
.studio-financing-provider a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: auto; color: #1459dc; font-size: 13px; font-weight: 600; text-decoration: none; text-underline-offset: 4px; }
.studio-financing-provider a:hover { text-decoration: underline; }
.studio-financing-note { margin: 16px 0 0; color: #52657d; font-size: 12px; line-height: 1.6; }
.studio-partner-invitation { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: 28px; padding-top: 28px; border-top: 1px solid #d5e2f2; }
.studio-partner-invitation h3 { margin: 0; color: #0a2540; font-size: clamp(24px, 2.4vw, 30px); font-weight: 550; line-height: 1.2; letter-spacing: -.9px; }
.studio-partner-invitation p { max-width: 590px; margin: 12px 0 0; color: #52657d; font-size: 14px; line-height: 1.65; }
.studio-partner-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 14px 22px; border: 1px solid #1459dc; border-radius: 999px; background: linear-gradient(#2469ee, #1459dc); box-shadow: inset 0 1px 0 #ffffff59, 0 8px 18px -12px #1459dc; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.4; text-decoration: none; white-space: nowrap; }
.studio-partner-cta:hover { background: #144cbd; }
.studio-partner-cta:active { background: #0d3d9d; }
.studio-financing:focus-visible, .studio-financing a:focus-visible { outline: 3px solid #276bf4; outline-offset: 5px; }
@media (max-width: 900px) {
  .studio-partner-invitation { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .studio-partner-cta { justify-self: start; }
}
@media (max-width: 767px) {
  .studio-financing { margin: 24px 0 32px; padding: 24px; border-radius: 24px; scroll-margin-top: 96px; }
  .studio-financing-heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .studio-financing-providers { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; }
  .studio-financing-logo { margin-bottom: 22px; }
  .studio-financing-logo img { max-width: 100%; }
  .studio-financing-lendpro-logo { font-size: 30px; gap: 10px; }
  .studio-partner-cta { width: 100%; padding-inline: 14px; white-space: normal; text-align: center; }
}
@media (prefers-reduced-transparency: reduce) {
  .studio-financing, .studio-financing-provider { background: #f8fbff; box-shadow: none; }
}
