/* Shared site footer — identical on every page. Self-contained (literal colors,
   own container width, namespaced .site-footer) so it renders the same regardless
   of which page or stylesheet context it sits in. */
.site-footer{background:#070708;color:rgba(246,244,239,.62);padding:56px 0 40px;font-family:'Inter',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.site-footer *{box-sizing:border-box}
.site-footer .sf-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.site-footer a{color:rgba(246,244,239,.78);text-decoration:none;transition:color .2s}
.site-footer a:hover{color:#fff;text-decoration:none}

.site-footer .sf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.site-footer .sf-brand{display:inline-flex;align-items:center;gap:10px;color:#F6F4EF;font-family:'Sora',system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.02em;margin-bottom:14px}
.site-footer .sf-brand:hover{color:#F6F4EF}
.site-footer .sf-brand svg{display:block;flex:none}
.site-footer .sf-tag{font-size:14px;max-width:300px;line-height:1.6;color:rgba(246,244,239,.62)}

.site-footer .sf-cols{display:flex;gap:64px;flex-wrap:wrap}
.site-footer .sf-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,244,239,.62);margin:0 0 16px}
.site-footer .sf-col a{display:block;font-size:14.5px;margin-bottom:11px}

.site-footer .sf-compare{border-top:1px solid rgba(255,255,255,.10);margin-bottom:36px;padding-top:30px}
.site-footer .sf-compare h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,244,239,.62);margin:0 0 16px}
.site-footer .sf-cmp-links{display:flex;flex-wrap:wrap;gap:10px}
.site-footer .sf-cmp-links a{font-size:13px;border:1px solid rgba(255,255,255,.10);padding:7px 13px;border-radius:999px;transition:color .2s,border-color .2s}
.site-footer .sf-cmp-links a:hover{border-color:#FF5A1F}
.site-footer .sf-cmp-links a.all{color:#FF5A1F;border-color:rgba(255,90,31,.4)}

.site-footer .sf-bottom{border-top:1px solid rgba(255,255,255,.10);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(246,244,239,.62)}

@media(max-width:680px){
  .site-footer{padding:44px 0 32px}
  .site-footer .sf-cols{gap:36px}
}