:root{--navy:#102b50;--blue:#174a7e;--teal:#36c5bd;--ink:#172f49;--muted:#617287;--pale:#f3f7fb;--line:#e2eaf2;--white:#fff;--shadow:0 18px 45px rgba(16,43,80,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#078c8a}.wrap{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:23px;font-weight:950;letter-spacing:1px;color:var(--navy);line-height:1}.brand span{display:block;color:#16a9a5;font-size:11px;letter-spacing:4px;margin-top:5px}.navlinks{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:800;color:#31475e}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;background:var(--teal);color:#062d48;font-weight:900;border:0;cursor:pointer}.btn:hover{color:#062d48;filter:brightness(.97)}.hero{background:linear-gradient(125deg,#102b50,#174a7e);color:white;padding:66px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#79e2dc}.hero h1{font-size:clamp(34px,5vw,52px);line-height:1.12;margin:12px 0 18px}.hero p{font-size:17px;color:#dce8f3;max-width:700px}.hero-panel{background:#ffffff12;border:1px solid #ffffff35;border-radius:20px;padding:26px}.hero-panel strong{font-size:18px}.hero-panel li{margin:9px 0;color:#e7f1f8}.section{padding:58px 0}.section.alt{background:var(--pale)}h2{font-size:32px;line-height:1.2;color:var(--navy);margin:0 0 14px}.lead{font-size:17px;color:var(--muted);max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:white;box-shadow:0 8px 24px #102b500b}.card h3{margin:0 0 8px;color:var(--navy)}.card p{color:var(--muted);margin:0 0 12px}.checklist{padding-left:20px}.checklist li{margin:9px 0}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:800;cursor:pointer;color:var(--navy)}.faq p{color:var(--muted)}.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.form-info{background:var(--navy);color:white;padding:28px;border-radius:18px}.form-info h2{color:white}.form-info p{color:#dce8f3}.form-card{padding:26px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-weight:800;font-size:13px;color:#30465d}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd7e3;border-radius:9px;font:inherit}textarea{min-height:90px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted);margin:16px 0}.consent input{width:auto;margin-top:4px}.status{font-size:14px;font-weight:700;margin-top:12px}.note{font-size:12px;color:var(--muted)}.site-footer{background:#091e36;color:#dce7f2;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:#dce7f2;text-decoration:underline}.disclaimer{font-size:12px;color:#aabbd0;max-width:900px;margin-top:22px}.crumb{font-size:13px;color:#d0e1ed;margin-bottom:12px}.crumb a{text-decoration:underline}.mobile-cta{display:none}@media(max-width:850px){.hero-grid,.form-shell{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.navlinks{gap:12px}}@media(max-width:560px){.grid,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:48px 0}.section{padding:44px 0}.form-card{padding:18px}.mobile-cta{display:block;position:fixed;bottom:10px;left:10px;right:10px;z-index:12;text-align:center}.site-footer{padding-bottom:82px}}


/* Responsive improvements for all individual service pages */
@media(max-width:850px){
  .site-header .nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0}
  .site-header .brand{order:1;flex:1 1 auto}
  .site-header .nav>.btn{order:2;white-space:nowrap;padding:10px 12px;font-size:12px}
  .site-header .navlinks{order:3;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:17px;padding:7px 2px 9px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .site-header .navlinks a{flex:0 0 auto;padding:6px 0}
  .hero-grid,.form-shell{grid-template-columns:1fr;gap:20px}
  .hero{padding:46px 0}
  .hero h1{font-size:clamp(32px,8vw,44px)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrap{width:min(100% - 32px,680px)}
}
@media(max-width:560px){
  .grid,.fields{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .section{padding:42px 0}
  .form-card,.form-info{padding:19px}
  .hero{padding:42px 0}
  h2{font-size:27px}
  input,select,textarea{font-size:16px;min-height:46px}
  .btn{min-height:46px}
  .mobile-cta{display:block;position:fixed;bottom:10px;left:12px;right:12px;z-index:30;text-align:center;box-shadow:0 8px 24px #102b5040}
  .site-footer{padding-bottom:92px}
}


/* Prominent direct-call phone button beside Contact on every page */
.nav-phone-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:11px 16px!important;margin:0 5px;border-radius:12px;background:#102b50!important;color:#fff!important;border:2px solid #19a7a1;box-shadow:0 4px 0 rgba(16,43,80,.18),0 5px 16px rgba(16,43,80,.16);font-size:16px!important;font-weight:900!important;line-height:1.15;text-decoration:none!important;letter-spacing:.15px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.nav-phone-cta .nav-phone-icon{font-size:19px;line-height:1;color:#62e1d7}
.nav-phone-cta:hover,.nav-phone-cta:focus-visible{background:#087f7b!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 5px 0 rgba(16,43,80,.15),0 8px 20px rgba(8,127,123,.22);outline:2px solid #19a7a1;outline-offset:2px}
@media(max-width:900px){.nav-phone-cta{font-size:15px!important;padding:9px 12px!important;gap:7px}}
@media(max-width:760px){.nav-phone-cta{font-size:14px!important;padding:8px 10px!important;margin:3px 2px;border-radius:10px}}


/* JEBORA PHONE CTA: high-contrast direct-call button, across all pages */
header .nav nav a.nav-phone-cta,
header nav a.nav-phone-cta,
nav a.nav-phone-cta {
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:10px 15px !important;
  margin:0 4px !important;
  min-height:42px !important;
  border:2px solid #19a7a1 !important;
  border-radius:11px !important;
  background:#102b50 !important;
  color:#ffffff !important;
  box-shadow:0 3px 0 #0a1d37, 0 5px 14px rgba(16,43,80,.22) !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  letter-spacing:.15px !important;
  text-decoration:none !important;
  opacity:1 !important;
}
header .nav nav a.nav-phone-cta span,
header nav a.nav-phone-cta span { color:#ffffff !important; }
header nav a.nav-phone-cta .nav-phone-icon { color:#62e1d7 !important; font-size:19px !important; }
header nav a.nav-phone-cta:hover,
header nav a.nav-phone-cta:focus-visible {
  background:#087f7b !important;
  color:#fff !important;
  outline:2px solid #19a7a1 !important;
  outline-offset:2px !important;
}
@media(max-width:900px) {
  header nav a.nav-phone-cta {font-size:15px !important;padding:9px 12px !important;min-height:39px !important;}
}
@media(max-width:760px) {
  header nav a.nav-phone-cta {font-size:14px !important;padding:8px 11px !important;min-height:36px !important;margin:2px 0 !important;}
}


/* ===== JEBORA FINANCE: MOBILE-FIRST RESPONSIVE POLISH ===== */
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,iframe{max-width:100%}
.wrap{width:min(1160px, calc(100% - 40px));}
button,.btn,a{ -webkit-tap-highlight-color:transparent }
a,button,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:16px;max-width:100%}
section{scroll-margin-top:90px}
.hero-grid,.form-shell,.about-grid{min-width:0}
.hero-grid>* ,.form-shell>* ,.about-grid>*{min-width:0}
.hero-photo,.hero-visual img,.loan-product-card img{max-width:100%}
.card,.loan-card,.loan-product-card,.lender-tile,.form-card,.form-info{min-width:0;overflow-wrap:anywhere}
.site-footer,.footer-grid{min-width:0}
@media(max-width:900px){
  .wrap{width:min(100% - 36px,760px)}
  .nav{gap:12px}
  nav,.navlinks{gap:12px}
  .hero-grid{grid-template-columns:1fr 1fr;gap:24px}
  .hero-visual{min-height:320px}
  .hero-photo{height:300px}
  .cards,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loan-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lender-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  header .nav,.site-header .nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px 12px;
    padding:12px 0 10px;
  }
  .brand{font-size:21px;line-height:1.05}
  .brand span{font-size:10px;letter-spacing:3px;margin-top:4px}
  header .nav>nav,header .nav>.navlinks{
    grid-column:1/-1;
    grid-row:2;
    display:flex!important;
    width:100%;
    max-width:100%;
    flex-wrap:wrap!important;
    align-items:center;
    justify-content:flex-start;
    gap:7px 8px!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:4px 0 2px;
    font-size:13px;
  }
  header .nav>nav>a:not(.nav-phone-cta),
  header .nav>.navlinks>a:not(.nav-phone-cta){
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 8px!important;
    border-radius:7px;
    background:#f4f7fa;
    line-height:1.2;
  }
  header .nav>nav .nav-phone-cta,
  header .nav>.navlinks .nav-phone-cta{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:8px 11px!important;
    margin:2px 0!important;
    border-radius:10px!important;
    font-size:14px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  header .nav>.btn{grid-column:2;grid-row:1;justify-self:end;align-self:center;padding:10px 12px;font-size:12px;white-space:nowrap}
  header .nav>nav .btn{min-height:38px}
  .hero{padding:46px 0 42px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .hero h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.12!important;letter-spacing:-.7px!important;margin:10px 0 14px!important}
  .hero p,.lead{font-size:15px!important;line-height:1.65}
  .hero-visual{min-height:260px!important;width:100%}
  .hero-photo{position:relative!important;inset:auto!important;display:block;width:100%!important;height:250px!important;object-fit:cover;border-radius:17px!important}
  .floating-card{max-width:75%;padding:10px 12px;font-size:11px}
  .floating-card strong{font-size:15px}
  section,.section{padding:46px 0!important}
  .section-head{margin-bottom:24px}
  .section-head h2,h2{font-size:clamp(24px,6vw,30px)!important;line-height:1.2}
  .cards,.grid,.loan-directory-grid{grid-template-columns:1fr!important;gap:13px!important}
  .loan-card,.card{padding:18px!important}
  .loan-product-card{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;padding:11px!important}
  .loan-product-card img{width:92px!important;height:88px!important}
  .loan-product-card h2{font-size:16px!important}
  .loan-product-card p{font-size:13px!important}
  .lender-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .lender-tile{padding:12px 9px!important;min-height:90px}
  .lender-tile img{max-width:100%;object-fit:contain}
  .form-shell{grid-template-columns:1fr!important;gap:16px!important}
  .form-info,.form-card{padding:19px!important}
  .fields{grid-template-columns:1fr!important}
  .field.full{grid-column:auto!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  .site-footer{padding:28px 0 34px!important}
  .bank-logo{min-width:138px!important}
  .bank-strip{overflow:hidden}
  .directory-hero{padding:40px 0 32px!important}
  .directory-hero h1{font-size:clamp(28px,7vw,38px)!important;line-height:1.15}
  table{display:block;max-width:100%;overflow-x:auto}
}
@media(max-width:420px){
  .wrap{width:calc(100% - 26px)}
  header .nav>nav,header .nav>.navlinks{gap:5px 6px!important;font-size:12px}
  header .nav>nav>a:not(.nav-phone-cta),header .nav>.navlinks>a:not(.nav-phone-cta){padding:6px!important}
  header .nav .nav-phone-cta{font-size:13px!important;padding:7px 9px!important}
  header .nav>.btn{font-size:11px;padding:9px 10px}
  .loan-product-card{grid-template-columns:82px minmax(0,1fr)!important}
  .loan-product-card img{width:82px!important;height:82px!important}
  .lender-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-visual{min-height:225px!important}
  .hero-photo{height:215px!important}
  .floating-card.two{right:0;top:8px}
}

/* Compact Jebora emblem beside the original wordmark */
.brand-with-logo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.brand-with-logo .brand-logo{display:block;width:25px;height:25px;object-fit:contain;flex:0 0 25px}
@media(max-width:760px){.brand-with-logo .brand-logo{width:22px;height:22px;flex-basis:22px}}


/* Unified Jebora Finance wordmark and compact emblem on every page */
.brand-with-logo{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap}
.brand-with-logo .brand-logo{display:block!important;width:25px!important;height:25px!important;object-fit:contain!important;flex:0 0 25px!important}
.brand-with-logo .brand-name{display:block!important;font-size:25px!important;font-weight:950!important;letter-spacing:1px!important;color:#102b50!important;line-height:1!important}
.brand-with-logo .brand-name span{display:block!important;color:#16a9a5!important;font-size:12px!important;letter-spacing:4px!important;margin-top:6px!important}
.brand-with-logo>span.brand-name{margin:0!important}
@media(max-width:760px){
 .brand-with-logo .brand-logo{width:22px!important;height:22px!important;flex-basis:22px!important}
 .brand-with-logo .brand-name{font-size:21px!important}
 .brand-with-logo .brand-name span{font-size:10px!important;letter-spacing:3px!important;margin-top:4px!important}
}
/* Clearly show the current page in the main navigation */
nav a.active,.navlinks a.active{
 color:#102b50!important;background:#e8f7f6!important;
 border:1px solid #36c5bd!important;border-radius:8px!important;
 padding:8px 12px!important;font-weight:900!important;
 box-shadow:inset 0 -2px 0 #19a7a1!important;
}
nav a.active:hover,.navlinks a.active:hover{color:#102b50!important;background:#d9f2f0!important}


/* FINAL HEADER FIX: same compact two-colour Jebora Finance identity on every page */
header .brand.brand-with-logo,
header.site-header .brand.brand-with-logo,
header .brand.brand-with-logo:link,
header .brand.brand-with-logo:visited{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  white-space:nowrap!important;text-decoration:none!important;
  color:#102b50!important;flex:0 0 auto!important;
}
header .brand.brand-with-logo img.brand-logo{
  display:block!important;width:25px!important;height:25px!important;
  max-width:25px!important;max-height:25px!important;object-fit:contain!important;
  flex:0 0 25px!important;margin:0!important;padding:0!important;
}
header .brand.brand-with-logo .brand-name{
  display:block!important;color:#102b50!important;font-size:25px!important;
  font-weight:950!important;letter-spacing:1px!important;line-height:1!important;
  margin:0!important;padding:0!important;text-transform:uppercase!important;
}
header .brand.brand-with-logo .brand-name span{
  display:block!important;color:#16a9a5!important;font-size:12px!important;
  font-weight:950!important;letter-spacing:4px!important;line-height:1!important;
  margin:6px 0 0!important;padding:0!important;
}
/* Selected page: visible pill treatment on every navigation variant */
header nav a.active,
header nav a[aria-current="page"]{
  display:inline-flex!important;align-items:center!important;
  color:#102b50!important;background:#e8f7f6!important;
  border:1px solid #36c5bd!important;border-radius:8px!important;
  padding:8px 12px!important;font-weight:900!important;
  box-shadow:inset 0 -2px 0 #19a7a1,0 2px 8px rgba(16,43,80,.08)!important;
  text-decoration:none!important;opacity:1!important;
}
header nav a.active:hover,
header nav a[aria-current="page"]:hover{
  color:#102b50!important;background:#d9f2f0!important;
}
@media(max-width:760px){
 header .brand.brand-with-logo img.brand-logo{
  width:22px!important;height:22px!important;max-width:22px!important;
  max-height:22px!important;flex-basis:22px!important;
 }
 header .brand.brand-with-logo .brand-name{font-size:21px!important}
 header .brand.brand-with-logo .brand-name span{
  font-size:10px!important;letter-spacing:3px!important;margin-top:4px!important;
 }
 header nav a.active,header nav a[aria-current="page"]{padding:7px 10px!important}
}



/* JEBORA FINANCE HEADER — consistent across all pages */
header a.brand.brand-with-logo,
header.site-header a.brand.brand-with-logo{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  flex:0 0 auto!important;white-space:nowrap!important;text-decoration:none!important;
  color:#102b50!important;
}
header a.brand.brand-with-logo img.brand-logo{
  display:block!important;width:25px!important;height:25px!important;
  min-width:25px!important;max-width:25px!important;object-fit:contain!important;
  flex:0 0 25px!important;margin:0!important;padding:0!important;
}
header a.brand.brand-with-logo .brand-name{
  display:block!important;color:#102b50!important;
  font-size:25px!important;font-weight:950!important;letter-spacing:1px!important;
  line-height:1!important;margin:0!important;padding:0!important;
}
header a.brand.brand-with-logo .brand-name span{
  display:block!important;color:#16a9a5!important;
  font-size:12px!important;font-weight:950!important;letter-spacing:4px!important;
  line-height:1!important;margin:6px 0 0!important;padding:0!important;
}
header nav a.active,header nav a[aria-current="page"]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#102b50!important;background:#e8f7f6!important;
  border:1px solid #36c5bd!important;border-radius:8px!important;
  padding:8px 12px!important;font-weight:900!important;
  box-shadow:inset 0 -2px 0 #19a7a1,0 2px 8px rgba(16,43,80,.08)!important;
  text-decoration:none!important;opacity:1!important;
}
header nav a.active:hover,header nav a[aria-current="page"]:hover{
  color:#102b50!important;background:#d9f2f0!important;
}
@media(max-width:760px){
 header a.brand.brand-with-logo img.brand-logo{
  width:22px!important;height:22px!important;min-width:22px!important;
  max-width:22px!important;flex-basis:22px!important;
 }
 header a.brand.brand-with-logo .brand-name{font-size:21px!important}
 header a.brand.brand-with-logo .brand-name span{
  font-size:10px!important;letter-spacing:3px!important;margin-top:4px!important;
 }
 header nav a.active,header nav a[aria-current="page"]{padding:7px 10px!important}
}




/* FOOTER BRAND COLORS — match the homepage footer exactly on every page */
footer .brand.brand-with-logo,
.site-footer .brand.brand-with-logo{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:transparent!important;color:#102b50!important;
}
footer .brand.brand-with-logo .brand-name,
.site-footer .brand.brand-with-logo .brand-name{
  display:block!important;color:#174a7e!important;
  font-size:25px!important;font-weight:950!important;letter-spacing:1px!important;
  line-height:1!important;margin:0!important;padding:0!important;
}
footer .brand.brand-with-logo .brand-name span,
.site-footer .brand.brand-with-logo .brand-name span{
  display:block!important;color:#16a9a5!important;
  font-size:12px!important;font-weight:950!important;letter-spacing:4px!important;
  line-height:1!important;margin:6px 0 0!important;padding:0!important;
}
footer .brand.brand-with-logo .brand-logo,
.site-footer .brand.brand-with-logo .brand-logo{
  display:block!important;width:25px!important;height:25px!important;
  object-fit:contain!important;flex:0 0 25px!important;
  background:#fff!important;border-radius:4px!important;
}
footer,.site-footer{
  background:#091e36!important;color:#dce7f2!important;
}
footer a,.site-footer a{color:#dce7f2!important}
footer .disclaimer,.site-footer .disclaimer{color:#aabbd0!important}
@media(max-width:760px){
 footer .brand.brand-with-logo .brand-name,
 .site-footer .brand.brand-with-logo .brand-name{font-size:21px!important}
 footer .brand.brand-with-logo .brand-name span,
 .site-footer .brand.brand-with-logo .brand-name span{
  font-size:10px!important;letter-spacing:3px!important;margin-top:4px!important
 }
 footer .brand.brand-with-logo .brand-logo,
 .site-footer .brand.brand-with-logo .brand-logo{
  width:22px!important;height:22px!important;flex-basis:22px!important
 }
}