/* LendPro presentation using a native CSS approximation of frosted glass. */
:root{--blue:#2261cb;--blue-text:#164b9f;--navy:#142944;--mist:#f3f7fb;--cfg-accent:#2261cb;--cfg-accent-text:#fff;--cfg-highlight:#2261cb}
.brand-logo{display:flex;align-items:center;gap:9px}.smartlink-glass-demo .brand-logo img{width:43px;height:43px}.brand-logo strong{font-size:22px;letter-spacing:-.8px;line-height:1.1}.brand-logo strong span{display:block;font-size:10px;letter-spacing:1.3px;font-weight:500;text-transform:uppercase;color:var(--slate);margin-top:4px}
.lendpro-lockup{display:flex;align-items:center;gap:10px}.lendpro-lockup img{width:48px;height:48px;object-fit:contain}.lendpro-lockup strong{font-size:30px;letter-spacing:-1px}.financing-copy>.lendpro-lockup{margin-bottom:24px}.financing-copy h2{font-size:clamp(34px,3.5vw,48px)}.financing-copy>.primary-button{margin-top:24px}.lendpro-finance-visual{min-width:0}.lendpro-finance-visual>img{width:100%;height:185px;object-fit:cover;object-position:center}.finance-path{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--slate);margin-top:22px}.finance-path>.ph{color:var(--blue-text)}
.lendpro-checkout-card,.lendpro-product-payment{padding:24px;border:1px solid #cdddf3;background:linear-gradient(140deg,#fff,#eef5ff);border-radius:22px;margin:22px 0}.lendpro-checkout-card h3{margin-top:18px;font-size:23px}.lendpro-checkout-card p{font-size:13px;margin-top:10px}.lendpro-checkout-card button{width:100%;margin-top:22px}.lendpro-checkout-card .small-note{font-size:11px}.lendpro-product-payment{padding:18px;margin:20px 0 0;display:grid;justify-items:center;gap:12px;text-align:center}.lendpro-product-payment .lendpro-lockup{justify-content:center}.lendpro-product-payment .lendpro-lockup img{width:37px;height:37px}.lendpro-product-payment .lendpro-lockup strong{font-size:24px}.lendpro-product-payment p{font-size:11px;line-height:1.5}.lendpro-product-payment button{width:100%;font-size:12px;background:#fff;color:var(--blue-text);border:1px solid #cdddf3;border-radius:999px;padding:10px 12px}
.lendpro-checkout .dialog-header .lendpro-lockup img{width:38px;height:38px}.lendpro-checkout .dialog-header .lendpro-lockup strong{font-size:25px}.lendpro-checkout form{margin-top:16px}.lendpro-checkout form>.small-note{margin:22px 0}.lendpro-checkout :is([data-back-review],[data-checkout-save]){width:100%;margin-top:14px}.lendpro-checkout[data-step=application]{width:min(1200px,calc(100vw - 24px))}.lendpro-checkout[data-step=application] .dialog-layout{grid-template-columns:260px minmax(0,1fr)}.lendpro-application iframe{width:100%;height:65dvh;min-height:400px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:16px}.lendpro-checkout [data-flow-step=saved]>p{margin:16px 0 26px}.brand-footer .brand-logo{width:max-content}.lendpro-demo .primary-button{background:var(--blue)}.lendpro-demo .primary-button:hover{background:#174b9f}.lendpro-demo .catalog-card:hover,.lendpro-demo .vehicle-picker:hover,.lendpro-demo .build-panel:hover{border-color:#afc9ee;box-shadow:0 16px 38px -24px #2261cb55,inset 0 1px 0 #fff}.lendpro-demo .catalog-card:hover>img{transform:scale(1.04)}.lendpro-demo .catalog-card>img{transition:transform .25s ease}.lendpro-demo .journey-bar :is(a,button):hover{background:#edf5ff;border-radius:20px}.lendpro-demo .vehicle-hero{min-height:0;padding:0}.lendpro-demo:not(.has-vehicle) .vehicle-hero{display:none}
.configurator-page[data-api-base="/m/lendpro"] .site-logo img{max-height:48px;width:auto}.configurator-page[data-api-base="/m/lendpro"] .configurator-financing{background:#f4f8fe;border:1px solid #d9e6f8;box-shadow:none}.configurator-page[data-api-base="/m/lendpro"] .configurator-financing img{object-fit:contain}
@media(min-width:1024px){.lendpro-demo .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.lendpro-intro{gap:20px;padding:44px 0 30px}.lendpro-intro h1{font-size:45px}.lendpro-intro .hero-actions{flex-wrap:wrap;gap:8px}.lendpro-intro .hero-actions .text-button{padding:10px 0}}
@media(max-width:767px){.lendpro-intro{grid-template-columns:1fr;gap:25px;padding:38px 0 25px;min-height:0}.lendpro-intro h1{font-size:clamp(37px,10vw,50px);letter-spacing:-1.9px}.lendpro-intro-copy>p{font-size:15px;margin-top:17px}.lendpro-intro .hero-actions{margin-top:20px;flex-wrap:nowrap;gap:14px}.lendpro-intro .hero-actions .primary-button{font-size:12px;padding:12px 15px}.lendpro-intro .hero-actions .text-button{font-size:11px;white-space:normal;line-height:1.4}.lendpro-hero-media>div{border-radius:24px}.smartlink-glass-demo .brand-logo img{width:34px;height:34px}.brand-logo strong{font-size:19px}.brand-logo strong span{font-size:8px}.lendpro-finance-visual>img{height:130px}.finance-path{gap:8px;font-size:10px}.lendpro-checkout[data-step=application] .dialog-layout{display:flex;flex-direction:column-reverse}.lendpro-application iframe{height:65dvh;min-height:350px}.lendpro-checkout .test-address-grid input{font-size:16px}}
@media(prefers-reduced-transparency:reduce){.lendpro-demo .brand-header,.lendpro-demo .journey-bar,.lendpro-demo .catalog-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}

.configurator-page[data-api-base="/m/lendpro"] .configurator-financing-button{background:#f4f8fe;border:1px solid #d9e6f8;border-radius:24px}

.configurator-page[data-api-base="/m/lendpro"] .configurator-financing-button img{aspect-ratio:3.4;height:auto;object-fit:cover}

.lendpro-demo .brand-header .tredfi-nav-logo img{width:152px;height:auto}
@media(max-width:1023px){.lendpro-demo .brand-header .tredfi-nav-logo img{width:130px}}
@media(max-width:767px){.lendpro-demo .brand-header .tredfi-nav-logo img{width:112px}}

.lendpro-demo .brand-footer .tredfi-footer-logo img{width:135px;height:auto}

/* Give the provider its own scrolling viewport while the build stays in checkout. */
.lendpro-checkout[open][data-step=application]{display:flex;flex-direction:column;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
.lendpro-checkout[data-step=application]>.dialog-header{flex:none}
.lendpro-checkout[data-step=application]>.dialog-layout{flex:1;min-height:0}
.lendpro-checkout[data-step=application] .order-summary{overflow:auto}
.lendpro-checkout[data-step=application] .flow-main{display:flex;flex-direction:column;min-height:0;padding:18px 24px;overflow:hidden}
.lendpro-checkout[data-step=application] .flow-main h2{font-size:24px;margin-bottom:8px}
.lendpro-checkout[data-step=application] [data-flow-status]:empty{display:none}
.lendpro-checkout[data-step=application] [data-flow-step=application]{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.lendpro-checkout[data-step=application] [data-flow-step=application]>p{font-size:12px}
.lendpro-checkout[data-step=application] [data-application-link]{margin-top:0;font-size:11px}
.lendpro-checkout[data-step=application] .lendpro-application{flex:1;min-height:0}
.lendpro-checkout[data-step=application] .lendpro-application iframe{display:block;height:100%;min-height:0;margin-top:0}
.lendpro-checkout[data-step=application] [data-back-review]{margin-top:0;padding:9px;font-size:12px}
@media(max-width:767px){
 .lendpro-checkout[data-step=application] .dialog-layout{flex-direction:column}
 .lendpro-checkout[data-step=application] .flow-main{flex:1;padding:12px;min-height:0}
 .lendpro-checkout[data-step=application] .flow-main h2{font-size:21px}
 .lendpro-checkout[data-step=application] .order-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;flex:none;border-top:0;border-bottom:1px solid var(--line)}
 .lendpro-checkout[data-step=application] .order-summary>h3{font-size:12px;white-space:nowrap}
 .lendpro-checkout[data-step=application] [data-order-vehicle]{font-size:10px;margin:0;flex:1}
 .lendpro-checkout[data-step=application] .order-total{display:block;margin:0;text-align:right;font-size:9px}
 .lendpro-checkout[data-step=application] .order-total strong{display:block;font-size:15px}
 .lendpro-checkout[data-step=application] :is([data-order-products],.order-summary>.small-note){display:none}
}
.lendpro-checkout{max-width:calc(100vw - 24px)}
.lendpro-demo:has(.commerce-dialog[open]){overflow:hidden}
