/* site footer: every link, in columns, like a product company. Dark, so it runs on from the page with no seam. */
.sf{background:#0a0a0a;color:#fff;padding:72px 0 32px;font-family:'Geist',sans-serif}
.sf-in{width:min(1180px,calc(100% - 48px));margin:0 auto}
.sf-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)}
.sf-top img{height:34px;width:auto;filter:invert(1)}
.sf-top a.sf-cta{display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;background:#fff;color:#0a0a0a;font-weight:600;font-size:15px;text-decoration:none}
.sf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:40px 0}
.sf-cols h4{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.5)}
.sf-cols a,.sf-cols span{display:block;margin:0 0 10px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.85);text-decoration:none}
.sf-cols a:hover{text-decoration:underline}
.sf-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.5)}
.sf-base a{color:rgba(255,255,255,.7);text-decoration:none;margin-left:20px}
.sf-base a:hover{text-decoration:underline}
@media (max-width:980px){
  .sf{padding-top:40px}
  .sf-top{flex-direction:column;align-items:flex-start}
  .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .sf-base a{margin:0 16px 0 0}
}