footer {
  background: var(--ink); color: #fff;
  padding: 40px 72px;
  display: flex; align-items: center; gap: 28px;
}
footer .flogo { display: flex; align-items: center; gap: 10px; }
footer .flogo svg { width: 20px; height: 20px; }

.fcopy {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; color: #444; letter-spacing: .1em;
}

.flinks { display: flex; gap: 18px; margin-left: auto; }
.flinks a {
  font-size: 12px; color: #555; text-decoration: none;
  transition: color .2s;
}
.flinks a:hover { color: #fff; }

@media(max-width:700px) {
  footer { flex-direction: column; align-items: flex-start; padding: 32px 24px; gap: 14px; }
  .flinks { margin-left: 0; flex-wrap: wrap; }
}