/* ProsperNet Solutions — shared site styles: self-hosted fonts + top navigation */

@font-face{font-family:'Fraunces';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/fraunces-500.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/fraunces-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/inter-700.woff2) format('woff2')}
@font-face{font-family:'Sora';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/sora-700.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-500.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-500.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-600.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/spectral-600.woff2) format('woff2')}

/* Top navigation — sticky, in flow (matches the Visual System Map's .topnav so it never overlaps hero content) */
.topnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;padding:15px 32px;
  background:rgba(11,21,64,.80);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.09)}
.topnav .brand{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:18px;color:#fff;
  text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.navlinks{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto;align-items:center}
.navlinks a{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#C6CFEA;text-decoration:none;
  padding:8px 14px;border-radius:8px;transition:background .15s,color .15s}
.navlinks a:hover{color:#fff;background:rgba(255,255,255,.09)}
.navlinks a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.13)}
.navlinks a.navcta{background:#fff;color:#0B2140;font-weight:600}
.navlinks a.navcta:hover{background:#E9EBF6;color:#0B2140}
.navlinks a.navlogin{border:1px solid rgba(255,255,255,.28);color:#fff}
.navlinks a.navlogin:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.5)}
@media(max-width:600px){.topnav{padding:12px 18px}.navlinks a{padding:7px 10px;font-size:12.5px}}

/* Shared footer (site + legal pages) */
.site-footer{padding:38px 32px;border-top:1px solid rgba(11,21,64,.10);display:flex;justify-content:center;background:#fff}
.site-footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center;max-width:1060px;width:100%;font-family:'Inter',sans-serif;font-size:.9rem}
.site-footer>.wrap>span{font-weight:600;color:#0B2140}
.site-footer .copy{font-weight:400;color:#7C8AA1;margin-left:auto}
.site-footer a{color:#42506B;text-decoration:none}
.site-footer a:hover{color:#0047AA}

/* Dark mode — the shared footer (used by the generated toolkit/collection + legal pages). */
@media(prefers-color-scheme:dark){
  .site-footer{background:#0C1120;border-top-color:rgba(255,255,255,.10)}
  .site-footer>.wrap>span{color:#EAEEF8}
  .site-footer .copy{color:#8493AF}
  .site-footer a{color:#AAB6CE}
  .site-footer a:hover{color:#99A3F0}
}