/* Shared site footer: home, compare, connect, terms, privacy. */
.site-foot{background:#000;color:oklch(1 0 0 / 0.62);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:.875rem;line-height:1.5;padding-block:64px 28px}
.site-foot .sf-wrap{width:min(1120px,100% - 48px);margin-inline:auto}
.site-foot a{color:oklch(1 0 0 / 0.72);text-decoration:none;margin:0}
.site-foot a:hover{color:#fff}
.site-foot a:focus-visible{outline:2px solid #2F8CFF;outline-offset:3px;border-radius:4px}
.sf-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:40px 32px;padding-bottom:48px}
.sf-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font-weight:600;font-size:1rem}
.sf-brand svg{width:28px;height:28px;border-radius:7px;flex:none}
.sf-blurb{margin:16px 0 20px;max-width:34ch;color:oklch(1 0 0 / 0.55)}
.sf-cta{display:inline-flex;align-items:center;height:40px;padding-inline:18px;border-radius:999px;background:linear-gradient(180deg,#4DA3FF 0%,#2F8CFF 100%);color:#fff!important;font-weight:500;box-shadow:inset 0 1px 0 oklch(1 0 0 / 0.3)}
.sf-cta:hover{filter:brightness(1.06)}
.sf-contact{margin:14px 0 0;color:oklch(1 0 0 / 0.5)}
.sf-contact a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:oklch(1 0 0 / 0.3)}
.sf-h{margin:4px 0 16px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:oklch(1 0 0 / 0.45)}
.site-foot li{margin:0}
.sf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.sf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:24px;border-top:1px solid oklch(1 0 0 / 0.12);color:oklch(1 0 0 / 0.45);font-size:.8125rem}
.sf-legal{display:flex;flex-wrap:wrap;gap:8px 20px}
.sf-legal a{color:oklch(1 0 0 / 0.55)}
@media (max-width:960px){
  .sf-grid{grid-template-columns:repeat(4,1fr)}
  .sf-about{grid-column:1 / -1}
  .sf-blurb{max-width:56ch}
}
@media (max-width:640px){
  .site-foot{padding-block:48px 24px}
  .site-foot .sf-wrap{width:calc(100% - 32px)}
  .sf-grid{grid-template-columns:1fr 1fr;gap:36px 24px}
  .sf-col ul{gap:12px}
  .sf-col a{display:inline-block;padding-block:2px}
}