footer{border-top:1px solid var(--line);padding:64px 0 40px;font-size:14px;color:var(--mut)}
.fg{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}
footer h4{color:var(--fg);margin:0 0 14px;font-size:12px}footer a{display:block;text-decoration:none;padding:5px 0}footer a:hover{color:var(--fg)}footer .logo{display:flex;padding:0}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px}

.apps{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;margin-bottom:52px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,var(--s1),#0b0b0e)}
.apps p{margin:0;flex:1 1 260px;font-size:14px}.apps p b{color:var(--fg)}
footer a.sb2{display:flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #3a3a44;border-radius:6px;background:var(--s2);color:var(--fg);transition:transform .2s,border-color .2s}
footer a.sb2:hover{transform:translateY(-2px);border-color:#8a8a96}
.sb2 svg{width:22px;height:22px;fill:currentColor}.sb2 i{font-style:normal;font-size:10px;line-height:1.15;color:var(--mut)}.sb2 i b{display:block;font-size:14px;color:var(--fg)}
.fwm{width:100%;aspect-ratio:520/70;margin-top:48px;-webkit-mask:url(../img/wordmark.svg) center/contain no-repeat;mask:url(../img/wordmark.svg) center/contain no-repeat;background:linear-gradient(105deg,#1c1c22 0%,#3a3a44 35%,#fff 48%,#8a8a96 54%,#2a2a32 70%,#1c1c22 100%) 0 0/260% 100%;animation:fwm 7s linear infinite}
@keyframes fwm{to{background-position:-260% 0}}