@font-face { font-family: "Kahroba"; src: url("/loan/assets/fonts/Kahroba-VF-FD.ttf") format("truetype"); font-weight: 100 900; font-stretch: 75% 125%; font-style: normal; font-display: swap; }

:root { color-scheme: light; --background: #fff; --foreground: #0f172b; --card: #fbfafc; --primary: #093fb4; --primary-foreground: #eff6ff; --muted: #f1f5f9; --muted-foreground: #60718b; --border: #e2ebf0; --input: #f8fafc; --ring: #51a2ff; --radius: .625rem; }
* { box-sizing: border-box; } html { background: var(--background); scroll-behavior: smooth; } body { margin: 0; padding-top: 5rem; color: var(--foreground); background: var(--background); font-family: Kahroba, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.8; } img { display: block; max-width: 100%; } a { color: inherit; } h1, h2, h3, p { margin: 0; } h1, h2, h3 { text-wrap: balance; }
.skip-link { position: fixed; inset-inline-start: 1rem; top: -4rem; z-index: 10; padding: .55rem 1rem; border-radius: var(--radius); color: white; background: var(--primary); }.skip-link:focus { top: 1rem; }

/* Header: matches the established strapi-bridge landing header. */
.site-header { position: fixed; inset: 0 0 auto; z-index: 4; height: 5rem; background: #fff; border-bottom: 1px solid var(--border); }.site-header__inner, .hero, .providers, .breadcrumbs, .site-footer__inner, .section-container { width: min(100% - 2rem, 72rem); margin-inline: auto; }.site-header__inner { display: flex; height: 100%; align-items: center; gap: 2rem; }.brand { flex: none; text-decoration: none; }.brand img { width: 126px; height: 40px; }.site-nav { display: flex; flex: 1; align-items: center; gap: 2rem; }.site-nav a { color: var(--foreground); font-size: 1rem; font-weight: 500; text-decoration: none; transition: color .2s ease; }.site-nav a:hover { color: #314158; }.site-header__actions { display: flex; align-items: center; gap: 1rem; }.header-phone, .header-merchant, .header-cta, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }.header-phone { width: 2.75rem; padding: .5rem; border: 1px solid var(--border); border-radius: var(--radius); }.header-merchant { padding: .55rem .85rem; border-radius: var(--radius); color: var(--foreground); background: #eff6ff; }.header-cta, .button--primary { padding: .55rem 1.1rem; border-radius: var(--radius); color: white; background: var(--primary); }.header-cta:hover, .button--primary:hover { background: #06358f; }.button { min-height: 2.85rem; padding: .55rem 1.1rem; font-weight: 600; }.button--secondary { gap: .4rem; color: var(--primary); border: 1px solid var(--border); border-radius: 999px; background: white; }.button--secondary:hover { color: white; border-color: var(--primary); background: var(--primary); }.mobile-menu { display: none; }

/* Landing sections: spacing, border, type and button patterns from the accepted bridge output. */
.hero { display: grid; gap: 2.5rem; align-items: center; padding-block: 2.5rem 3.5rem; }.hero--with-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }.hero__copy { max-width: 40rem; }.hero h1 { font-size: clamp(1.9rem, 4vw, 2.75rem); line-height: 1.45; }.hero__description { max-width: 36rem; margin-top: 1rem; color: var(--muted-foreground); font-size: clamp(1rem, 1.8vw, 1.125rem); line-height: 1.9; }.hero__actions { margin-top: 2rem; }.hero__links { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }.hero__media { min-height: 17.5rem; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #f9fafb; }.hero__media img { width: 100%; height: 100%; object-fit: cover; }
.seo-section { padding-block: 2rem; }.seo-section + .seo-section { padding-top: 0; }.rich-content { max-width: 56rem; color: var(--muted-foreground); font-size: 1.05rem; line-height: 2; }.rich-content > :first-child { margin-top: 0; }.rich-content > :last-child { margin-bottom: 0; }.rich-content h2, .rich-content h3, .rich-content h4 { color: var(--foreground); line-height: 1.55; }.rich-content h2 { margin: 0 0 1rem; font-size: clamp(1.5rem, 3vw, 2rem); }.rich-content h3 { margin: 2.25rem 0 .75rem; font-size: clamp(1.25rem, 2.5vw, 1.55rem); }.rich-content h4 { margin: 1.75rem 0 .6rem; font-size: 1.1rem; }.rich-content p, .rich-content ul, .rich-content ol, .rich-content blockquote { margin: .9rem 0 0; }.rich-content ul, .rich-content ol { padding-inline-start: 1.5rem; }.rich-content li + li { margin-top: .45rem; }.rich-content a { color: var(--primary); font-weight: 600; }.rich-content blockquote { padding: .75rem 1rem; border-inline-start: 3px solid var(--primary); color: var(--foreground); background: #eff6ff; }
.section-heading, .faq h2, .providers h2, .final-cta h2 { margin-bottom: .8rem; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.55; }.section-heading { max-width: 40rem; margin-bottom: 2rem; }.section-heading > span { display: block; margin-bottom: .15rem; color: var(--primary); font-size: .95rem; font-weight: 600; }.section-heading p { color: var(--muted-foreground); }
.calculator { padding-block: 3.5rem; border-block: 1px solid var(--border); background: white; }.calculator__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 28.75rem); gap: 2.5rem; align-items: center; }.calculator__layout--compact { grid-template-columns: minmax(18rem, 28.75rem); justify-content: end; }.calculator__side-heading { display: block; margin: 0; font-size: 1.1rem; font-weight: 700; }.calculator__benefit-title { display: block; font-size: 1.1rem; font-weight: 700; }.calculator__benefits { display: grid; gap: 1rem; padding: 0; margin: 0; list-style: none; color: var(--foreground); }.calculator__benefits li { display: flex; align-items: flex-start; gap: .75rem; }.calculator__benefits li::before { content: "✓"; display: grid; width: 1.25rem; height: 1.25rem; flex: none; place-items: center; margin-top: .25rem; border-radius: 999px; color: white; background: var(--primary); font-size: .75rem; line-height: 1; }.calculator__card { overflow: hidden; border: 1px solid #d1d5db; background: white; }.calculator__products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 2px solid #e5e7eb; }.calculator__products button { min-height: 4.5rem; padding: .7rem .35rem; border: 0; border-inline-start: 1px solid #e5e7eb; color: #60718b; background: white; font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }.calculator__products button:first-child { border-inline-start: 0; }.calculator__products button[aria-pressed="true"] { color: white; background: var(--primary); }.calculator__amount { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.5rem 1rem; }.calculator__amount span { display: block; color: #475569; font-size: .85rem; }.calculator__amount strong { display: block; margin-top: .25rem; color: var(--foreground); font-size: 1.7rem; line-height: 1.25; }.calculator__stepper { display: flex; gap: .5rem; }.calculator__stepper button { width: 2.75rem; height: 2.75rem; border: 0; color: var(--foreground); background: #f1f5f9; font: inherit; font-size: 1.4rem; font-weight: 700; cursor: pointer; }.calculator input[type="range"] { width: calc(100% - 3rem); margin: .25rem 1.5rem 0; accent-color: var(--primary); }.calculator__range-labels { display: flex; justify-content: space-between; padding: .25rem 1.5rem 1.5rem; color: #64748b; font-size: .7rem; }.calculator__results { border-top: 1px solid #d1d5db; }.calculator__result { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .85rem 1.5rem; border-bottom: 1px solid #e5e7eb; }.calculator__result span { color: #475569; font-size: .82rem; font-weight: 600; }.calculator__result strong { color: var(--foreground); font-size: .95rem; }.calculator__cta { width: calc(100% - 3rem); margin: 1.5rem; color: #fff; }.calculator__disclosure { max-width: 28.75rem; margin: .85rem 0 0 auto; color: var(--muted-foreground); font-size: .78rem; line-height: 1.7; }
.providers { padding-block: 3.5rem; }.providers__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.providers__viewport { outline: none; }.providers__viewport:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 1rem; }.providers__list { display: flex; gap: .75rem; }.providers--grid .providers__list { flex-wrap: wrap; }.provider { display: flex; min-height: 13.75rem; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; overflow: hidden; padding: 0; text-align: center; border: 1px solid var(--border); border-radius: 1rem; background: #f9fafb; }.provider img { width: 100%; height: 100%; min-height: 8.25rem; max-height: 10.25rem; object-fit: cover; }.provider > div { width: 100%; min-height: 4.75rem; padding: .65rem .8rem; background: white; }.provider__name, .provider p { margin: 0; }.provider__name { display: block; font-weight: 700; font-size: .95rem; }.provider p { overflow: hidden; color: var(--muted-foreground); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.providers--grid .provider { flex: 1 1 10.75rem; max-width: 13rem; }.providers--carousel .providers__viewport { overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x mandatory; scrollbar-width: none; }.providers--carousel .providers__viewport::-webkit-scrollbar { display: none; }.providers--carousel .provider { flex: 0 0 calc((100% - 3.75rem) / 6); min-width: 10.25rem; scroll-snap-align: start; }.providers__controls { display: flex; flex: none; gap: .5rem; margin-bottom: 2rem; }.providers__control { display: inline-grid; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid var(--border); border-radius: 999px; color: var(--primary); background: white; font: inherit; font-size: 1.2rem; cursor: pointer; transition: background-color .2s ease, color .2s ease, transform .2s ease; }.providers__control:hover { color: white; background: var(--primary); transform: translateY(-1px); }.providers__control:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.trust-section { padding-block: 3.5rem; background: white; }.trust-section__items { display: grid; overflow: hidden; border: 1px solid var(--border); border-radius: .75rem; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }.trust-section__items article { display: flex; gap: 1rem; padding: 1.5rem; }.trust-section__items article + article { border-inline-start: 1px solid var(--border); }.trust-section__items img { width: 3rem; height: 3rem; flex: none; padding: .5rem; border-radius: 999px; background: #f1f5f9; }.trust-section__items h3 { margin: 0; font-size: 1.1rem; }.trust-section__items p { margin-top: .25rem; color: var(--muted-foreground); font-size: .9rem; }
/* App promotion — matches live doctorpay.ir pattern */
.app-promo { position: relative; overflow: hidden; border-radius: 1rem; width: min(100% - 2rem, 72rem); margin: 2rem auto; }
.app-promo__gradient { position: absolute; inset: 0; background: linear-gradient(135deg, #072d82 0%, var(--primary) 50%, #0a4ad6 100%); z-index: 0; }
.app-promo__phone--desktop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; pointer-events: none; display: block; }
.app-promo__phone--desktop img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: -40% top; border-radius: 1rem; }
.app-promo__phone--mobile { display: none; }
.app-promo__inner { position: relative; z-index: 10; padding: 2.5rem; color: white; }
.app-promo__heading { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; line-height: 1.45; margin-bottom: 1.5rem; }
.app-promo__features { display: grid; gap: .85rem; padding: 0; margin: 0 0 2rem; list-style: none; }
.app-promo__feature { display: flex; align-items: center; gap: .75rem; font-size: .95rem; line-height: 1.6; }
.app-promo__icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: none; border-radius: 999px; background: rgba(255,255,255,.15); }
.app-promo__icon svg { width: 1.15rem; height: 1.15rem; }
.app-promo__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.app-promo__ios { display: flex; align-items: center; gap: .65rem; padding: .7rem 1.25rem; border-radius: var(--radius); background: rgba(255,255,255,.1); color: white; text-decoration: none; font-size: .85rem; transition: background-color .2s ease; }
.app-promo__ios:hover { background: rgba(255,255,255,.2); }
.app-promo__ios small { display: block; font-size: .7rem; font-weight: 400; color: rgba(255,255,255,.8); }
.app-promo__ios strong { display: block; font-size: .82rem; font-weight: 700; }
.app-promo__stores { display: flex; gap: .75rem; }
.app-promo__stores a { display: flex; align-items: center; gap: .5rem; padding: .55rem 1rem; border-radius: var(--radius); background: rgba(255,255,255,.1); color: white; text-decoration: none; font-size: .82rem; font-weight: 500; white-space: nowrap; transition: background-color .2s ease; }
.app-promo__stores a:hover { background: rgba(255,255,255,.2); }
.app-promo__stores a img { flex: none; }
@media (max-width: 47.9375rem) { .app-promo__phone--desktop { display: none; }.app-promo__phone--mobile { display: block; position: relative; height: 300px; width: 100%; z-index: 1; }.app-promo__phone--mobile img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; border-radius: 1rem; }.app-promo__inner { padding: 2rem 1.25rem; text-align: right; }.app-promo__features { margin-bottom: 1.5rem; }.app-promo__feature { justify-content: flex-start; }.app-promo__actions { justify-content: flex-start; } }
.faq { padding-block: 3.5rem; }.faq__list { overflow: hidden; border: 1px solid var(--border); border-radius: .75rem; background: white; }.faq details + details { border-top: 1px solid var(--border); }.faq summary { display: flex; min-height: 4.5rem; cursor: pointer; align-items: center; gap: .8rem; padding: 1rem 1.25rem; font-weight: 600; }.faq summary::marker { color: var(--primary); }.faq details p { padding: 0 1.25rem 1.25rem; margin: 0; color: var(--foreground); }
.final-cta { padding-block: 3.5rem; background: white; }.final-cta__panel { position: relative; overflow: hidden; padding: clamp(3.5rem, 8vw, 5rem) clamp(2rem, 6vw, 4rem); text-align: center; border-radius: 1rem; color: white; background: linear-gradient(155deg, #0d4bd6 0%, var(--primary) 55%, #072d82 100%); }.final-cta__glow { position: absolute; inset: -35% -20% auto auto; width: 22rem; height: 22rem; border-radius: 50%; background: radial-gradient(circle, rgb(255 255 255 / .22), transparent 70%); filter: blur(2px); animation: final-cta-float 9s ease-in-out infinite; }.final-cta__badge { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; margin-bottom: 1.25rem; border-radius: 999px; background: rgb(255 255 255 / .12); border: 1px solid rgb(255 255 255 / .3); backdrop-filter: blur(6px); }.final-cta__badge svg { width: 1.5rem; height: 1.5rem; }.final-cta__panel h2, .final-cta__panel p, .final-cta__panel .button { position: relative; }.final-cta__panel h2 { max-width: 40rem; margin-inline: auto; }.final-cta__panel p { max-width: 38rem; margin: .75rem auto 1.75rem; color: rgb(255 255 255 / .8); }.button--light { color: var(--primary); border-radius: var(--radius); background: white; font-weight: 700; transition: transform .2s cubic-bezier(.25,1,.5,1), box-shadow .2s ease; }.button--light:hover { box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / .18); transform: translateY(-2px); }.disclosure { display: block; width: max-content; max-width: 100%; margin: 1rem auto 0; color: rgb(255 255 255 / .8); font-size: .9rem; }@keyframes final-cta-float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-1rem, 1rem); } }@media (prefers-reduced-motion: reduce) { .final-cta__glow { animation: none; } }
.breadcrumbs { padding-block: 1.5rem; border-top: 1px solid var(--border); }.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .55rem; padding: 0; margin: 0; list-style: none; color: var(--muted-foreground); font-size: .9rem; }.breadcrumbs li { display: flex; align-items: center; }.breadcrumbs a { color: var(--primary); text-decoration: none; transition: color .15s ease; }.breadcrumbs a:hover { color: #06358f; text-decoration: underline; }.breadcrumbs [aria-current="page"] { color: var(--foreground); font-weight: 600; }.breadcrumbs__separator svg { width: .85rem; height: .85rem; color: #b6c2d4; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }

/* Footer: exact copy of live doctorpay.ir */
.site-footer { background: #0f172b; color: white; padding: 1.5rem 2rem; }
.site-footer__container { max-width: 72rem; margin: 0 auto; }
.site-footer__row { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
@media (min-width: 48rem) { .site-footer__row { flex-direction: row; align-items: flex-start; } }
.site-footer__about { margin-bottom: 2rem; }
@media (min-width: 48rem) { .site-footer__about { margin-bottom: 0; width: 25%; } }
.site-footer__logo { margin-bottom: 1rem; }
.site-footer__about-text { text-align: right; font-size: .875rem; margin-bottom: 1.5rem; line-height: 1.5; color: #90a1b9; }
.site-footer__social { display: flex; gap: 1.25rem; margin-bottom: 1.5rem; }
.site-footer__social img { width: 32px; height: 32px; }
.site-footer__contact { display: flex; flex-direction: column; margin-bottom: 1rem; }
.site-footer__contact-item { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.site-footer__contact-item--start { align-items: flex-start; }
.site-footer__contact-item img { flex-shrink: 0; }
.site-footer__contact-item p, .site-footer__contact-item a { font-size: .875rem; line-height: 1.5; color: #90a1b9; text-decoration: none; margin: 0; }
.site-footer__contact-item a:hover { color: #cbd5e1; }
.site-footer__links-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; width: 100%; }
@media (min-width: 48rem) { .site-footer__links-grid { width: auto; } }
.site-footer__links-col__heading { display: block; font-size: 1.125rem; font-weight: 500; margin-bottom: 1rem; }
.site-footer__links-col ul { list-style: none; padding: 0; margin: 0; }
.site-footer__links-col li { margin-bottom: .75rem; }
.site-footer__links-col a { color: #cbd5e1; font-size: .875rem; text-decoration: none; transition: color .1s; }
.site-footer__links-col a:hover { color: #94a3b8; }
.terms-trigger { background: none; border: 0; padding: 0; color: #cbd5e1; font: inherit; font-size: .875rem; cursor: pointer; transition: color .1s; }
.terms-trigger:hover { color: #94a3b8; }
.terms-dialog { border: 0; padding: 0; max-width: 50rem; width: calc(100% - 2rem); max-height: 85vh; border-radius: .75rem; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); }
.terms-dialog::backdrop { background: rgb(0 0 0 / .5); }
.terms-dialog__inner { display: flex; flex-direction: column; max-height: 85vh; }
.terms-dialog__close { position: absolute; top: 1rem; left: 1rem; width: 2rem; height: 2rem; border: 0; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 1.25rem; cursor: pointer; display: grid; place-items: center; line-height: 1; }
.terms-dialog__close:hover { background: #e2e8f0; }
.terms-dialog__heading { display: block; padding: 1.25rem 1.5rem; margin: 0; font-size: 1.25rem; border-bottom: 1px solid var(--border); text-align: right; }
.terms-dialog__body { flex: 1; overflow-y: auto; padding: 1.5rem; }
.terms-dialog__body p { margin: 0 0 1rem; color: var(--foreground); font-size: .95rem; line-height: 2; text-align: justify; }
.terms-dialog__accept { display: block; width: calc(100% - 3rem); margin: 0 1.5rem 1.5rem; padding: .75rem; border: 0; border-radius: var(--radius); background: var(--primary); color: white; font: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; }
.terms-dialog__accept:hover { background: #06358f; }
.site-footer__downloads { display: flex; flex-direction: column; gap: .75rem; width: 100%; }
@media (min-width: 48rem) { .site-footer__downloads { margin-top: 0; width: fit-content; } }
.site-footer__app { display: flex; align-items: center; gap: .5rem; padding: .625rem 1rem; border-radius: .5rem; background: #fff; text-decoration: none; color: #0f172b !important; transition: background-color .2s; width: 100%; }
@media (min-width: 48rem) { .site-footer__app { width: 168px; } }
.site-footer__app:hover { background: #f1f5f9; }
.site-footer__app img { flex-shrink: 0; }
.site-footer__app small { display: block; font-size: 10px; color: #0f172b !important; font-weight: 400; white-space: nowrap; }
.site-footer__app strong { display: block; font-size: 12px; font-weight: 700; color: #0f172b !important; white-space: nowrap; }
.site-footer__store-row { display: flex; gap: .75rem; width: 100%; }
@media (min-width: 48rem) { .site-footer__store-row { flex-direction: column; width: 168px; } }
.site-footer__store-row a { display: flex; flex: 1; align-items: center; padding: .5rem 1rem; border-radius: .5rem; background: #fff; text-decoration: none; color: #0f172b !important; transition: background-color .2s; }
.site-footer__store-row a img { flex-shrink: 0; }
@media (min-width: 48rem) { .site-footer__store-row a { flex: none; width: 100%; } }
.site-footer__store-row a:hover { background: #f1f5f9; }
.site-footer__store-row span { font-size: 12px; margin-inline-end: .5rem; color: #0f172b !important; }
@media (min-width: 48rem) { .site-footer__store-row span { font-size: .875rem; } }
.site-footer__partners-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.5rem; }
@media (min-width: 48rem) { .site-footer__partners-grid { grid-template-columns: repeat(2, 1fr); margin-top: 0; } }
.site-footer__partner { display: flex; align-items: center; justify-content: center; padding: .5rem; border-radius: .75rem; background: white; }
.site-footer__partner--muted { opacity: .3; }
.site-footer__partner img { max-width: 100%; max-height: 100%; }
.site-footer__wordmark-wrap { padding-top: 3rem; padding-bottom: 2rem; }
@media (min-width: 48rem) { .site-footer__wordmark-wrap { padding-bottom: 3rem; } }
.site-footer__wordmark { margin: 0; color: #3c4a69; font-weight: 700; text-align: center; font-size: 90px; line-height: 60px; }
@media (min-width: 640px) { .site-footer__wordmark { font-size: 80px; line-height: 75px; } }
@media (min-width: 768px) { .site-footer__wordmark { font-size: 101px; line-height: 96px; } }
@media (min-width: 1024px) { .site-footer__wordmark { font-size: 200px; line-height: 200px; } }
@media (min-width: 1280px) { .site-footer__wordmark { font-size: 350px; line-height: 416px; } }
.site-footer__legal-wrap { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #334155; }
.site-footer__legal-wrap p { text-align: right; font-size: .75rem; color: #90a1b9; margin: .25rem 0 0; }
.payable-loans { padding-block: 1rem 2.5rem; }.payable-loans__rule { display: none; }.payable-loans__panel { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.25rem; padding: .75rem 1rem; border-radius: 1rem; background: url("/loan/assets/brand/payable-loans-bg.png") center / cover no-repeat; }.payable-loans__items { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; padding-inline: 1rem; }.payable-loans__item { display: flex; align-items: center; gap: .75rem; }.payable-loans__item img { width: 1.5rem; height: 1.5rem; flex: none; }.payable-loans__item span { font-size: .875rem; font-weight: 500; color: var(--foreground); }.payable-loans__divider { display: none; }.payable-loans__cta { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 90%; padding: .75rem 2rem; border-radius: .5rem; background: linear-gradient(0deg, var(--primary), var(--primary)); border: 2px solid transparent; box-shadow: 0 1px 0 0 rgba(255,255,255,.2) inset, 0 4px 0 0 #1e46b0, 0 4px 12px rgba(0,0,0,.2); color: white; font-weight: 700; font-size: 1rem; text-shadow: 0 2px 0 #00000026; text-decoration: none; }.payable-loans__cta:active { box-shadow: 0 1px 0 0 rgba(255,255,255,.25); transform: translateY(.125rem); }@media (min-width: 48rem) { .payable-loans { padding-block: 2.5rem 2.5rem; }.payable-loans__rule { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }.payable-loans__line { flex: 1; height: 1px; min-width: 2.5rem; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #cfd3d9 100%); }.payable-loans__title { flex: none; white-space: nowrap; font-size: 1.5rem; font-weight: 500; color: var(--foreground); }.payable-loans__panel { padding-block: 2rem; }.payable-loans__items { flex-direction: row; justify-content: center; width: auto; padding-inline: 0; }.payable-loans__item img { width: 2rem; height: 2rem; }.payable-loans__item span { font-size: 1.5rem; }.payable-loans__divider { display: block; width: 1px; min-height: 1.5rem; align-self: stretch; background: var(--border); }.payable-loans__cta { width: auto; padding-inline: 2.5rem; font-size: 1.25rem; } }
:focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; }@media (max-width: 70rem) { .site-nav { gap: 1rem; }.site-nav a { font-size: .92rem; }.site-header__actions { gap: .5rem; }.header-merchant { display: none; } .providers--carousel .provider { flex-basis: calc((100% - 2.25rem) / 4); } }@media (max-width: 48rem) { body { padding-top: 4rem; }.site-header { height: 4rem; }.site-header__inner { justify-content: space-between; gap: .5rem; }.site-nav, .header-phone, .header-merchant { display: none; }.header-cta { min-height: 2.5rem; padding-inline: .75rem; font-size: .8rem; }.mobile-menu { position: relative; display: block; }.mobile-menu summary { display: flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; cursor: pointer; list-style: none; }.mobile-menu summary::-webkit-details-marker { display: none; }.mobile-menu nav { position: absolute; top: calc(100% + .5rem); inset-inline-start: 0; width: 15rem; padding: .75rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: white; }.mobile-menu a { display: block; padding: .5rem 0; text-decoration: none; }.hero--with-media { grid-template-columns: 1fr; }.hero__media { order: -1; }.calculator__layout, .calculator__layout--compact { grid-template-columns: 1fr; }.calculator__card { width: 100%; }.calculator__disclosure { margin-inline: 0; }.providers__heading { align-items: start; }.providers__controls { margin-bottom: 1.25rem; }.providers--carousel .provider { flex-basis: calc((100% - .75rem) / 2); }.providers--grid .provider { flex-basis: calc((100% - .75rem) / 2); max-width: none; }.trust-section__items { grid-template-columns: 1fr; }.trust-section__items article + article { border-top: 1px solid var(--border); border-inline-start: 0; } }@media (max-width: 26.25rem) { .providers--carousel .provider { flex-basis: calc(100% - 3.5rem); } }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }