.seo-site {
  min-height: 100vh;
  background: #fff;
  color: #111;
  font-family: "Inter Tight Variable", sans-serif;
  line-height: 1.5;
}
.seo-site * { box-sizing: border-box; }
.seo-site a { color: inherit; text-decoration: none; }
.seo-wrap { width: min(100% - 2.5rem, 72rem); margin-inline: auto; }
.seo-skip { position: absolute; left: -9999px; }
.seo-skip:focus { left: 1rem; top: 1rem; z-index: 100; background: #fff; padding: .7rem; border: 2px solid #ff6808; }
.seo-header { position: sticky; top: 0; z-index: 10; padding: 1rem 0; background: #fff; }
.seo-header-inner {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: .5rem 1.35rem;
  border: 1px solid #e5e4e0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 25px rgb(0 0 0 / 8%);
}
.seo-logo { display: flex; align-items: center; }
.seo-logo img { display: block; width: 142px; height: auto; }
.seo-crumbs { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding-top: 1.25rem; color: #62615e; font-size: .85rem; }
.seo-crumbs a:hover, .seo-footer a:hover { text-decoration: underline; text-underline-offset: .25em; }
.seo-footer { background: #111; color: #fff; padding: 4rem 0 3rem; }
.seo-footer .seo-wrap { display: grid; gap: 1.4rem; }
.seo-footer-logo { width: max-content; }
.seo-footer-logo img { display: block; width: 150px; height: auto; }
.seo-footer p { max-width: 38rem; margin: 0; color: #c8c8c8; font-size: .95rem; }
.seo-footer nav { display: flex; flex-wrap: wrap; gap: 1.5rem; font-size: .95rem; }
.seo-site :focus-visible { outline: 3px solid #4570ff; outline-offset: 3px; }
@media (max-width: 700px) {
  .seo-header { padding: .75rem 0; }
  .seo-header-inner { min-height: 3.5rem; }
}