
:root{
  --forest:#062e24;
  --forest-2:#0a4a39;
  --forest-3:#0e6249;
  --orange:#f97316;
  --orange-dark:#ea580c;
  --cream:#f7f8f4;
  --ink:#10231e;
  --muted:#64756f;
  --line:rgba(6,46,36,.12);
  --shadow:0 18px 55px rgba(6,46,36,.12);
}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
.hero-gradient{background:
  radial-gradient(circle at 75% 30%,rgba(255,255,255,.10),transparent 25%),
  linear-gradient(105deg,#062e24 0%,#0a3d31 47%,#4c5552 100%)}
.dark-gradient{background:linear-gradient(135deg,#041f19 0%,#083b2e 55%,#0a5a43 100%)}
.orange-gradient{background:linear-gradient(135deg,#ea580c,#fb923c)}
.text-orange{color:var(--orange)}
.bg-forest{background:var(--forest)}
.border-soft{border-color:var(--line)}
.shadow-soft{box-shadow:var(--shadow)}
.section-pad{padding:5rem 0}
@media(max-width:640px){.section-pad{padding:3.5rem 0}}
.placeholder{
  position:relative; overflow:hidden; min-height:280px;
  background:
    radial-gradient(circle at 25% 25%,rgba(249,115,22,.28),transparent 22%),
    radial-gradient(circle at 75% 65%,rgba(255,255,255,.13),transparent 26%),
    linear-gradient(135deg,#0a4a39,#102f28 55%,#4b514e);
}
.placeholder:after{
  content:"FINANCIAL IMAGE";
  position:absolute;inset:0;display:grid;place-items:center;
  color:rgba(255,255,255,.5);font-size:.75rem;font-weight:800;letter-spacing:.2em
}
.placeholder-sm{min-height:210px}
.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);padding:.5rem .8rem;border-radius:999px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.8rem;padding:.85rem 1.15rem;font-weight:800;transition:.2s}
.btn-orange{background:var(--orange);color:white}.btn-orange:hover{background:var(--orange-dark);transform:translateY(-1px)}
.btn-outline{border:1px solid rgba(255,255,255,.45);color:white;background:rgba(255,255,255,.04)}.btn-outline:hover{background:rgba(255,255,255,.1)}
.card{background:white;border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow)}
.stat-number{font-size:clamp(1.8rem,4vw,3rem);line-height:1;font-weight:900}
.phone-number{font-size:clamp(1.45rem,3vw,2.4rem);font-weight:950;letter-spacing:-.03em}
.nav-link{font-size:.82rem;font-weight:800;letter-spacing:.03em}
.dropdown-menu{display:none}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}
.mobile-menu{display:none}.mobile-menu.open{display:block}
.kicker{font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.loan-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(6,46,36,.16)}
.loan-card{transition:.2s}
input,select{outline:none}
input:focus,select:focus{box-shadow:0 0 0 3px rgba(249,115,22,.2);border-color:var(--orange)}
.prose-custom p{margin-bottom:1rem;line-height:1.85}
.prose-custom ul{list-style:disc;padding-left:1.25rem;margin-bottom:1rem}
