.mj-footer { margin-top: 36px; color: #d9dee9; background: #151b26; }
.mj-footer__grid { display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 44px; padding-block: 50px; }
.mj-footer h2 { margin: 0 0 15px; color: #fff; font-size: 1rem; }
.mj-footer p { color: #aeb7c6; font-size: .9rem; }
.mj-footer__brand p { max-width: 390px; }
.mj-logo--footer { margin-bottom: 16px; }
.mj-logo--footer .mj-logo__mark { width: 42px; height: 42px; }
.mj-footer-menu { margin: 0; padding: 0; list-style: none; }
.mj-footer-menu li + li { margin-top: 8px; }
.mj-footer-menu a { color: #aeb7c6; font-size: .9rem; }
.mj-footer-menu a:hover, .mj-footer__link:hover { color: #fff; }
.mj-footer__link { color: #fff; font-size: .9rem; }
.mj-footer__bottom { padding: 16px 0; color: #98a2b3; background: #0d121a; border-top: 1px solid rgb(255 255 255 / 7%); font-size: .82rem; }
.mj-line-float { position: fixed; right: 24px; bottom: 24px; z-index: 300; display: grid; width: 56px; height: 56px; place-items: center; color: #fff; background: #06c755; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 8px 24px rgb(0 0 0 / 18%); font-size: .76rem; font-weight: 900; }
.mj-line-float:hover { color: #fff; transform: translateY(-2px); }