.site-foot { background: var(--navy-900); color: #cfd0e6; }
.foot-top { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 0.6fr)) max-content; gap: 2rem; padding-block: 4.5rem 3.5rem; }
.site-foot .brand-name b { color: #fff; }
.site-foot .brand-name small { color: #a7a8cc; }
.foot-about { margin-top: 1.2rem; max-width: 26rem; font-size: 1rem; line-height: 1.7; color: #a7a8cc; }
.foot-col h4 { font-family: var(--f-head); font-size: 1.05rem; font-weight: 600; color: var(--orange); letter-spacing: 0; }
.foot-col ul { margin-top: 1.1rem; display: grid; gap: 0.75rem; }
.foot-col a { color: #e1e1f0; font-size: 1rem; transition: color 0.2s ease; }
.foot-col a:hover { color: #fff; }
.foot-contact a { display: inline-flex; align-items: center; gap: 0.6rem; white-space: nowrap; }
.foot-contact .i { flex: none; width: 18px; height: 18px; color: var(--orange); }
.foot-bot {
  border-top: 1px solid rgba(255, 255, 255, 0.1); padding-block: 1.5rem;
  display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: 0.95rem; color: #a7a8cc;
}
.foot-bot b { color: var(--orange); font-weight: 600; }
.foot-credit b { text-underline-offset: 3px; transition: color 0.2s; }
.foot-credit:hover b, .foot-credit:focus-visible b { color: var(--orange-600); text-decoration: underline; }

@media (max-width: 1100px) {
  .foot-top { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .foot-brand, .foot-contact { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .foot-top { grid-template-columns: 1fr 1fr; }
  .foot-col:nth-child(4) { grid-column: 1 / -1; }
  .foot-contact a { white-space: normal; overflow-wrap: anywhere; }
}