/* ===========================================================
   Blue Eagle Sacco — Revamp design system
   =========================================================== */
:root{
    --primary:#06A3DA; --secondary:#34AD54; --dark:#091E3E; --light:#EEF9FF;
    --ink:#0c1b34; --muted:#5b6b86;
    --radius:18px;
    --shadow:0 18px 50px -20px rgba(9,30,62,.35);
    --shadow-sm:0 8px 24px -12px rgba(9,30,62,.25);
}
*{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
h1,h2,h3,h4,h5,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em}
a{text-decoration:none}
.section-pad{padding:5.5rem 0}
.text-muted-2{color:var(--muted)}
.bg-soft{background:var(--light)}

.eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;text-transform:uppercase;
    letter-spacing:.18em;font-size:.78rem;color:var(--primary)}

/* gradients & buttons */
.grad-text{background:linear-gradient(100deg,var(--primary),var(--secondary));
    -webkit-background-clip:text;background-clip:text;color:transparent}
.btn-grad{background:linear-gradient(100deg,var(--primary),var(--secondary));color:#fff;border:0;
    border-radius:999px;padding:.85rem 1.9rem;font-weight:700;
    box-shadow:0 12px 28px -12px rgba(6,163,218,.7);transition:transform .2s,box-shadow .2s}
.btn-grad:hover{transform:translateY(-2px);color:#fff;box-shadow:0 18px 34px -12px rgba(6,163,218,.8)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;
    padding:.85rem 1.7rem;font-weight:600;transition:.2s}
.btn-ghost:hover{background:#fff;color:var(--dark)}
.btn-outline-ink{border:1.5px solid #d7e0ee;color:var(--ink);border-radius:999px;
    padding:.8rem 1.7rem;font-weight:700;transition:.2s}
.btn-outline-ink:hover{border-color:var(--primary);color:var(--primary)}

/* navbar */
.navbar{transition:.3s;padding:.9rem 0}
.navbar.scrolled{background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(14px);
    box-shadow:0 6px 24px -16px rgba(9,30,62,.4)}
.navbar .nav-link{font-weight:600;color:var(--ink)!important;margin:0 .3rem}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--primary)!important}
.navbar-brand img{height:46px}
.navbar .logo-blue{display:none}
.navbar .logo-white{display:inline-block}
.navbar.scrolled .logo-blue{display:inline-block}
.navbar.scrolled .logo-white{display:none}
.navbar.at-top{background:transparent}
.navbar.at-top .nav-link{color:#fff!important}
.navbar.at-top .nav-link:hover,.navbar.at-top .nav-link.active{color:#cdeeff!important}
.navbar .dropdown-menu{border:0;border-radius:14px;box-shadow:var(--shadow-sm);padding:.5rem}
.navbar .dropdown-item{border-radius:9px;font-weight:600;padding:.5rem .9rem}
.navbar .dropdown-item:hover{background:var(--light);color:var(--primary)}

/* hero (home) */
.hero{background:
    radial-gradient(1200px 600px at 80% -10%,rgba(52,173,84,.35),transparent 60%),
    linear-gradient(135deg,#061a3a 0%,#0a2a5c 45%,#06A3DA 130%);
    color:#fff;padding:11rem 0 7rem;overflow:hidden}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05}
.hero .lead{color:rgba(255,255,255,.8);font-size:1.15rem;max-width:560px}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.2);padding:.45rem 1rem;border-radius:999px;font-size:.85rem;
    font-weight:600;backdrop-filter:blur(6px);margin-bottom:1.5rem}
.hero-card{background:rgba(255,255,255,.95);border-radius:24px;box-shadow:var(--shadow);
    padding:1.6rem;color:var(--ink)}
.hero-photo{border-radius:24px;box-shadow:var(--shadow);width:100%;height:430px;object-fit:cover}

/* inner page banner */
.page-banner{background:
    radial-gradient(900px 500px at 85% -20%,rgba(52,173,84,.35),transparent 60%),
    linear-gradient(135deg,#061a3a 0%,#0a2a5c 55%,#06A3DA 140%);
    color:#fff;padding:9rem 0 4rem;text-align:center}
.page-banner h1{font-size:clamp(2rem,4vw,3rem)}
.breadcrumb-c{display:inline-flex;gap:.5rem;align-items:center;color:rgba(255,255,255,.8);font-weight:600;font-size:.95rem}
.breadcrumb-c a{color:#fff}

/* stat strip */
.stat-strip{margin-top:-3.5rem;position:relative;z-index:3}
.stat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center;height:100%}
.stat-card .num{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2rem;color:var(--dark)}
.stat-card .lbl{color:var(--muted);font-size:.9rem;font-weight:500}

/* cards */
.soft-card{background:#fff;border:1px solid #eef2f8;border-radius:var(--radius);box-shadow:var(--shadow-sm);
    transition:transform .25s,box-shadow .25s;height:100%}
.soft-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.icon-chip{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(6,163,218,.15),rgba(52,173,84,.15));color:var(--primary);font-size:1.4rem}
.about-img{border-radius:22px;box-shadow:var(--shadow);width:100%;height:480px;object-fit:cover}

/* loan/product cards */
.loan-card{background:#fff;border:1px solid #eef2f8;border-radius:16px;padding:1.4rem 1.2rem;text-align:center;
    transition:.25s;height:100%;position:relative;overflow:hidden}
.loan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.loan-card img{height:64px;width:auto;object-fit:contain;margin-bottom:.8rem}
.loan-card h5{font-size:1rem;margin:0}
.loan-card .go{color:var(--primary);font-weight:700;font-size:.85rem;opacity:0;transition:.25s}
.loan-card:hover .go{opacity:1}
.ribbon{position:absolute;top:14px;right:-30px;transform:rotate(45deg);background:var(--secondary);color:#fff;
    font-size:.65rem;font-weight:700;padding:.2rem 2.4rem;letter-spacing:.1em}

/* feature list (loan/savings detail) */
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{padding:.6rem 0;border-bottom:1px dashed #e4ebf5;display:flex;gap:.7rem;align-items:flex-start}
.feature-list li:last-child{border-bottom:0}
.feature-list i{color:var(--secondary);margin-top:.2rem}

/* calculator */
.calc{background:linear-gradient(135deg,var(--dark),#0a2a5c);color:#fff;border-radius:26px;padding:2.5rem;box-shadow:var(--shadow)}
.calc input[type=range]{width:100%;accent-color:var(--secondary)}
.calc .result{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.2rem;text-align:center}
.calc .result .big{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.9rem;color:#7CF2A4}
.calc .form-control,.calc .form-select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.calc .form-control::placeholder{color:rgba(255,255,255,.5)}

/* forms */
.form-card{background:#fff;border:1px solid #eef2f8;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2.2rem}
.form-control,.form-select{border-radius:12px;padding:.8rem 1rem;border:1.5px solid #e4ebf5}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(6,163,218,.15)}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.alert-soft{border-radius:12px;border:0;background:rgba(52,173,84,.12);color:#1d7a3a;font-weight:600}

/* faq accordion */
.accordion-button{font-family:'Plus Jakarta Sans';font-weight:700;border-radius:12px!important}
.accordion-button:not(.collapsed){background:var(--light);color:var(--primary)}
.accordion-button:focus{box-shadow:none}
.accordion-item{border:1px solid #eef2f8;border-radius:12px!important;margin-bottom:.8rem;overflow:hidden}

/* quote/testimonial */
.quote-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem;height:100%;border:1px solid #eef2f8}
.quote-card .bi-quote{font-size:2.4rem;color:var(--primary);opacity:.25}

/* team */
.team-card{background:#fff;border:1px solid #eef2f8;border-radius:var(--radius);box-shadow:var(--shadow-sm);
    overflow:hidden;transition:transform .25s,box-shadow .25s;height:100%}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.team-card img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:top center}
.team-card .body{padding:1.2rem;text-align:center}

/* download list */
.dl-item{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #eef2f8;border-radius:14px;
    padding:1rem 1.2rem;transition:.2s;height:100%}
.dl-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.dl-item .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    background:var(--light);color:var(--primary);font-size:1.3rem;flex:none}

/* cta band */
.cta-band{background:
    radial-gradient(900px 400px at 10% 120%,rgba(52,173,84,.4),transparent 60%),
    linear-gradient(120deg,var(--primary),#0a2a5c);border-radius:28px;color:#fff;padding:3.5rem;box-shadow:var(--shadow)}

/* footer */
footer{background:var(--dark);color:rgba(255,255,255,.75)}
footer a{color:rgba(255,255,255,.75)}
footer a:hover{color:#fff}
.foot-soc{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);transition:.2s}
.foot-soc:hover{background:var(--primary);color:#fff}
.brandname{font-family:'Plus Jakarta Sans';font-weight:800;letter-spacing:-.02em}

/* preview pill */
.preview-pill{position:fixed;left:16px;bottom:16px;z-index:1080;background:var(--dark);color:#fff;font-size:.75rem;
    font-weight:600;padding:.5rem .9rem;border-radius:999px;box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem;opacity:.92}
.preview-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--secondary)}

@media(max-width:991px){
    .navbar.at-top{background:rgba(9,30,62,.95);backdrop-filter:blur(10px)}
    .hero{padding:8rem 0 4rem}
    .section-pad{padding:3.5rem 0}
}