/* SKYHEX shared footer — matches the home (design) footer.
   Self-contained (hardcoded colors, .sx-footer namespace) so it works on
   any page without depending on the design CSS variables. */
.sx-footer { background:#071536; color:rgba(255,255,255,.7); padding:56px 0 32px; font-size:13px; margin-top:80px; }
.sx-footer * { box-sizing:border-box; }
.sx-footer .sx-fc { max-width:1200px; margin:0 auto; padding:0 24px; }
.sx-footer .sx-grid { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:32px; margin-bottom:40px; }
.sx-footer .sx-brand img { height:32px; width:auto; filter:brightness(0) invert(1); }
.sx-footer .sx-brand p { margin:14px 0 0; line-height:1.6; color:rgba(255,255,255,.55); max-width:240px; }
.sx-footer .sx-credit { font-size:11.5px; color:rgba(255,255,255,.4); margin-top:14px; letter-spacing:.04em; font-weight:500; }
.sx-footer h5 { color:#fff; font-size:13px; font-weight:600; letter-spacing:.04em; margin:0 0 14px; text-transform:uppercase; }
.sx-footer ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.sx-footer ul a { color:rgba(255,255,255,.65); font-size:13px; text-decoration:none; transition:color .15s; }
.sx-footer ul a:hover { color:#fff; }
.sx-footer .sx-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:rgba(255,255,255,.45); }
.sx-footer .sx-bottom .sx-links { display:flex; gap:18px; }
.sx-footer .sx-bottom a { color:rgba(255,255,255,.45); text-decoration:none; }
.sx-footer .sx-bottom a:hover { color:#fff; }
@media (max-width:900px) { .sx-footer .sx-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) {
  .sx-footer .sx-grid { grid-template-columns:1fr; }
  .sx-footer .sx-bottom { flex-direction:column; gap:12px; align-items:flex-start; }
}