nav[data-astro-cid-pux6a34n] {
  padding: var(--space-xs-s) var(--space-m-l);
  background-image: radial-gradient(circle, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 2px, transparent 2px);
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  font-family: Inter, sans-serif;
  font-size: var(--step-0);
  row-gap: var(--space-s-m);
  background-position: center;
  background-size: 2.5rem 2.5rem;
  flex-direction: column;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

section[data-astro-cid-pux6a34n] {
  display: flex;
}

#logo[data-astro-cid-pux6a34n] {
  justify-content: center;
}

#logo[data-astro-cid-pux6a34n] [data-astro-cid-pux6a34n][data-icon] {
  width: calc(var(--space-2xl-3xl) * 1.25);
  height: calc(var(--space-2xl-3xl) * 1.25);
}

#socials[data-astro-cid-pux6a34n] {
  column-gap: var(--space-xs);
  display: flex;
}

#links[data-astro-cid-pux6a34n] {
  justify-content: center;
  gap: var(--space-xs) var(--space-m-l);
  outline: none;
  flex-flow: wrap;
  font-weight: 700;
  line-height: 120%;
}
@layer harmony.blue {
  :root {
    --blue-50: #f8fcfe;
    --blue-100: #eaf5fe;
    --blue-200: #cbe8fd;
    --blue-300: #9fd5fc;
    --blue-400: #6fc2fa;
    --blue-500: #2caff9;
    --blue-600: #0c8aca;
    --blue-700: #0a6fa3;
    --blue-800: #054f75;
    --blue-900: #03314a;
    --blue-950: #011523;
  }

  @supports (color: oklch(0% 0 0)) {
    @media (color-gamut: p3) {
      :root {
        --blue-50: oklch(.988281 .0046875 240);
        --blue-100: oklch(.964844 .0171875 240);
        --blue-200: oklch(.916016 .0421875 240);
        --blue-300: oklch(.849609 .078125 240);
        --blue-400: oklch(.783203 .114063 240);
        --blue-500: oklch(.71875 .151562 240);
        --blue-600: oklch(.605469 .135937 240);
        --blue-700: oklch(.517578 .115625 240);
        --blue-800: oklch(.40625 .090625 240);
        --blue-900: oklch(.296875 .065625 240);
        --blue-950: oklch(.1875 .040625 240);
      }
    }
  }
}

@layer harmony.neutral {
  :root {
    --neutral-50: #fbfbfb;
    --neutral-100: #f3f3f3;
    --neutral-200: #e4e4e4;
    --neutral-300: #cfcfcf;
    --neutral-400: #bababa;
    --neutral-500: #a6a6a6;
    --neutral-600: #838383;
    --neutral-700: #6a6a6a;
    --neutral-800: #4b4b4b;
    --neutral-900: #2e2e2e;
    --neutral-950: #141414;
  }

  @supports (color: oklch(0% 0 0)) {
    @media (color-gamut: p3) {
      :root {
        --neutral-50: oklch(.988281 0 0);
        --neutral-100: oklch(.964844 0 0);
        --neutral-200: oklch(.917969 0 0);
        --neutral-300: oklch(.853516 0 0);
        --neutral-400: oklch(.789063 0 0);
        --neutral-500: oklch(.726563 0 0);
        --neutral-600: oklch(.611328 0 0);
        --neutral-700: oklch(.523438 0 0);
        --neutral-800: oklch(.412109 0 0);
        --neutral-900: oklch(.300781 0 0);
        --neutral-950: oklch(.193359 0 0);
      }
    }
  }
}

@layer harmony.orange {
  :root {
    --orange-50: #fefaf9;
    --orange-100: #fff1eb;
    --orange-200: #ffddcf;
    --orange-300: #fec1a8;
    --orange-400: #fba581;
    --orange-500: #f88756;
    --orange-600: #c9683d;
    --orange-700: #a25330;
    --orange-800: #743a20;
    --orange-900: #4a2211;
    --orange-950: #230d05;
  }

  @supports (color: oklch(0% 0 0)) {
    @media (color-gamut: p3) {
      :root {
        --orange-50: oklch(.988281 .0046875 43.3333);
        --orange-100: oklch(.966797 .0171875 43.3333);
        --orange-200: oklch(.921875 .0421875 43.3333);
        --orange-300: oklch(.859375 .078125 43.3333);
        --orange-400: oklch(.798828 .114063 43.3333);
        --orange-500: oklch(.738281 .151562 43.3333);
        --orange-600: oklch(.623047 .135937 43.3333);
        --orange-700: oklch(.53125 .115625 43.3333);
        --orange-800: oklch(.417969 .090625 43.3333);
        --orange-900: oklch(.304688 .065625 43.3333);
        --orange-950: oklch(.191406 .040625 43.3333);
      }
    }
  }
}

@layer harmony.rose {
  :root {
    --rose-50: #fefafb;
    --rose-100: #fff0f3;
    --rose-200: #ffdbe5;
    --rose-300: #febdd0;
    --rose-400: #fb9fbb;
    --rose-500: #f780a8;
    --rose-600: #c86185;
    --rose-700: #a24d6a;
    --rose-800: #74364b;
    --rose-900: #49202e;
    --rose-950: #230c14;
  }

  @supports (color: oklch(0% 0 0)) {
    @media (color-gamut: p3) {
      :root {
        --rose-50: oklch(.988281 .0046875 0);
        --rose-100: oklch(.966797 .0171875 0);
        --rose-200: oklch(.923828 .0421875 0);
        --rose-300: oklch(.863281 .078125 0);
        --rose-400: oklch(.802734 .114063 0);
        --rose-500: oklch(.744141 .151562 0);
        --rose-600: oklch(.626953 .135937 0);
        --rose-700: oklch(.535156 .115625 0);
        --rose-800: oklch(.419922 .090625 0);
        --rose-900: oklch(.306641 .065625 0);
        --rose-950: oklch(.193359 .040625 0);
      }
    }
  }
}

@layer harmony.teal {
  :root {
    --teal-50: #f9fcfa;
    --teal-100: #e9f7ef;
    --teal-200: #cbebd8;
    --teal-300: #9fdcba;
    --teal-400: #6ecc9d;
    --teal-500: #23bc7f;
    --teal-600: #009662;
    --teal-700: #00794e;
    --teal-800: #005636;
    --teal-900: #003520;
    --teal-950: #00180c;
  }

  @supports (color: oklch(0% 0 0)) {
    @media (color-gamut: p3) {
      :root {
        --teal-50: oklch(.988281 .0046875 160);
        --teal-100: oklch(.962891 .0171875 160);
        --teal-200: oklch(.912109 .0421875 160);
        --teal-300: oklch(.84375 .078125 160);
        --teal-400: oklch(.775391 .114063 160);
        --teal-500: oklch(.705078 .151562 160);
        --teal-600: oklch(.59375 .135937 160);
        --teal-700: oklch(.507813 .115625 160);
        --teal-800: oklch(.398438 .090625 160);
        --teal-900: oklch(.291016 .065625 160);
        --teal-950: oklch(.183594 .040625 160);
      }
    }
  }
}

@layer reset {
  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    -moz-text-size-adjust: none;
    text-size-adjust: none;
  }

  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: unset;
    font-weight: unset;
    font-size: unset;
  }

  body {
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    line-height: 1.5;
  }

  img, picture, video, canvas, svg {
    max-width: 100%;
    display: block;
  }

  input, button, textarea, select {
    font: inherit;
  }

  a:not([class]) {
    text-decoration-skip-ink: auto;
    color: currentColor;
    text-decoration: none;
  }

  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }

    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
}

@layer utopia {
  :root {
    --step--2: clamp(.7813rem, .7759rem + .0261cqi, .8rem);
    --step--1: clamp(.9375rem, .9196rem + .087cqi, 1rem);
    --step-0: clamp(1.125rem, 1.0891rem + .1739cqi, 1.25rem);
    --step-1: clamp(1.35rem, 1.289rem + .2957cqi, 1.5625rem);
    --step-2: clamp(1.62rem, 1.5244rem + .4635cqi, 1.9531rem);
    --step-3: clamp(1.944rem, 1.8013rem + .692cqi, 2.4414rem);
    --step-4: clamp(2.3328rem, 2.1265rem + 1.0003cqi, 3.0518rem);
    --step-5: clamp(2.7994rem, 2.508rem + 1.4126cqi, 3.8147rem);
    --space-3xs: clamp(.3125rem, .3125rem + 0cqi, .3125rem);
    --space-2xs: clamp(.5625rem, .5446rem + .087cqi, .625rem);
    --space-xs: clamp(.875rem, .8571rem + .087cqi, .9375rem);
    --space-s: clamp(1.125rem, 1.0891rem + .1739cqi, 1.25rem);
    --space-m: clamp(1.6875rem, 1.6337rem + .2609cqi, 1.875rem);
    --space-l: clamp(2.25rem, 2.1783rem + .3478cqi, 2.5rem);
    --space-xl: clamp(3.375rem, 3.2674rem + .5217cqi, 3.75rem);
    --space-2xl: clamp(4.5rem, 4.3565rem + .6957cqi, 5rem);
    --space-3xl: clamp(6.75rem, 6.5348rem + 1.0435cqi, 7.5rem);
    --space-3xs-2xs: clamp(.3125rem, .2228rem + .4348cqi, .625rem);
    --space-2xs-xs: clamp(.5625rem, .4549rem + .5217cqi, .9375rem);
    --space-xs-s: clamp(.875rem, .7674rem + .5217cqi, 1.25rem);
    --space-s-m: clamp(1.125rem, .9098rem + 1.0435cqi, 1.875rem);
    --space-m-l: clamp(1.6875rem, 1.4543rem + 1.1304cqi, 2.5rem);
    --space-l-xl: clamp(2.25rem, 1.8196rem + 2.087cqi, 3.75rem);
    --space-xl-2xl: clamp(3.375rem, 2.9087rem + 2.2609cqi, 5rem);
    --space-2xl-3xl: clamp(4.5rem, 3.6391rem + 4.1739cqi, 7.5rem);
    --space-s-l: clamp(1.125rem, .7304rem + 1.913cqi, 2.5rem);
  }
}

@layer global {
  html {
    scroll-behavior: smooth;
  }
}
button[data-astro-cid-vnzlvqnm] {
  cursor: pointer;
  color: #fff;
  min-height: var(--space-l);
  align-items: center;
  gap: var(--space-3xs);
  background-color: var(--blue-600);
  border: 1px solid var(--blue-800);
  border-radius: var(--space-2xs);
  padding-inline: var(--space-xs);
  padding-block: var(--space-3xs);
  font-size: var(--step--1);
  flex-direction: row;
  justify-content: center;
  width: auto;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

button[data-astro-cid-vnzlvqnm]:hover {
  background-color: var(--blue-800);
  border: 1px solid var(--blue-700);
}
body {
  background-color: var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950));
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  font-family: Inter, sans-serif;
  font-size: var(--step-0);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

body b {
  font-weight: 700;
  line-height: 120%;
}

body p {
  font-weight: 400;
  line-height: 160%;
}
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}