/* One emerald theme shared by the homepage, account and application flow. */
:root{
  --ground:#f4f7fc;
  --ink:#083e2d;
  --muted:#507768;
  --blue:#047857;
  --blue-2:#065f46;
  --blue-3:#10b981;
  --bg:#f4f7fc;
  --soft:#dcfce7;
  --line:#bde7d1;
  --accent:#34e879;
  --navy:#064e3b;
  --emerald-bright:#34e879;
}
body{background:#f4f7fc;color:#172b4a}
:focus-visible{outline-color:#059669}
/* Neutral surfaces with emerald controls and accents. */
body:has(.hero){background:#f4f7fc}
body:has(.hero) .header{background:#ffffffec;border-color:#e3e9f3}
.logo-symbol{background:#34e879;color:#064e3b;box-shadow:0 4px 14px #10b98120}
.logo-dot,h1 em{color:#059669}
nav,.login,.bank-list{color:#285e49}
.login{background:#dcfce7;border-color:#a5d9bb}
.login:hover{background:#bbf7d0}
.live-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e15}
.hero-benefits{color:#176d45}
.partner-proof{color:#47765e}
.proof-mark,.icon{background:#d5fbe3;color:#047857}
.calculator{background:#fff;border-color:#e3e9f3;box-shadow:0 20px 65px #04785714}
.calculator .secure{color:#059669}
.calculator select{background:#f4f7fc;border-color:#e3e9f3}
.amount-controls button{background:#dffbea;border-color:#b5e5c9;color:#065f46}
.amount-controls button:hover:enabled{background:#bbf7d0}
.primary,.btn-primary,.auth-submit,.button.primary{background:#34e879;color:#064e3b;border-color:#34e879;box-shadow:0 6px 20px #10b98126}
.primary:hover,.btn-primary:hover,.auth-submit:hover,.button.primary:hover{background:#20d56b;color:#043d2b;box-shadow:0 8px 24px #10b98130}
.metrics{border-color:#bde7d1}
.metrics strong{color:#047857}
.program-grid article{border-color:#bde7d1;box-shadow:0 6px 24px #04785706}
.program-grid article:nth-child(2){background:#fff;border-color:#e3e9f3}
.program-grid article:nth-child(2) .icon{background:#34e879;color:#064e3b}
.digital{background:#eaf0fb;color:#172b4a;box-shadow:0 18px 50px #04785718}
.digital .eyebrow{color:#738096}
.orbit{border-color:#d2def5}
.phone{border-color:#043d2b;box-shadow:18px 22px 40px #012d2438;color:#083e2d}
.phone-top{background:#043d2b}
.phone-brand{color:#047857}
.phone-card,.phone-button{background:#34e879;color:#064e3b}
.phone-row{border-color:#d2ebdf}
.phone-row i{color:#047857}
.steps li>span{color:#059669}
.bank-section{background:#fff;border-color:#e3e9f3}
.mission-card{background:#fff;border-color:#e3e9f3}
.faq details{border-color:#bde7d1}
.faq b{color:#047857}
footer{background:#fff;border-color:#e3e9f3}
/* Existing service screens retain their layout and status semantics. */
body:not(:has(.hero)) .header{background:#fff;border-color:#e3e9f3}
body:not(:has(.hero)) :is(.panel,.application-card,.auth-modal,.detail-dialog){border-color:#bde7d1;box-shadow:0 8px 30px #04785709}
body:not(:has(.hero)) :is(.notice-box,.info,.current-check){background:#f4f7fc;border-color:#e3e9f3}
body:not(:has(.hero)) :is(.text-button,.auth-link,.eyebrow){color:#047857}
body:not(:has(.hero)) :is(.field input,.field select,.field textarea,.filter){border-color:#bde7d1;background:#fff}
body:not(:has(.hero)) :is(input,select,textarea):focus{border-color:#059669}
.auth-modal::backdrop{background:#033f2c80}
.progress{background:linear-gradient(to right,#10b981 var(--progress),#d1fae5 var(--progress))}
.progress>span{background:#047857;box-shadow:0 0 0 6px #dcfce7}
body:not(:has(.hero)) :is(.summary,.check-offer){background:#064e3b;color:#f0fff5}

/* Shared typography; system fallbacks keep the site usable offline. */
:root{
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-heading:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:var(--font-heading);
  --ink:#172b4a;
  --muted:#68768b;
  --line:#e3e9f3;
  --palette-19:#f4f7fc;
  --palette-11:#f4f7fc;
}
body,.auth-modal{font-family:var(--font-body);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,.logo,.phone-brand{font-family:var(--font-heading)}
h1{font-weight:700;letter-spacing:-.045em;line-height:1.13}
h2{font-weight:650;letter-spacing:-.035em;line-height:1.25}
h3{font-weight:600;letter-spacing:-.02em;line-height:1.45}
.hero h1{font-size:clamp(38px,4.1vw,56px)}
.calculator h2{font-size:25px;letter-spacing:-.035em}
output,.metrics strong,.phone-card strong{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.eyebrow{font-family:var(--font-body);font-weight:600;letter-spacing:.12em}
@media(max-width:650px){.hero h1{font-size:38px;letter-spacing:-.04em}.calculator h2{font-size:24px}}

/* Supplied CrediLink brand asset across public pages. */
.logo .brand-logo-image{display:block;width:220px;max-width:100%;height:auto;aspect-ratio:5/1;object-fit:contain}
.site-footer .footer-brand .logo{display:inline-flex;max-width:100%;padding:8px 10px;background:#fff;border-radius:10px}
.site-footer .footer-brand .brand-logo-image{width:200px}
@media(max-width:780px){.logo .brand-logo-image{width:190px}}
@media(max-width:560px){.logo .brand-logo-image{width:155px}.site-footer .footer-brand .brand-logo-image{width:190px}}