@layer resets {
  * {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  ul {
    margin: 0;
  }
  a {
    color: inherit;
  }
}



html {
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.6;
}
a {
  text-underline-offset: 3px;
}
:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 4px;
}
::selection {
  background: #e5e5e5;
}
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10;
  transform: translateY(-200%);
  padding: 10px 16px;
  background: #111111;
  color: #ffffff;
}
.skip-link:focus {
  transform: translateY(0);
}
.prose {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0;
  overflow-wrap: anywhere;
}
.prose h1 {
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 500;
  margin-bottom: 24px;
}
.prose h2 {
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  margin: 40px 0 14px;
}
.prose h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 24px 0 10px;
}
.prose p,
.prose ul,
.prose ol {
  margin: 16px 0;
  color: #444444;
}
.prose ul,
.prose ol {
  padding-left: 24px;
}
.prose li {
  margin: 8px 0;
}
.prose a {
  color: #111111;
}
.prose strong {
  color: #111111;
  font-weight: 600;
}
.prose hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 40px 0 20px;
}
.prose hr ~ p {
  font-size: 13px;
  color: #666666;
}

@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/geist.woff2") format("woff2"); }
body { font-family: Geist, sans-serif; color: #111; background: #fff; min-height: 100dvh; display: flex; flex-direction: column; padding: 48px 24px; }
main { flex-grow: 1; display: flex; align-items: center; justify-content: center; }
.card { display: flex; flex-direction: column; gap: 32px; max-width: 420px; width: 100%; }
.logo { width: 110px; height: 41px; }
.card h1 { font-size: 28px; line-height: 1.2; letter-spacing: -0.03em; font-weight: 500; }
.tagline { font-size: 16px; line-height: 1.6; color: #666; margin-top: -20px; }
.group { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 16px; line-height: 1.6; font-style: normal; }
address { color: #666; }
footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; padding-top: 48px; font-size: 13px; color: #666; }
footer a { color: #666; text-decoration: none; }
footer a:hover { color: #111; }
@media (max-width: 600px) { .card h1 { font-size: 24px; } }