/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */

footer {
  background: rgb(4, 4, 16);
  border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.foot-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 58px 28px 28px;
}

/* Five-column layout */
.foot-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 36px;
  margin-bottom: 46px;
}

/* Brand column */
.foot-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
}
.foot-logo-icon {
  width: 38px; height: 38px;
  background: var(--amber);
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-family: var(--ff-display);
  font-weight: 700;
  font-size: 19px;
  color: var(--blue);
}
.foot-logo-name {
  font-family: var(--ff-display);
  font-weight: 700;
  font-size: 21px;
  color: #fff;
}

.foot-desc {
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.8;
  margin-bottom: 18px;
}

.foot-badges { display: flex; gap: 7px; flex-wrap: wrap; }
.foot-badge  {
  font-family: var(--ff-mono);
  font-size: 9px;
  letter-spacing: 0.07em;
  padding: 5px 11px;
  border-radius: 6px;
}
.fb-amber { background: rgba(253,160,2,0.1);   border: 1px solid rgba(253,160,2,0.28); color: var(--amber); }
.fb-muted { background: rgba(255,255,255,0.055); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.44); }

/* Link columns */
.foot-col h4 {
  font-family: var(--ff-mono);
  font-size: 10px;
  color: var(--amber);
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  font-weight: 700;
}
.foot-links { display: flex; flex-direction: column; gap: 9px; }
.foot-links a {
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.2s;
}
.foot-links a:hover { color: #fff; }

/* Bottom bar */
.foot-divider { height: 1px; background: rgba(255, 255, 255, 0.055); margin-bottom: 22px; }
.foot-bottom  { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.foot-copy    { font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 0.28); }

/* Responsive */
@media (max-width: 900px) { .foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .foot-grid { grid-template-columns: 1fr; } }