html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; background: var(--page-bg, #ffffff); color: #54595F; font-family: "Inter", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
h1, h2, h3, h4 { font-family: "Inter", sans-serif; }
a { color: #922ECD; text-decoration: none; }
a:hover { color: #9b51e0; }
::selection { background: rgba(146,46,205,.25); }
:focus-visible { outline: 2px solid #9b51e0; outline-offset: 3px; }

.site-footer { background: #000000; border-top: 1px solid color-mix(in srgb, #e9e9ed 16%, transparent); }
.site-footer__inner {
  max-width: 1200px; margin: 0 auto; padding: 40px 24px;
  display: grid; grid-template-columns: 1fr auto;
  grid-template-areas:
    "copy   tag"
    "links  brand"
    "legal  social";
  column-gap: clamp(24px, 4vw, 56px); row-gap: 14px;
  align-items: start;
  font-size: 13px; line-height: 1.7; font-weight: 400;
  color: color-mix(in srgb, #e9e9ed 52%, transparent);
}
.site-footer__copy { grid-area: copy; }
.site-footer__tag { grid-area: tag; color: color-mix(in srgb, #e9e9ed 40%, transparent); }
.site-footer__brand { grid-area: brand; color: color-mix(in srgb, #e9e9ed 40%, transparent); }
.site-footer__social { grid-area: social; display: flex; gap: 16px; align-items: center; color: color-mix(in srgb, #e9e9ed 40%, transparent); }
.site-footer__social a { display: inline-flex; }
.site-footer__social svg { display: block; width: 18px; height: 18px; }
.site-footer__links { grid-area: links; display: flex; flex-wrap: wrap; gap: 26px; }
.site-footer__legal { grid-area: legal; display: flex; flex-wrap: wrap; gap: 22px; color: color-mix(in srgb, #e9e9ed 40%, transparent); }
.site-footer a { color: inherit; text-decoration: none; text-underline-offset: 3px; transition: color .2s ease; }
.site-footer a:hover { color: #9b51e0; }
.site-footer__tag, .site-footer__brand, .site-footer__social { justify-self: end; text-align: right; }
@media (max-width: 700px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "social" "copy" "tag" "brand" "links" "legal";
    row-gap: 16px;
  }
  .site-footer__tag, .site-footer__brand, .site-footer__social { justify-self: start; text-align: left; }
}