/* =========================================================
   EAGLES NEST — Shared Design System
   ========================================================= */
:root{
  --en-blue:#2563eb;
  --en-blue-600:#1d6fe0;
  --en-blue-700:#1656b8;
  --en-blue-bright:#0d6efd;
  --en-navy:#0a1428;
  --en-navy-2:#0f1d38;
  --en-navy-3:#122a52;
  --en-ink:#0f172a;
  --en-slate:#334155;
  --en-muted:#64748b;
  --en-line:#e7ecf3;
  --en-soft:#f5f8fc;
  --en-tint:#eaf1fd;
  --en-gold:#d8a31a;
  --en-gold-2:#f1c75a;
  --en-gold-deep:#b9851a;
  --en-radius:16px;
  --en-radius-sm:12px;
  --en-shadow:0 18px 45px -25px rgba(15,30,60,.45);
  --en-shadow-sm:0 8px 24px -16px rgba(15,30,60,.4);
}

*{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--en-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;}
.lead-muted{color:var(--en-muted);}
a{text-decoration:none;}
section{position:relative;}

/* ---------- Eyebrow ---------- */
.eyebrow{
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--en-blue);
}
.eyebrow.gold{color:var(--en-gold);}
.eyebrow.light{color:#7fb2ff;}

/* ---------- Buttons ---------- */
.btn{font-weight:600;border-radius:10px;padding:.65rem 1.35rem;}
.btn-en{background:var(--en-blue);color:#fff;border:none;}
.btn-en:hover{background:var(--en-blue-700);color:#fff;}
.btn-gold{background:linear-gradient(135deg,var(--en-gold-2),var(--en-gold-deep));color:#1a1206;border:none;}
.btn-gold:hover{filter:brightness(1.05);color:#1a1206;}
.btn-outline-light{border:1px solid rgba(255,255,255,.4);color:#fff;}
.btn-outline-light:hover{background:rgba(255,255,255,.12);color:#fff;}
.btn-outline-en{border:1px solid var(--en-blue);color:var(--en-blue);background:#fff;}
.btn-outline-en:hover{background:var(--en-blue);color:#fff;}
.btn-ghost-dark{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent;}
.btn-ghost-dark:hover{background:rgba(255,255,255,.1);color:#fff;}

/* ---------- Navbar ---------- */
.en-nav{background:var(--en-navy);}
.en-nav .navbar-brand{display:flex;align-items:center;gap:.6rem;}
.en-nav .brand-logo{width:38px;height:38px;}
.en-nav .brand-text{line-height:1;}
.en-nav .brand-text .name{color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:.02em;}
.en-nav .brand-text .tag{color:#9fb3cc;font-size:.62rem;letter-spacing:.04em;}
.en-nav .nav-link{color:#d7e2f1 !important;font-weight:500;font-size:.95rem;padding:.5rem .85rem !important;}
.en-nav .nav-link:hover,.en-nav .nav-link.active{color:#fff !important;}
.en-nav .nav-link.active{position:relative;}
.en-nav .nav-link.active::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:0;height:2px;background:var(--en-blue);border-radius:2px;}
.en-nav .dropdown-menu{border:none;box-shadow:var(--en-shadow);border-radius:12px;margin-top:.6rem;}
.en-nav .btn-search{color:#d7e2f1;background:transparent;border:none;font-size:1.1rem;}
.en-nav .btn-login{color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:.45rem 1.1rem;font-weight:600;font-size:.9rem;}
.en-nav .btn-login:hover{background:rgba(255,255,255,.1);}
.en-nav.gold .nav-link.active{color:var(--en-gold) !important;}
.en-nav.gold .nav-link.active::after{background:var(--en-gold);}

/* ---------- Hero variants ---------- */
.hero-dark{
  background:
    radial-gradient(1100px 480px at 78% 18%, rgba(37,99,235,.28), transparent 60%),
    linear-gradient(160deg,#0a1428 0%,#0d1c38 55%,#0a1830 100%);
  color:#fff;position:relative;overflow:hidden;
}
.hero-light{
  background:linear-gradient(180deg,#eef4fd 0%,#f7fafe 100%);
  position:relative;overflow:hidden;
}
.hero-gold{
  background:
    radial-gradient(900px 420px at 80% 30%, rgba(216,163,26,.18), transparent 60%),
    linear-gradient(160deg,#0a1428 0%,#0e1d3a 60%,#0a1526 100%);
  color:#fff;position:relative;overflow:hidden;
}
.hero-dark .display-3,.hero-gold .display-3{font-weight:800;}
.text-accent{color:var(--en-blue);}
.text-gold{color:var(--en-gold-2);}

/* ---------- Cards ---------- */
.feature-card{
  background:#fff;border:1px solid var(--en-line);border-radius:var(--en-radius);
  padding:1.6rem;height:100%;transition:.25s;box-shadow:var(--en-shadow-sm);
}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--en-shadow);}
.icon-chip{
  width:54px;height:54px;border-radius:14px;display:grid;place-items:center;
  background:var(--en-tint);color:var(--en-blue);font-size:1.4rem;flex:none;
}
.icon-chip.gold{background:#fbf2da;color:var(--en-gold-deep);}
.icon-circle{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--en-tint);color:var(--en-blue);font-size:1.1rem;flex:none;
}
.check-li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.65rem;color:var(--en-slate);}
.check-li i{color:var(--en-blue);margin-top:.15rem;flex:none;}
.note-box{background:var(--en-tint);border-radius:12px;padding:.9rem 1.1rem;color:var(--en-blue-700);font-weight:500;}

/* ---------- Section bg helpers ---------- */
.bg-soft{background:var(--en-soft);}
.section{padding:5rem 0;}
.section-sm{padding:3.5rem 0;}

/* ---------- Stat strip ---------- */
.stat-strip{background:#fff;border:1px solid var(--en-line);border-radius:14px;padding:1.4rem;}

/* ---------- Trust dark strip ---------- */
.trust-strip{background:var(--en-navy);border-radius:18px;color:#fff;}
.trust-strip .ts-item{display:flex;gap:.8rem;align-items:center;}
.trust-strip .ts-item i{color:#7fb2ff;font-size:1.5rem;}

/* ---------- Footer ---------- */
.en-footer{background:var(--en-navy);color:#aebfd4;padding-top:3.5rem;}
.en-footer h6{color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.1rem;}
.en-footer a{color:#aebfd4;display:block;margin-bottom:.6rem;font-size:.92rem;}
.en-footer a:hover{color:#fff;}
.en-footer .brand-name{color:#fff;font-weight:800;}
/* Footer logo — capped + aspect-ratio safe, regardless of the source image
   size, and visually consistent with the 38px header mark. Applies on every
   breakpoint (no media-query overrides). */
.foot-logo{height:auto;width:auto;max-height:42px;max-width:160px;object-fit:contain;display:inline-block;vertical-align:middle;}
.en-footer .social{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#cfdcef;margin-right:.5rem;}
.en-footer .social:hover{background:var(--en-blue);color:#fff;}
.en-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2.5rem;padding:1.2rem 0;font-size:.85rem;}
/* Footer-bottom links stay inline (override .en-footer a{display:block}). */
.en-footer .footer-bottom a{display:inline;margin:0;}
.en-footer .legal-active{color:var(--en-blue) !important;}
.en-footer .legal-active-gold{color:var(--en-gold-2) !important;}

/* ---------- On this page sidebar ---------- */
.toc{position:sticky;top:90px;background:#fff;border:1px solid var(--en-line);border-radius:14px;padding:1.2rem;box-shadow:var(--en-shadow-sm);}
.toc h6{font-weight:800;margin-bottom:1rem;}
.toc a{display:flex;align-items:center;gap:.6rem;color:var(--en-muted);padding:.5rem .6rem;border-radius:9px;font-size:.92rem;margin-bottom:.15rem;}
.toc a:hover,.toc a.active{background:var(--en-tint);color:var(--en-blue);}
.toc a i{font-size:1rem;}
.help-box{background:var(--en-soft);border:1px solid var(--en-line);border-radius:14px;padding:1.4rem;text-align:center;}

/* ---------- Policy article ---------- */
.policy-card{background:#fff;border:1px solid var(--en-line);border-radius:18px;padding:2rem;box-shadow:var(--en-shadow-sm);}
.policy-block{padding:1.4rem 0;border-bottom:1px solid var(--en-line);}
.policy-block:last-child{border-bottom:none;}
.policy-block h4{font-size:1.15rem;}
.policy-block p{color:var(--en-slate);margin-bottom:.5rem;}

/* ---------- Accordion (FAQ) ---------- */
.faq .accordion-item{border:1px solid var(--en-line);border-radius:12px !important;margin-bottom:.75rem;overflow:hidden;}
.faq .accordion-button{font-weight:600;color:var(--en-ink);padding:1.1rem 1.2rem;}
.faq .accordion-button:not(.collapsed){background:#fff;color:var(--en-blue);box-shadow:none;}
.faq .accordion-button:focus{box-shadow:none;}
.faq .accordion-body{color:var(--en-slate);}

/* ---------- Industry card ---------- */
.industry-card{background:#fff;border:1px solid var(--en-line);border-radius:14px;overflow:hidden;height:100%;transition:.25s;box-shadow:var(--en-shadow-sm);}
.industry-card:hover{transform:translateY(-4px);box-shadow:var(--en-shadow);}
.industry-card .thumb{height:140px;background-size:cover;background-position:center;position:relative;}
.industry-card .thumb .ico{position:absolute;left:14px;bottom:-20px;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--en-blue);box-shadow:var(--en-shadow-sm);font-size:1.1rem;}
.industry-card .body{padding:1.7rem 1.1rem 1.1rem;}
.industry-card .body h6{font-weight:800;}
.industry-card .body p{color:var(--en-muted);font-size:.88rem;margin-bottom:.6rem;}

/* ---------- Community ---------- */
.q-item{border:1px solid var(--en-line);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.85rem;transition:.2s;}
.q-item:hover{border-color:var(--en-blue);box-shadow:var(--en-shadow-sm);}
.q-count{width:54px;text-align:center;flex:none;}
.q-count .n{font-weight:800;font-size:1.1rem;color:var(--en-ink);}
.q-count .l{font-size:.7rem;color:var(--en-muted);}
.tag-pill{font-size:.72rem;background:var(--en-tint);color:var(--en-blue);border-radius:20px;padding:.18rem .6rem;font-weight:600;}
.tag-pill.alt{background:#eef2f7;color:var(--en-slate);}
.side-card{border:1px solid var(--en-line);border-radius:14px;padding:1.3rem;}
.ask-card{background:var(--en-blue);color:#fff;border-radius:14px;padding:1.4rem;}
.cat-card{border:1px solid var(--en-line);border-radius:12px;padding:1.1rem;text-align:center;transition:.2s;}
.cat-card:hover{border-color:var(--en-blue);transform:translateY(-3px);}
.cat-card .ci{width:48px;height:48px;border-radius:12px;background:var(--en-tint);color:var(--en-blue);display:grid;place-items:center;margin:0 auto .6rem;font-size:1.2rem;}

/* ---------- Start store form ---------- */
.form-shell{background:#fff;border-radius:20px;box-shadow:var(--en-shadow);padding:2.2rem;}
.form-control,.form-select{padding:.75rem .9rem;border-radius:10px;border:1px solid var(--en-line);}
.form-control:focus,.form-select:focus{border-color:var(--en-blue);box-shadow:0 0 0 .2rem rgba(37,99,235,.12);}
.input-icon{position:relative;}
.input-icon i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--en-blue);}
.input-icon .form-control{padding-left:2.5rem;}
.benefit-row{display:flex;gap:1rem;align-items:flex-start;}
.benefit-row .bi-chip{width:48px;height:48px;border-radius:50%;background:var(--en-tint);color:var(--en-blue);display:grid;place-items:center;font-size:1.2rem;flex:none;}

/* ---------- Ecosystem diagram (home) ---------- */
.eco-node{background:#fff;border:1px solid var(--en-line);border-radius:14px;padding:1rem;box-shadow:var(--en-shadow-sm);text-align:center;}
.eco-center{background:var(--en-navy);color:#fff;border-radius:14px;padding:1.1rem 1.4rem;text-align:center;}

/* ---------- Utilities ---------- */
.maxw-680{max-width:680px;}
.glass-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(6px);}
.shield-wrap{position:relative;display:grid;place-items:center;}

@media (max-width:991px){
  .section{padding:3.2rem 0;}
  .display-3{font-size:2.4rem;}
  .toc{position:static;margin-bottom:1.5rem;}
}