site-footer { display: block; }
site-footer .site-footer { border-top: 1px solid #e3e7ed; color: #001d5c; font: 15px/1.6 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 0; padding: 64px max(24px, calc((100% - 1240px) / 2)) 32px; }
site-footer .footer-grid { display: grid; gap: 48px; grid-template-columns: 1.4fr repeat(3, .8fr) 1.2fr; }
site-footer .footer-grid > div { align-items: stretch; display: flex; flex-direction: column; gap: 12px; }
site-footer .footer-grid strong { font-size: 14px; margin-bottom: 8px; }
site-footer .footer-grid a, site-footer .footer-grid p { color: #53627a; font-size: 14px; margin: 0; text-decoration: none; }
site-footer .footer-about p { line-height: 1.65; max-width: 280px; }
site-footer .footer-about .brand { align-items: center; display: flex; gap: 12px; }
site-footer .footer-about .brand .brand-name { color: #03172f; display: flex; font-family: 'Inter', sans-serif; font-size: 19px; font-weight: 600; letter-spacing: .18em; }
site-footer .footer-about .brand .brand-name__accent { color: #c58c35; }
site-footer .footer-about .brand img { height: 42px; max-width: 52px; object-fit: contain; }
site-footer .socials { display: flex; flex-direction: row; gap: 8px; margin-top: 4px; }
site-footer .socials a { background: #f1f2f3; border-radius: 50%; display: grid; height: 32px; place-items: center; width: 32px; }
site-footer .newsletter form { display: flex; margin-top: 6px; }
site-footer .newsletter input { background: #f8fafc; border: 1px solid #e1e4e8; border-radius: 22px; font: inherit; height: 44px; min-width: 0; padding: 0 16px; width: 100%; }
site-footer .newsletter button { background: #001d5c; border: 0; border-radius: 50%; color: #fff; font: inherit; height: 44px; margin-left: -44px; width: 44px; z-index: 1; }
site-footer .legal { border-top: 1px solid #e3e7ed; color: #8490a1; display: flex; font-size: 13px; justify-content: space-between; margin-top: 48px; padding-top: 24px; }
site-footer .legal span:last-child { display: flex; gap: 24px; }
site-footer .legal a { color: #8490a1; text-decoration: none; }
site-footer .sr-only { clip: rect(0, 0, 0, 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

@media (max-width: 1000px) {
  site-footer .footer-grid { gap: 28px; grid-template-columns: 1.2fr repeat(3, .7fr); }
  site-footer .newsletter { grid-column: 1 / -1; max-width: 360px; }
}

@media (max-width: 680px) {
  site-footer .site-footer { padding-left: 20px; padding-right: 20px; }
  site-footer .footer-grid { grid-template-columns: 1fr 1fr; }
  site-footer .footer-about, site-footer .newsletter { grid-column: 1 / -1; }
  site-footer .legal { align-items: flex-start; flex-direction: column; gap: 16px; }
  site-footer .legal span:last-child { flex-wrap: wrap; gap: 10px 18px; }
}