.site-footer {
  position:relative;
  overflow:hidden;
  padding:48px 0 44px;
  background:
    radial-gradient(circle at 93% -34%,rgba(83,185,151,.22) 0 175px,transparent 176px),
    linear-gradient(135deg,#092f48 0%,#073f50 53%,#08716d 100%);
  color:#e9faf7;
}

.site-footer::before {
  position:absolute;
  bottom:-57px;
  left:6%;
  width:176px;
  height:176px;
  border:19px solid rgba(255,255,255,.08);
  border-radius:50%;
  content:"";
}

.site-footer__inner {
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(430px,1.2fr);
  align-items:end;
  gap:70px;
}

.site-footer__brand p {
  margin:7px 0 0;
  color:rgba(233,250,247,.76);
  font-size:13px;
  font-weight:600;
  line-height:1.48;
}

.site-footer__logo {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
  color:#fff;
  font-size:19px;
  font-weight:800;
  letter-spacing:-.65px;
  text-decoration:none;
}

.site-footer__mark {
  width:36px;
  height:36px;
  border-radius:23px 5px 23px 5px;
  background:linear-gradient(140deg,#4be2d4 48%,#0ea69f 49%);
  box-shadow:inset -7px -6px 0 #d6f8f3;
  transform:rotate(-25deg);
}

.site-footer__links {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 30px;
}

.site-footer__links a {
  width:max-content;
  max-width:100%;
  color:rgba(233,250,247,.84);
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  text-decoration-color:rgba(233,250,247,.33);
  text-underline-offset:4px;
  transition:color .2s,text-decoration-color .2s;
}

.site-footer__links a:hover {
  color:#fff;
  text-decoration-color:#ff9b70;
}

@media (max-width:900px) {
  .site-footer { padding:42px 0 39px; }
  .site-footer__inner { grid-template-columns:1fr; align-items:start; gap:29px; max-width:670px; }
}

@media (max-width:600px) {
  .site-footer { padding:34px 0 32px; }
  .site-footer::before { bottom:-78px; left:-49px; width:145px; height:145px; border-width:15px; }
  .site-footer__inner { gap:24px; }
  .site-footer__logo { gap:10px; margin-bottom:6px; font-size:16px; }
  .site-footer__mark { width:31px; height:31px; }
  .site-footer__brand p { margin-top:5px; font-size:11px; }
  .site-footer__links { grid-template-columns:1fr; gap:9px; }
  .site-footer__links a { font-size:12px; }
}