.site-footer {
  position: relative;
  overflow: hidden;
  padding: 72px 0 36px;
  color: #d0d2dc;
  background:
    radial-gradient(circle at 14% 18%, rgba(99,105,183,.28), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(99,105,183,.22), transparent 30%),
    radial-gradient(circle at 55% 0%, rgba(255,255,255,.06), transparent 34%),
    linear-gradient(135deg, #252736 0%, #1d1d1d 44%, #20222d 100%);
}
.site-footer::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 112px 112px, 34px 34px, 34px 34px;
  mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
  opacity: .7;
}
.suite-footer-content { position: relative; z-index: 1; }
.suite-footer-grid { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 28px; }
.suite-footer-brand img { display: block; max-width: 100%; height: auto; }
.suite-footer-brand p { font-size: 14px; line-height: 1.7; max-width: 260px; margin: 20px 0 0; }
.suite-footer-grid nav { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; }
.suite-footer-grid h2 { color: #b3baff; font-size: 13px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 0; }
.suite-footer-content a { color: #e3e4eb; text-decoration: none; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.suite-footer-content a:hover { color: #aab7ff; }
.suite-footer-content a:focus-visible { outline: 2px solid #aab7ff; outline-offset: 5px; }
.suite-footer-contacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20; margin-top: 48px; padding: 28px 0; }
.suite-footer-contacts a { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; border: 1px solid #ffffff20; border-radius: 8px; background: #ffffff04; }
.suite-footer-contacts span { color: #b3baff; font-size: 12px; }
.suite-footer-contacts strong { font-size: 15px; font-weight: 600; }
.suite-footer-bottom { padding-top: 28px; text-align: center; }
.suite-footer-bottom nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 28px; }
.suite-footer-bottom p { margin: 22px 0 0; font-size: 13px; color: #adb1c1; }
@media (max-width: 980px) {
  .suite-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  .suite-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  .site-footer { padding: 48px 0 28px; }
  .suite-footer-contacts { grid-template-columns: 1fr; }
  .suite-footer-grid { gap: 32px 18px; }
}