.header { max-width: 1440px; padding-left: 32px; padding-right: 32px; }
.header .official-logo { width: 270px; }
.header nav { gap: 19px; }
.header nav a { white-space: nowrap; font-size: 12px; }
.site-footer { display: block; min-height: 0; padding: 68px max(32px, 5vw) 24px; color: #a9bac5; background: #061f31; }
.footer-inner { width: 100%; max-width: 1320px; margin: auto; display: grid; grid-template-columns: 1.7fr repeat(5, 1fr); gap: 34px; align-items: start; }
.footer-intro { padding-right: 22px; }
.footer-intro .official-logo { width: 285px; }
.footer-brand-built { display: flex; align-items: center; gap: 14px; color: #fff; }
.footer-hc { display: grid; place-items: center; width: 58px; height: 58px; flex: 0 0 58px; border: 3px solid #fff; border-radius: 50%; font-size: 23px; font-weight: 800; letter-spacing: -1px; }
.footer-brand-words { display: flex; flex-direction: column; line-height: 1; }
.footer-brand-words strong { color: #fff; font-size: 23px; letter-spacing: -.8px; }
.footer-brand-words small { margin-top: 9px; color: #9fb0bc; font-size: 7px; font-weight: 800; letter-spacing: 1.55px; white-space: nowrap; }
.site-footer .footer-intro p { margin: 22px 0 0; text-align: left; color: #a9bac5; font-size: 13px; line-height: 1.75; }
.footer-column { display: flex; flex-direction: column; gap: 11px; }
.footer-column h3 { margin: 5px 0 9px; color: #fff; font-size: 13px; }
.footer-column a { color: #a9bac5; font-size: 11px; line-height: 1.45; }
.footer-column a:hover { color: #42d4c1; }
.footer-bottom { max-width: 1320px; margin: 45px auto 0; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid #ffffff18; color: #738d9b; font-size: 10px; }
@media (max-width: 1120px) { .header nav { display: none; } .footer-inner { grid-template-columns: repeat(3, 1fr); } .footer-intro { grid-column: span 3; } }
@media (max-width: 640px) { .header .official-logo { width: 205px; } .footer-inner { grid-template-columns: repeat(2, 1fr); gap: 34px 24px; } .footer-intro { grid-column: span 2; } .footer-hc { width: 50px; height: 50px; flex-basis: 50px; font-size: 20px; } .footer-brand-words strong { font-size: 20px; } .footer-brand-words small { font-size: 5.8px; letter-spacing: 1px; } .footer-bottom { gap: 14px; flex-direction: column; } }