/* Compact contact band and footer. Footer logo must not inherit navbar height. */
.cta-band { padding: 40px 0; }
.cta-inner { gap: 28px; }
.cta-inner h2 { font-size: clamp(27px, 2.6vw, 34px); line-height: 1.12; }
.cta-inner .cta-sub { margin-top: 10px; color: rgba(255,255,255,.74); }
.cta-actions { gap: 10px; }
.cta-actions a { max-width: 100%; white-space: normal; text-align: center; }
.site-footer { padding-top: 44px; color: rgba(255,255,255,.72); }
.footer-grid { grid-template-columns: 1.25fr 1.05fr .95fr 1.15fr; gap: 36px; align-items: start; padding-bottom: 40px; }
.footer-brand .nav-logo { display: inline-flex; height: auto; align-items: flex-start; margin: 0 0 14px; }
.footer-brand .nav-logo img { display: block; width: auto; height: 48px; }
.footer-brand p { max-width: 290px; margin: 0; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.68); }
.footer-grid h4 { margin: 0 0 14px; font-size: 11px; line-height: 1.4; color: rgba(255,255,255,.86); letter-spacing: 1.6px; }
.footer-grid ul li { margin-bottom: 7px; line-height: 1.55; }
.footer-grid ul li:last-child { margin-bottom: 0; }
.footer-grid ul a { color: rgba(255,255,255,.74); }
.footer-grid ul a:hover, .footer-grid ul a:focus-visible { color: #fff; }
.footer-contact a { overflow-wrap: anywhere; }
.footer-qr { width: 84px; height: 84px; margin-top: 16px; }
.footer-bottom { padding: 18px 0; }
.footer-bottom .container { gap: 12px 24px; color: rgba(255,255,255,.56); line-height: 1.6; }
@media (max-width: 1000px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 36px; }
}
@media (max-width: 767px) {
  .cta-band { padding: 30px 0; }
  .cta-inner { align-items: flex-start; flex-direction: column; gap: 22px; }
  .cta-actions { width: 100%; }
  .cta-actions a { width: 100%; }
  .site-footer { padding-top: 32px; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px 20px; padding-bottom: 30px; }
  .footer-brand, .footer-contact { grid-column: 1 / -1; }
  .footer-brand p { max-width: 100%; }
  .footer-brand .nav-logo img { height: 44px; }
  .footer-grid h4 { margin-bottom: 12px; }
  .footer-grid ul li { margin-bottom: 8px; }
  .footer-bottom .container { grid-template-columns: 1fr; gap: 8px; }
}
