/* AnomicFlip — site footer */
.site-foot { box-sizing: border-box; max-width: 1600px; margin: 64px auto 0; padding: 0 40px; color: #9a9ea6; }
.sf-top { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, auto); gap: 40px 64px; padding: 48px 0 40px; border-top: 1px solid #23272c; }
.sf-about { max-width: 520px; }
.sf-logo { width: 200px; height: 36px; margin-bottom: 18px; }
.sf-about p { margin: 0 0 16px; font-size: 16px; line-height: 1.8; }
.sf-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.sf-col h4 { margin: 4px 0 6px; color: #fff; font-size: 17px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.sf-col a { color: #9a9ea6; text-decoration: none; font-size: 16px; width: fit-content; transition: color .15s; }
.sf-col a:hover, .sf-col a:focus-visible { color: #fff; }
.sf-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding: 24px 0 32px; border-top: 1px solid #23272c; color: #5f646c; font-size: 15px; }
@media (max-width: 1100px) { .sf-top { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sf-about { grid-column: 1 / -1; max-width: none; } }
@media (max-width: 600px) { .site-foot { padding: 0 16px; } .sf-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; } }