@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap');

/* ═══ TOKENS ═══════════════════════════════════════════════════════ */
:root{
  --blue:#0A5DF8;
  --blue2:#174AF5;
  --blue3:#4682F6;
  --teal:#1DC9B5;
  --orange:#E8920A;
  --t1:#0D1B2A;
  --t2:#3A5272;
  --t3:#7A94B0;
}

/* ═══ BASE (only what nav/footer need) ════════════════════════════ */
.nse-scope *,.nse-scope *::before,.nse-scope *::after{box-sizing:border-box}
.nse-scope a{text-decoration:none;color:inherit}
.nse-scope ul{list-style:none;margin:0;padding:0}
.nse-scope img{max-width:100%;display:block}
.nse-scope button{font-family:'Montserrat',sans-serif;cursor:pointer;border:none;background:none}

/* ═══ NAV ══════════════════════════════════════════════════════════ */
/* Selectors are deliberately specific — themes often style generic
   header/nav/a/button elements and would otherwise win. */
nav.nav{position:fixed!important;top:0!important;left:0;right:0;z-index:9999;height:60px;background:var(--blue)!important;display:flex!important;align-items:center;justify-content:space-between;padding:0 36px!important;margin:0!important;transition:box-shadow .3s;font-family:'Montserrat',sans-serif;box-sizing:border-box}
nav.nav.shadow{box-shadow:0 4px 24px rgba(10,93,248,.35)}
nav.nav *,nav.nav *::before,nav.nav *::after{box-sizing:border-box}
nav.nav .nav-logo{display:flex;align-items:center;padding:0;border:none;background:none}
nav.nav .nav-logo img{height:34px!important;width:auto!important;max-width:none!important;display:block;margin:0}
nav.nav .nav-menu{display:flex;align-items:center;gap:2px}
nav.nav .nav-menu a{font-size:13px!important;font-weight:500;color:rgba(255,255,255,.78)!important;padding:6px 11px!important;border-radius:6px;transition:.2s;white-space:nowrap;font-family:'Montserrat',sans-serif;text-decoration:none!important;background:none;border:none;line-height:1.4}
nav.nav .nav-menu a:hover{color:#fff!important;background:rgba(255,255,255,.12)!important}
nav.nav .nav-actions{display:flex;align-items:center;gap:8px}
nav.nav .btn-signin{display:inline-flex!important;align-items:center;gap:6px;background:rgba(255,255,255,.15)!important;color:#fff!important;font-weight:600;font-size:13px!important;padding:7px 16px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.2)!important;transition:.2s;font-family:'Montserrat',sans-serif;text-decoration:none!important;line-height:1.4;width:auto!important}
nav.nav .btn-signin:hover{background:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.35)!important}
nav.nav .btn-nav-cta{display:inline-flex!important;align-items:center;gap:6px;background:#fff!important;color:var(--blue)!important;font-weight:700;font-size:13px!important;padding:8px 18px!important;border-radius:8px!important;border:none!important;transition:.25s;letter-spacing:-.01em;font-family:'Montserrat',sans-serif;text-decoration:none!important;line-height:1.4;width:auto!important}
nav.nav .btn-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.18)}
nav.nav .burger{display:none;flex-direction:column;gap:5px;padding:6px!important;cursor:pointer;border-radius:6px;background:none!important;border:none!important;width:auto!important}
nav.nav .burger span{display:block;width:20px;height:2px;background:#fff;border-radius:1px;transition:.3s}
/* push page content below the fixed bar */
body.nse-has-nav{padding-top:60px}
nav.nav .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.nav .burger.open span:nth-child(2){opacity:0}
nav.nav .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:60px 0 0;background:var(--blue);z-index:9998;flex-direction:column;padding:20px 24px 36px;overflow-y:auto;font-family:'Montserrat',sans-serif}
.mob-menu.open{display:flex}
.mob-menu a{font-size:17px;font-weight:600;color:rgba(255,255,255,.85);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mob-menu a:hover{color:#fff}
.mob-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}

/* ═══ FOOTER ═══════════════════════════════════════════════════════ */
footer{background:#0D1B2A;border-top:1px solid rgba(255,255,255,.08);padding:64px 48px 40px;font-family:'Montserrat',sans-serif}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:60px;margin-bottom:52px}
.footer-logo-img{height:42px!important;max-height:42px!important;width:auto!important;max-width:180px!important;opacity:.9;margin-bottom:16px;transition:.2s;object-fit:contain}
.footer-logo-img:hover{opacity:1}
.footer-desc{font-size:13px;color:#a8b8cc;line-height:1.72;max-width:290px;margin-bottom:20px}
.footer-socials{display:flex;gap:8px;margin-bottom:20px}
.soc{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#a8b8cc!important;transition:.25s}
.soc svg{color:#a8b8cc!important;fill:currentColor}
.soc:hover{border-color:rgba(10,93,248,.5);color:#7CCBFF!important}
.soc:hover svg{color:#7CCBFF!important}
.footer-col h4{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a8fa6;margin-bottom:16px}
.footer-col ul{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}
.footer-col a{font-size:13.5px;color:#c4d3e0!important;transition:.2s;text-decoration:none}
.footer-col a:hover{color:#fff!important}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#7a8fa6}
.footer-signin{display:inline-flex;align-items:center;gap:6px;color:#a8b8cc!important;font-size:13px;transition:.2s;text-decoration:none}
.footer-signin:hover{color:#7CCBFF!important}

/* ═══ RESPONSIVE ═══════════════════════════════════════════════════ */
@media(max-width:1024px){
  .footer-top{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:768px){
  nav.nav{padding:0 18px!important}
  nav.nav .nav-menu,nav.nav .nav-actions .btn-signin,nav.nav .nav-actions .btn-nav-cta{display:none!important}
  nav.nav .burger{display:flex!important}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}
  footer{padding:48px 24px 32px}
}