/* ===== Global Header ===== */
.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.9); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid #e7e9f2;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.6rem 0}
.brand{display:inline-flex; align-items:center; gap:.6rem; color:#0b1221; text-decoration:none}
.brand img{display:block}
.brand-text{display:flex; flex-direction:column; line-height:1}
.brand-text small{color:#5b6472}

.nav{display:block}
.nav__list{display:flex; gap:1rem; align-items:center; list-style:none; padding:0; margin:0}
.nav__link{display:inline-flex; align-items:center; gap:.3rem; padding:.5rem .6rem; border-radius:.5rem; color:#0b1221; text-decoration:none}
.nav__link:is(:hover,:focus){background:#f6f7fb; text-decoration:none}
.nav__link.is-active{color:#0A2A6B; font-weight:600}

.header-actions{display:flex; align-items:center; gap:.5rem}
.btn{display:inline-flex; align-items:center; gap:.4rem; border:1px solid #e7e9f2; padding:.5rem .8rem; border-radius:999px; font-weight:600; text-decoration:none}
.btn-outline{background:#fff}
.btn-primary{background:#0A2A6B; color:#fff; border-color:#0A2A6B}
.btn-accent{background:#0DB17A; color:#052b1f; border-color:#0DB17A}

.nav-toggle{display:none; width:40px; height:40px; border:0; background:transparent; position:relative}
.nav-toggle span{position:absolute; left:8px; right:8px; height:2px; background:#0b1221; border-radius:2px}
.nav-toggle span:nth-child(1){top:12px} .nav-toggle span:nth-child(2){top:19px} .nav-toggle span:nth-child(3){top:26px}

/* Mega menu */
.nav__has-mega{position:relative}
.mega{position:absolute; left:0; top:calc(100% + .6rem); display:none; width:min(920px, 96vw);
  background:#fff; border:1px solid #e7e9f2; border-radius:14px; box-shadow:0 16px 40px rgba(10,42,107,.12); padding:1rem}
.mega__grid{display:grid; grid-template-columns:repeat(3,1fr) 1fr; gap:1rem}
.mega__col h3{margin:.25rem 0 .25rem; font-size:.95rem}
.mega__col ul{list-style:none; margin:0; padding:0}
.mega__col a{display:block; padding:.35rem .5rem; border-radius:.5rem; color:#0b1221; text-decoration:none}
.mega__col a:hover{background:#f6f7fb}
.mega__cta{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:#f6f7fb; border:1px solid #e7e9f2; border-radius:12px; padding:1rem}
.nav__item:hover>.mega{display:block}

/* Drawer (mobile) */
.drawer{position:fixed; inset:64px 0 0 0; background:#fff; transform:translateY(-110%); transition:transform .25s ease; border-top:1px solid #e7e9f2; z-index:55}
.drawer.is-open{transform:translateY(0)}
.drawer__nav ul{list-style:none; margin:0; padding:1rem}
.drawer__parent{display:flex; width:100%; justify-content:space-between; align-items:center; padding:.7rem 0; background:none; border:0; border-bottom:1px solid #f0f2f7; font-weight:600}
.drawer__children{display:none; padding:.25rem 0 .5rem .75rem}
.drawer__children a{display:block; padding:.45rem 0; color:#0b1221; text-decoration:none}
.drawer__group[aria-expanded="true"] .drawer__children{display:block}
.drawer__cta{display:flex; gap:.5rem; padding-top:.5rem}

/* Icons */
.i{width:18px; height:18px; fill:currentColor}

/* ===== Dark Footer (BDO-like) ===== */
.site-footer.-dark{color:#f3f5fb; background:#10141f}
.footer-cta{background:linear-gradient(180deg,#eef1f8, #e6ecfb)}
.footer-cta__inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 0}
.footer-body{background:#10141f; padding:2rem 0}
.footer-body__grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem}

.footer-brand .brand{color:#fff; text-decoration:none}
.footer-brand .muted{opacity:.8}
.newsletter{display:flex; gap:.5rem; margin-top:1rem}
.newsletter input{flex:1; border-radius:999px; border:1px solid #2a3144; background:#0f1420; color:#e8ecfb; padding:.6rem .9rem}
.newsletter .btn-accent{border:0}

.footer-col h4{margin:.25rem 0 .5rem; font-size:1rem}
.footer-col ul{list-style:disc; padding-left:1rem; margin:0}
.footer-col a{color:#dfe6ff; text-decoration:none}
.footer-col a:hover{text-decoration:underline}

.social{display:flex; gap:.6rem; list-style:none; padding:0; margin:1rem 0 0}
.social .i{width:20px; height:20px}

.foot-legal{border-top:1px solid #2a3144; background:#0b0f19}
.foot-legal__inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 0}
.legal-links{display:flex; gap:1rem; list-style:none; margin:0; padding:0}
.small{font-size:.9rem}
.muted{color:#90a0c0}

/* Utilities */
.container{width:min(1120px, 92%); margin-inline:auto}
.h3{font-size:1.25rem}

/* Responsive */
@media (max-width: 960px){
  .nav{display:none}
  .nav-toggle{display:block}
  .header-actions{display:none}
  .mega{display:none !important}
  .footer-body__grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .footer-cta__inner{flex-direction:column; align-items:flex-start}
  .footer-body__grid{grid-template-columns:1fr}
  .foot-legal__inner{flex-direction:column; align-items:flex-start; gap:.5rem}
}