@font-face {
  font-family: Inter;
  src: url("/assets/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --ink: #1a1f3c;
  --muted: #545970;
  --line: #e1e2ec;
  font: 15px/1.6 Inter, system-ui, sans-serif;
  color: var(--ink);
}
body { margin: 0; }
.wrap { width: min(1080px, calc(100% - 40px)); margin-inline: auto; }
.bar { border-bottom: 1px solid var(--line); }
.bar .wrap { min-height: 65px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.bar img { display: block; }
a { color: inherit; font-weight: 600; text-underline-offset: .2em; }
:focus-visible { outline: 2px solid #3b82f6; outline-offset: 4px; }
.intro { background: #f6f6fb; border-bottom: 1px solid var(--line); padding-block: clamp(44px, 8vw, 72px); }
h1 { font-size: clamp(2.3rem, 5vw, 3.75rem); line-height: 1.12; letter-spacing: -.035em; }
h2 { font-size: 1.4rem; line-height: 1.2; }
h1, h2, p { margin: 0; }
p { margin-top: 12px; color: var(--muted); }
.content { padding-block: 38px; }