@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-400.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-500.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/poppins-600.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-700.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
  color-scheme: light;
  --ink: #0b0b0b;
  --body: #4d4d4d;
  --line: rgb(11 11 11 / 10%);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body {
  margin: 0;
  color: var(--ink);
  background: radial-gradient(ellipse 950px 560px at 80% -120px, rgb(88 180 255 / 24%), transparent 75%) no-repeat, #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.625;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--ink); text-underline-offset: 4px; }
a:hover { color: #092e5d; }
a:focus-visible { outline: 3px solid #092e5d; outline-offset: 5px; border-radius: 2px; }
::selection { background: #d4eaff; color: var(--ink); }
p, h1, h2 { margin: 0; }
.container { width: min(100% - 40px, 1200px); margin-inline: auto; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 28px 12px; }
.brand { font-size: 22px; font-weight: 600; letter-spacing: -.03em; text-decoration: none; }
.contact-link { font-size: 14px; font-weight: 500; }
article { max-width: 920px; margin-inline: auto; padding-block: 80px; }
.article-header { padding-bottom: 40px; border-bottom: 1px solid var(--line); }
.eyebrow { color: var(--body); font-size: 14px; font-weight: 500; }
h1 { margin-top: 12px; font-size: 52px; line-height: 1.119; letter-spacing: -.0385em; font-weight: 700; text-wrap: balance; }
.introduction { margin-top: 20px; }
p, li { color: var(--body); }
.introduction p, section p { max-width: 75ch; }
.introduction p + p, section p + p { margin-top: 16px; }
.updated { margin-top: 16px; color: #666; font-size: 14px; }
.sections { padding-top: 40px; }
section + section { margin-top: 48px; }
h2 { font-size: 26px; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; text-wrap: pretty; }
section p { margin-top: 12px; }
ul { margin: 16px 0; padding-left: 24px; }
li + li { margin-top: 8px; }
.contact { border-radius: 16px; padding: 32px; background: rgb(11 11 11 / 4%); }
.contact a { font-weight: 500; overflow-wrap: anywhere; }
.site-footer { border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 32px; padding-block: 32px; font-size: 14px; }
.footer-inner .brand { margin-right: auto; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 10; padding: 12px 16px; background: #fff; transform: translateY(-200%); }
.skip-link:focus { transform: none; }
@media (max-width: 767px) {
  article { padding-top: 48px; }
  h1 { font-size: 44px; line-height: 1.123; letter-spacing: -.0273em; }
}
@media (max-width: 479px) {
  h1 { font-size: 36px; }
  h2 { font-size: 24px; }
  .contact { padding: 24px; }
  .footer-inner { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  body { background: #fff; }
  .site-header, .site-footer, .skip-link { display: none; }
  .container { width: 100%; }
  article { padding: 0; }
  h1 { font-size: 32px; }
  h2 { break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
  .contact { break-inside: avoid; }
}
