/* Site footer: one definition, linked from every page. Colors are literal so it also works on the legal pages. */
.sf{border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding:48px 24px 28px;color:#a8a8b0;font-size:14.5px;line-height:1.5}
.sf-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr .7fr;gap:32px 40px;align-items:start}
.sf-brand p{margin:14px 0 18px;max-width:30ch;color:#a8a8b0}
.sf-logo{display:inline-flex;align-items:center;min-height:44px}.sf-logo img{height:28px;width:auto;display:block}
.sf-h{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#f5f5f7}
.sf ul{list-style:none;margin:0;padding:0}
.sf nav a{display:block;padding:5px 0;color:#a8a8b0;text-decoration:none;transition:color .15s}
.sf nav a:hover{color:#f5f5f7}
.sf a:focus-visible{outline:2px solid #6fb0ff;outline-offset:3px;border-radius:6px}
.sf-social{display:flex;flex-wrap:wrap;gap:8px}
.soc{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(111,176,255,.4);background:rgba(47,107,245,.14);color:#6fb0ff;transition:.15s}
a.soc:hover{background:#2f6bf5;color:#fff;border-color:#2f6bf5;box-shadow:0 0 18px rgba(47,107,245,.5)}
.soc.off{cursor:default}
.sf-bar{max-width:1200px;margin:36px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;font-size:13.5px;color:#8a8a93}
@media (max-width:1020px){.sf-in{grid-template-columns:repeat(4,1fr)}.sf-brand{grid-column:1/-1}}
@media (max-width:700px){.sf{padding:40px 20px 24px}.sf-in{grid-template-columns:1fr 1fr;gap:28px 20px}.sf-brand p{max-width:none}.sf-bar{flex-direction:column;margin-top:28px}}
@media (pointer:coarse){.sf nav a{padding:8px 0;min-height:44px;box-sizing:border-box;display:flex;align-items:center}.sf-social{gap:6px}.soc{width:40px;height:40px}}