/* ═══════════════════════════════════════════════════════════════
   SHEBA CREDIT — Global Design System v2
   Brand: #187CC5 blue, white canvas, dark ink
   Font: SF Pro / Inter system stack
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* Brand */
  --blue:#187CC5; --blue-h:#1268A8; --blue-soft:rgba(24,124,197,.1);
  --blue-light:#3A9DD8; --blue-dark:#0E5C94; --blue-faint:#EBF4FB;

  /* Canvas */
  --white:#fff; --parch:#F5F5F7; --ink:#1D1D1F; --ink-2:#6E6E73;
  --ink-3:#98989D; --dark:#000; --dark-2:#1D1D1F; --line:rgba(0,0,0,.1);

  /* System */
  --font:'General Sans',-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;
  --r:20px;

  /* Green for positive values */
  --green:#34C759;
}

/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font);background:var(--white);color:var(--ink);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:-.01em;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;font-family:var(--font);}

/* ── Reveal animation ──────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(20px);
  transition:opacity .9s cubic-bezier(.25,.46,.45,.94),
             transform .9s cubic-bezier(.25,.46,.45,.94);}
.reveal.in{opacity:1;transform:none;}

/* ── Navigation ────────────────────────────────────────────────── */
.nav{position:fixed;inset:0 0 auto;z-index:200;height:68px;
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:0;
  padding:0 40px;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.10);}
.nav-logo img{height:48px;display:block;}
.nav-center{display:flex;gap:4px;justify-content:center;align-items:center;}
.nav-center a{font-size:14px;color:var(--ink);opacity:.9;transition:background .22s ease,color .22s ease,opacity .22s ease;
  padding:9px 16px;border-radius:980px;white-space:nowrap;}
.nav-center a:hover{opacity:1;background:rgba(0,0,0,.06);}
.nav-center a.active{opacity:1;color:var(--ink);font-weight:600;background:rgba(0,0,0,.06);}
.nav-right{display:flex;gap:14px;align-items:center;justify-content:flex-end;}
.nav-right a{font-size:14px;color:var(--ink);opacity:.88;white-space:nowrap;}
.nav-cta{background:var(--blue);color:#fff!important;padding:8px 18px;
  border-radius:980px;font-size:14px;font-weight:500;opacity:1!important;
  transition:background .2s;white-space:nowrap;}
.nav-cta:hover{background:var(--blue-h);}

/* ── Page wrapper (accounts for fixed nav) ─────────────────────── */
.page{padding-top:68px;}

/* ── Page header (standard hero for inner pages) ──────────────── */
.page-hero{background:var(--dark);color:#f5f5f7;
  padding:90px 28px 80px;text-align:center;}
.page-hero .eyebrow{font-size:13px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--blue-light);margin-bottom:14px;}
.page-hero h1{font-size:clamp(36px,5.5vw,72px);font-weight:700;
  letter-spacing:-.04em;line-height:1.04;margin-bottom:18px;}
.page-hero p{font-size:clamp(17px,2vw,21px);line-height:1.5;
  color:rgba(245,245,247,.7);max-width:600px;margin:0 auto;}

/* ── Content section ────────────────────────────────────────────── */
.section{padding:90px 40px;}
.section.parch{background:var(--parch);}
.section.dark{background:var(--dark);color:#f5f5f7;}
.section.dark-2{background:var(--dark-2);color:#f5f5f7;}
.section-inner{max-width:1100px;margin:0 auto;}
.section-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.section-head .eyebrow{font-size:13px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--blue);margin-bottom:12px;}
.section-head h2{font-size:clamp(30px,4.5vw,52px);font-weight:700;
  letter-spacing:-.03em;line-height:1.06;margin-bottom:14px;}
.section-head p{font-size:17px;color:var(--ink-2);line-height:1.6;}
.section.dark .section-head .eyebrow,.section.dark-2 .section-head .eyebrow{color:var(--blue-light);}
.section.dark .section-head h2,.section.dark-2 .section-head h2{color:#f5f5f7;}
.section.dark .section-head p,.section.dark-2 .section-head p{color:rgba(245,245,247,.65);}

/* ── Typography scale ──────────────────────────────────────────── */
h1,h2,h3{letter-spacing:-.02em;}
.label{font-size:13px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--blue);}
.dark .label,.dark-2 .label{color:var(--blue-light);}

/* ── Buttons ────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:980px;font-size:15px;font-weight:500;
  font-family:var(--font);border:none;transition:all .2s;cursor:pointer;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:var(--blue-h);transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--blue);
  border:1.5px solid var(--blue);}
.btn-outline:hover{background:var(--blue-faint);}
.btn-white{background:#fff;color:var(--ink);}
.btn-white:hover{background:#f0f0f0;}
.btn-ghost{background:transparent;color:var(--ink);
  border:1.5px solid var(--line);}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);}
.text-link{font-size:15px;color:var(--blue);display:inline-flex;
  align-items:center;gap:4px;}
.text-link:hover{text-decoration:underline;}
.dark .text-link,.dark-2 .text-link{color:var(--blue-light);}

/* ── Cards ─────────────────────────────────────────────────────── */
.card{background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),
  box-shadow .3s;}
.card:hover{transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(24,124,197,.1);}
.card.dark-card{background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);}
.card.dark-card:hover{background:rgba(255,255,255,.08);}

/* ── Grid helpers ───────────────────────────────────────────────── */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

/* ── Footer ─────────────────────────────────────────────────────── */
.footer{background:var(--parch);border-top:1px solid var(--line);
  padding:52px 40px 36px;font-size:12px;color:var(--ink-2);}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:40px;padding-bottom:32px;border-bottom:1px solid var(--line);}
.footer-brand img{height:26px;margin-bottom:14px;}
.footer-brand p{font-size:12.5px;line-height:1.6;max-width:200px;}
.footer-col h4{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:14px;}
.footer-col a{display:block;color:var(--ink-2);margin-bottom:9px;
  transition:color .2s;}
.footer-col a:hover{color:var(--ink);text-decoration:underline;}
.footer-bottom{display:flex;justify-content:space-between;
  align-items:center;padding-top:22px;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{color:var(--ink-2);transition:color .2s;}
.footer-legal a:hover{color:var(--ink);}

/* ── Responsive ─────────────────────────────────────────────────── */
@media(max-width:900px){
  .nav{padding:0 20px;}
  .nav-center{display:none;}
  .nav-right a:not(.nav-cta){display:none;}
  .section{padding:64px 22px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-bottom{flex-direction:column;gap:14px;text-align:center;}
  .footer-legal{flex-wrap:wrap;justify-content:center;}
}