/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,251,252,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s,background .25s}
.site-header.scrolled{border-color:var(--border);box-shadow:0 1px 0 rgba(30,58,95,.04)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--navy);font-size:1.1rem;letter-spacing:-.01em}
.brand-mark{width:32px;height:32px}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{padding:10px 14px;border-radius:10px;font-size:.95rem;font-weight:500;color:var(--text);transition:color .2s,background .2s}
.nav-links a:hover{color:var(--navy);background:rgba(92,122,234,.08)}
.nav-links a.active{color:var(--navy)}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-toggle{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--border);align-items:center;justify-content:center;background:var(--card)}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--navy);position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--navy);transition:transform .25s}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}

@media (max-width:980px){
  .nav-links,.nav-cta .btn{display:none}
  .nav-toggle{display:inline-flex}
  .mobile-menu{position:fixed;inset:74px 0 0 0;background:var(--bg);transform:translateY(-110%);transition:transform .35s ease;padding:24px;z-index:40;border-top:1px solid var(--border)}
  .mobile-menu.open{transform:translateY(0)}
  .mobile-menu a{display:block;padding:16px 0;font-size:1.4rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--navy);border-bottom:1px dashed var(--border)}
  .mobile-menu .btn{margin-top:24px;width:100%}
}
@media (min-width:981px){.mobile-menu{display:none}}

/* ===== Footer ===== */
.site-footer{background:var(--navy);color:#cbd5e1;padding:80px 0 32px;margin-top:0;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at top,#000,transparent 70%);pointer-events:none}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;position:relative}
.site-footer h4{color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.site-footer a{color:#cbd5e1;font-size:.95rem;line-height:2;transition:color .2s}
.site-footer a:hover{color:var(--teal-2)}
.site-footer .brand{color:#fff;margin-bottom:16px}
.foot-about p{color:#94a3b8;font-size:.95rem;max-width:32ch}
.foot-bot{margin-top:64px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#94a3b8;font-size:.85rem;position:relative}
@media (max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}