/* Keep a scrolled bar solid so footer links cannot show through it. */
header.site-header.scrolled,
#mainNav.scrolled,
#mainNav.menu-open,
#nav.scrolled,
#nav.menu-open{
  background:#f9faff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
footer.site-foot{
  background:#111a33;
  color:#d5deef;
  padding:72px 0 0;
  overflow:hidden;
}
/* The marketing header styles every nav as a fixed bar. Footer columns are navs too, so pin them back into the footer. */
footer.site-foot nav{
  position:static;
  inset:auto;
  z-index:auto;
  display:block;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
footer.site-foot nav.site-foot-social{display:flex}
.site-foot a{color:inherit}
.site-foot-grid,
.site-foot-meta{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
}
.site-foot-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);
  gap:48px 64px;
  align-items:start;
}
.site-foot-intro p{
  max-width:360px;
  margin:0;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:600;
  color:#fff;
}
.site-foot-cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.site-foot-cols p{
  margin:0 0 14px;
  color:#b8c7ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.site-foot-cols a{
  display:block;
  margin:0 0 10px;
  font-size:14px;
  font-weight:500;
  color:#d5deef;
}
.site-foot-cols a:hover{color:#fff}
.site-foot-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:48px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.1);
}
.site-foot-meta p{
  margin:0;
  color:#8ea0c4;
  font-size:12px;
  line-height:1.5;
}
.site-foot-social{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.site-foot-social a{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
}
.site-foot-social a:hover{background:#3147b8;border-color:#3147b8}
.site-foot-social svg{width:16px;height:16px;display:block}
.site-foot-mark{
  display:flex;
  justify-content:center;
  margin-top:28px;
  padding:0 24px 36px;
  line-height:0;
}
.site-foot-mark img{
  display:block;
  width:min(420px, 78%);
  max-width:420px;
  height:auto;
  margin:0;
  filter:brightness(0) invert(1);
}
@media(max-width:800px){
  .site-foot-grid,.site-foot-cols{grid-template-columns:1fr}
  .site-foot-meta{align-items:flex-start;flex-direction:column}
  .site-foot-grid,.site-foot-meta{width:min(1120px,calc(100% - 40px))}
}