@font-face {
      font-family: Geist;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");
      unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
      font-family: Geist;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");
      unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
      font-family: Geist;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");
      unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
      font-family: Geist;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");
      unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
      font-family: Geist;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.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: Geist Fallback;
      src: local(Arial);
      ascent-override: 95.94%;
      descent-override: 28.16%;
      line-gap-override: 0.0%;
      size-adjust: 104.76%
}

.geist_a71539c9-module__T19VSG__className {
      font-family: Geist, Geist Fallback;
      font-style: normal
}

.geist_a71539c9-module__T19VSG__variable {
      --font-geist-sans: "Geist", "Geist Fallback"
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");
      unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");
      unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");
      unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");
      unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");
      unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
      font-family: Geist Mono;
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../media/797e433ab948586e-s.p.0r6juujl39pe6.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: Geist Mono Fallback;
      src: local(Arial);
      ascent-override: 74.67%;
      descent-override: 21.92%;
      line-gap-override: 0.0%;
      size-adjust: 134.59%
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
      font-family: Geist Mono, Geist Mono Fallback;
      font-style: normal
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
      --font-geist-mono: "Geist Mono", "Geist Mono Fallback"
}

@layer properties {
      @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

            *,
            :before,
            :after,
            ::backdrop {
                  --tw-border-style: solid
            }
      }
}

@layer theme {

      :root,
      :host {
            --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --default-font-family: var(--font-sans);
            --default-mono-font-family: var(--font-mono)
      }
}

@layer base {

      *,
      :after,
      :before,
      ::backdrop {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
      }

      ::file-selector-button {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
      }

      html,
      :host {
            -webkit-text-size-adjust: 100%;
            tab-size: 4;
            line-height: 1.5;
            font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
            font-feature-settings: var(--default-font-feature-settings, normal);
            font-variation-settings: var(--default-font-variation-settings, normal);
            -webkit-tap-highlight-color: transparent
      }

      hr {
            height: 0;
            color: inherit;
            border-top-width: 1px
      }

      abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
            font-size: inherit;
            font-weight: inherit
      }

      a {
            color: inherit;
            -webkit-text-decoration: inherit;
            -webkit-text-decoration: inherit;
            -webkit-text-decoration: inherit;
            -webkit-text-decoration: inherit;
            text-decoration: inherit
      }

      b,
      strong {
            font-weight: bolder
      }

      code,
      kbd,
      samp,
      pre {
            font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
            font-feature-settings: var(--default-mono-font-feature-settings, normal);
            font-variation-settings: var(--default-mono-font-variation-settings, normal);
            font-size: 1em
      }

      small {
            font-size: 80%
      }

      sub,
      sup {
            vertical-align: baseline;
            font-size: 75%;
            line-height: 0;
            position: relative
      }

      sub {
            bottom: -.25em
      }

      sup {
            top: -.5em
      }

      table {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse
      }

      :-moz-focusring {
            outline: auto
      }

      progress {
            vertical-align: baseline
      }

      summary {
            display: list-item
      }

      ol,
      ul,
      menu {
            list-style: none
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
            vertical-align: middle;
            display: block
      }

      img,
      video {
            max-width: 100%;
            height: auto
      }

      button,
      input,
      select,
      optgroup,
      textarea {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
      }

      ::file-selector-button {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
            font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
            padding-inline-start: 20px
      }

      ::file-selector-button {
            margin-inline-end: 4px
      }

      ::placeholder {
            opacity: 1
      }

      @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
            ::placeholder {
                  color: currentColor
            }

            @supports (color:color-mix(in lab, red, red)) {
                  ::placeholder {
                        color: color-mix(in oklab, currentcolor 50%, transparent)
                  }
            }
      }

      textarea {
            resize: vertical
      }

      ::-webkit-search-decoration {
            -webkit-appearance: none
      }

      ::-webkit-date-and-time-value {
            min-height: 1lh;
            text-align: inherit
      }

      ::-webkit-datetime-edit {
            display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
            padding: 0
      }

      ::-webkit-datetime-edit {
            padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
            padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
            padding-block: 0
      }

      ::-webkit-calendar-picker-indicator {
            line-height: 1
      }

      :-moz-ui-invalid {
            box-shadow: none
      }

      button,
      input:where([type=button], [type=reset], [type=submit]) {
            appearance: button
      }

      ::file-selector-button {
            appearance: button
      }

      ::-webkit-inner-spin-button {
            height: auto
      }

      ::-webkit-outer-spin-button {
            height: auto
      }

      [hidden]:where(:not([hidden=until-found])) {
            display: none !important
      }
}

@layer components;

@layer utilities {
      .static {
            position: static
      }

      .block {
            display: block
      }

      .border {
            border-style: var(--tw-border-style);
            border-width: 1px
      }
}

@property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
}

header {
      z-index: 1000;
      width: 100%;
      position: sticky;
      top: 0
}

nav {
      color: #fff;
      background-color: #000;
      background-image: linear-gradient(#ffffff26, #fff0);
      flex-direction: row;
      align-items: center;
      gap: 5rem;
      width: 100%;
      padding: .5rem;
      display: flex
}

a {
      color: #fff;
      font-size: 1.25rem;
      font-style: normal;
      line-height: 1.75rem
}

a:hover {
      opacity: .7
}

.logo {
      margin-left: 2rem
}

@media (max-width:768px) {
      nav {
            flex-direction: column;
            gap: 1rem
      }

      .logo {
            margin-left: 0.5rem;
      }
}

.nav-brand {
      flex-shrink: 0;
      margin-right: 1.5rem
}

.nav-links {
      flex-direction: row;
      flex: 1;
      align-items: center;
      gap: 2.5rem;
      display: flex
}

.nav-link {
      color: #fff;
      white-space: nowrap;
      font-size: 1.2rem;
      line-height: 1.75rem;
      text-decoration: none;
      transition: opacity .2s
}

.nav-link:hover,
.nav-link-active {
      opacity: .7
}

.nav-dropdown {
      position: relative
}

.nav-dropdown-trigger {
      cursor: pointer;
      color: #fff;
      white-space: nowrap;
      background: 0 0;
      border: none;
      align-items: center;
      gap: .3rem;
      padding: 0;
      font-size: 1.2rem;
      line-height: 1.75rem;
      transition: opacity .2s;
      display: flex
}

.nav-dropdown-trigger:hover,
.nav-dropdown-trigger.nav-link-active {
      opacity: .7
}

.nav-dropdown-arrow {
      font-size: .75rem;
      transition: transform .2s;
      display: inline-block
}

.nav-dropdown-arrow.open {
      transform: rotate(180deg)
}

.nav-dropdown-menu {
      z-index: 9999;
      background: #111;
      border: 1px solid #ffffff1a;
      border-radius: .5rem;
      min-width: 240px;
      margin: 0;
      padding: .5rem 0;
      list-style: none;
      animation: .15s dropdownFade;
      position: absolute;
      top: calc(100% + .75rem);
      left: 50%;
      transform: translate(-50%);
      box-shadow: 0 8px 30px #00000080
}

@keyframes dropdownFade {
      0% {
            opacity: 0;
            transform: translate(-50%)translateY(-6px)
      }

      to {
            opacity: 1;
            transform: translate(-50%)translateY(0)
      }
}

.nav-dropdown-item {
      color: #fff;
      text-align: center;
      padding: .6rem 1.2rem;
      font-size: .95rem;
      text-decoration: none;
      transition: background .15s, opacity .15s;
      display: block
}

.nav-dropdown-item:hover,
.nav-dropdown-item.active {
      opacity: 1;
      background: #ffffff1a
}

.nav-burger {
      cursor: pointer;
      background: 0 0;
      border: none;
      flex-direction: column;
      gap: 5px;
      margin-left: auto;
      padding: .25rem;
      display: none
}

.burger-line {
      background: #fff;
      width: 26px;
      height: 2px;
      transition: transform .25s, opacity .25s;
      display: block
}

@media (max-width:1024px) {
      nav {
            flex-wrap: nowrap;
            position: relative;
            flex-direction: row !important;
            gap: 0 !important
      }

      .nav-burger {
            display: flex
      }

      .nav-links {
            z-index: 9998;
            background: #000;
            border-top: 1px solid #ffffff1a;
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
            width: 100%;
            padding: 1rem 0;
            display: none;
            position: absolute;
            top: 100%;
            left: 0
      }

      .nav-links.nav-links-open {
            display: flex
      }

      .nav-link {
            width: 100%;
            padding: .75rem 1.5rem;
            font-size: 1.1rem
      }

      .nav-dropdown {
            width: 100%
      }

      .nav-dropdown-trigger {
            width: 100%;
            padding: .75rem 1.5rem;
            font-size: 1.1rem
      }

      .nav-dropdown-menu {
            width: 100%;
            box-shadow: none;
            background: #1a1a1a;
            border: none;
            border-top: 1px solid #ffffff0d;
            border-radius: 0;
            animation: none;
            position: static;
            transform: none
      }

      .nav-dropdown-item {
            text-align: left;
            padding: .6rem 2.5rem
      }
}

.site-footer {
      color: #fff;
      background: #000 linear-gradient(#ffffff0d, #fff0);
      padding: 3rem 2rem
}

.footer-inner {
      flex-flow: wrap;
      justify-content: space-around;
      gap: 2rem;
      max-width: 1400px;
      margin: 0 auto;
      display: flex
}

.footer-col {
      flex-direction: column;
      min-width: 180px;
      display: flex
}

.footer-brand {
      gap: 1rem
}

.footer-copyright {
      color: #fff9;
      margin-top: .5rem;
      font-size: .875rem
}

.footer-heading {
      color: #fff;
      margin-bottom: .75rem;
      font-size: 1rem;
      font-weight: 600
}

.footer-heading a {
      color: #fff;
      text-decoration: none;
      transition: opacity .2s
}

.footer-heading a:hover {
      opacity: .7
}

.footer-list {
      flex-direction: column;
      gap: .5rem;
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex
}

.footer-list li a {
      color: #fffc;
      font-size: .9rem;
      text-decoration: none;
      transition: color .2s
}

.footer-list li a:hover {
      color: #fff
}

.footer-warning {
      color: #f87171;
      font-size: .85rem;
      line-height: 1.5
}

@media (max-width:768px) {
      .footer-inner {
            flex-direction: column;
            align-items: flex-start;
            gap: 2rem
      }
}