.site-footer {
  position: relative;
  z-index: 5;
  overflow: hidden;
  margin-top: 0;
  border-top: 1px solid rgba(184, 211, 241, .12);
  color: #f7faff;
  background: #040912;
}

.site-footer,
.site-footer * { box-sizing: border-box; }

.site-footer__glow {
  position: absolute;
  width: 650px;
  height: 370px;
  left: 50%;
  top: -260px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(91,228,255,.12), transparent 68%);
  transform: translateX(-50%);
}

.site-footer__inner {
  position: relative;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  padding: 76px 0 28px;
}

.site-footer__brand {
  max-width: 420px;
}

.site-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #f7faff;
  text-decoration: none;
}

.site-footer__logo:hover { color: #f7faff; }
.site-footer__logo img { width: 54px; height: 54px; object-fit: contain; }
.site-footer__logo span { display: grid; line-height: 1.06; }
.site-footer__logo strong { font: 700 1.1rem "Space Grotesk", Manrope, sans-serif; letter-spacing: .14em; }
.site-footer__logo small { margin-top: 5px; color: #71849a; font-size: .68rem; }
.site-footer__brand p { max-width: 380px; margin: 18px 0 0; color: #8798ad; font: 500 .84rem/1.65 Manrope, sans-serif; }

.site-footer__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 30px;
  max-width: 650px;
  margin: -64px 0 70px auto;
}

.site-footer__links > div { display: grid; align-content: start; gap: 10px; }
.site-footer__links strong { margin-bottom: 4px; color: #f7faff; font: 800 .72rem Manrope, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.site-footer__links a { color: #8293a9; font: 700 .8rem Manrope, sans-serif; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.site-footer__links a:hover { color: #5be4ff; transform: translateX(3px); }

.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 23px;
  border-top: 1px solid rgba(184,211,241,.10);
  color: #617288;
  font: 600 .7rem Manrope, sans-serif;
}

@media (max-width: 800px) {
  .site-footer__inner { width: min(100% - 24px, 1320px); padding-top: 55px; }
  .site-footer__links { margin: 42px 0 55px; max-width: none; }
}

@media (max-width: 540px) {
  .site-footer__links { grid-template-columns: 1fr 1fr; }
  .site-footer__bottom { align-items: flex-start; flex-direction: column; }
}