@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
:root{
  --kl-navy:#253659; --kl-spruce:#3E6B6C; --kl-rasp:#C23B7A; --kl-rasp-strong:#8F2A57;
  --kl-bg:#F3F6F8; --kl-slate:#6D7682; --kl-charcoal:#2A3442;
}
body{font-family:'Inter',system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--kl-charcoal);background:var(--kl-bg);}
h1,h2,h3,h4,h5{font-weight:700;color:var(--kl-navy);}
.btn{border-radius:.5rem;padding:.75rem 1.25rem;font-weight:600;}
.btn-primary{background:var(--kl-rasp-strong);border-color:var(--kl-rasp-strong);}
.btn-outline-primary{color:#253659;border:2px solid #253659;background:transparent;}
a{color:var(--kl-spruce);} a:hover{color:var(--kl-rasp-strong);}
.hero{padding:5rem 0;}
.hero .eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:var(--kl-slate);}
.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0;}
.feature{background:#fff;border:1px solid #e7ecf1;border-radius:.75rem;padding:1rem;}
@import url('/css/kindledger-responsive-fix.css');