/* ISET uniform site chrome — the /sandbox design language.
   Selectors are html-body-prefixed + !important so this file wins the
   cascade regardless of stylesheet order on any page. */

/* ── the nav: dark, sticky, blurred — identical on every page ── */
html body header.top{
  position:sticky!important;top:0!important;z-index:80!important;
  background:rgba(6,13,34,.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.2)!important;
  backdrop-filter:blur(14px) saturate(1.2)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
html body header.top .inner{
  max-width:1240px!important;margin:0 auto!important;width:100%!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;padding:12px 20px!important;flex-wrap:nowrap!important;
}
html body header.top .brand{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:12px!important;flex-wrap:nowrap!important;height:auto!important;margin:0!important;
}
html body header.top .brand img{height:22px!important;width:auto!important;display:block!important}
html body header.top .brand .sub,
html body header.top .brand span.sub{
  display:inline-block!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:9.5px!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:600!important;color:#5b8aff!important;
  background:none!important;border-right:0!important;border-top:0!important;border-bottom:0!important;
  border-left:1px solid rgba(255,255,255,.22)!important;
  padding:2px 0 2px 12px!important;margin:0!important;
  white-space:nowrap!important;line-height:1.4!important;
}
html body header.top nav{
  display:flex!important;align-items:center!important;gap:20px!important;
  flex-wrap:nowrap!important;margin:0!important;
  background:none!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;
}
html body header.top nav a,
html body header.top nav button{
  color:rgba(255,255,255,.78)!important;
  background:none!important;border:0!important;box-shadow:none!important;outline-offset:3px!important;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  font-size:13px!important;font-weight:600!important;
  margin:0!important;padding:4px 2px!important;
  text-transform:none!important;letter-spacing:normal!important;
  text-decoration:none!important;
  transition:color .2s!important;white-space:nowrap!important;border-radius:0!important;
}
html body header.top nav a:hover,
html body header.top nav button:hover{
  color:#fff!important;background:none!important;border:0!important;box-shadow:none!important;
  text-decoration:none!important;
}
@media(max-width:760px){
  html body header.top .brand .sub{display:none!important}
  html body header.top nav{gap:12px!important;overflow-x:auto!important;scrollbar-width:none}
  html body header.top nav::-webkit-scrollbar{display:none}
  html body header.top nav a{font-size:11.5px!important}
}

/* ── the hero band: one dark gradient statement on every page ── */
html body .hero{
  background:
    radial-gradient(900px 420px at 82% -15%, rgba(91,138,255,.20), transparent 60%),
    linear-gradient(135deg,#0b1f4d 0%,#143a8c 52%,#0a1530 100%)!important;
  color:#fff!important;
}
html body .hero .eyebrow{
  color:#5b8aff!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  letter-spacing:.2em!important;
}
html body .hero h1,html body .hero h2{color:#fff!important}
html body .hero p,html body .hero .lead,html body .hero .lede,html body .hero p.subline{
  color:rgba(255,255,255,.78)!important;
  border-top-color:rgba(255,255,255,.14)!important;
}