/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@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;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --radius-2xl: 1rem;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse-arrow {
    @layer daisyui.l1.l2 {
       > .collapse-title:after {
        position: absolute;
        display: block;
        height: 0.5rem;
        width: 0.5rem;
        transform: translateY(-100%) rotate(45deg);
        @media (prefers-reduced-motion: no-preference) {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 0.2s;
        }
        top: 50%;
        inset-inline-end: 1.4rem;
        content: "";
        transform-origin: 75% 75%;
        box-shadow: 2px 2px;
        pointer-events: none;
      }
    }
  }
  .btn {
    :where(&) {
      @layer daisyui.l1.l2.l3 {
        width: unset;
      }
    }
    .prose :where(a&:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-decoration-line: none;
    }
    @layer daisyui.l1.l2.l3 {
      --size: calc(var(--size-field, 0.25rem) * 10);
      --btn-p: 1rem;
      --btn-fg: var(--color-base-content);
      display: inline-flex;
      flex-shrink: 0;
      cursor: pointer;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      gap: calc(0.25rem * 1.5);
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      user-select: none;
      font-weight: 600;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-width: var(--border);
      touch-action: manipulation;
      transition-property: color, background-color, border-color, box-shadow, transform;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 0.2s;
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-border: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-200)),
      #000 calc(var(--depth) * 5%)
    );
      }
      --btn-soft-bg: initial;
      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
      0 4px 3px -2px var(--btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
      }
      --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
      height: var(--size);
      padding-inline: var(--btn-p);
      font-size: var(--fontsize, 0.875rem);
      background-color: var(--btn-bg);
      color: var(--btn-fg);
      border-color: var(--btn-border);
      border-style: var(--btn-border-style, solid);
      outline-color: var(--btn-color, var(--color-base-content));
      --tw-prose-links: var(--btn-fg);
      background-image: none, var(--fx-noise);
      background-size: auto, calc(var(--noise, 0) * 100%);
      text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
      box-shadow: var(--btn-inset) inset, var(--btn-shadow);
      &:is([type="checkbox"], [type="radio"]) {
        appearance: none;
        &[aria-label]::after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
    }
    @layer daisyui.l1.l2 {
      &:where(:checked:not(.filter [type="radio"].btn)) {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content);
        isolation: isolate;
      }
      @media (hover: hover) {
        &:hover {
          --btn-bg: var(--btn-hover-bg,
          var(--btn-color, var(--color-base-200))
        );
          @supports (color: color-mix(in lab, red, red)) {
            --btn-bg: var(--btn-hover-bg,
          color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
        );
          }
          color: var(--btn-fg);
          --btn-border: var(--btn-hover-border,
          var(--btn-bg)
        );
          @supports (color: color-mix(in lab, red, red)) {
            --btn-border: var(--btn-hover-border,
          color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))
        );
          }
          --btn-border-style: solid;
          --btn-inset: var(--btn-hover-inset,
          0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))
        );
          --btn-shadow: var(--btn-hover-shadow,
          0 3px 2px -2px var(--btn-bg),
          0 4px 3px -2px var(--btn-bg)
        );
          @supports (color: color-mix(in lab, red, red)) {
            --btn-shadow: var(--btn-hover-shadow,
          0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
          0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)
        );
          }
        }
      }
      &:active:not(.btn-active) {
        translate: 0 var(--btn-active-translate, 0.5px);
        --btn-bg: var(--btn-active-bg,
        var(--btn-color, var(--color-base-200))
      );
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: var(--btn-active-bg,
        color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)
      );
        }
        color: var(--btn-fg, var(--color-base-content));
        --btn-border: var(--btn-active-border,
        var(--btn-color, var(--color-base-200))
      );
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: var(--btn-active-border,
        color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
      );
        }
        --btn-border-style: solid;
        --btn-shadow: var(--btn-active-shadow, 0 0 0 0 oklch(0% 0 0/0));
      }
      &:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible ) {
        --btn-bg: var(--btn-color, var(--color-base-200));
        color: var(--btn-fg, var(--color-base-content));
        --btn-border: var(--btn-bg);
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
        }
        --btn-border-style: solid;
        --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
        --btn-shadow: 0 3px 2px -2px var(--btn-bg),
        0 4px 3px -2px var(--btn-bg);
        @supports (color: color-mix(in lab, red, red)) {
          --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
        0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
        }
        isolation: isolate;
      }
      &:focus-visible, &:has(:focus-visible) {
        outline-width: 2px;
        outline-style: solid;
        isolation: isolate;
      }
    }
    &:is(:disabled, [disabled], [aria-disabled="true"]) {
      @layer daisyui {
        pointer-events: none;
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
        --btn-bg: #0000;
        --btn-border: #0000;
        background-image: none;
        --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
        &:not(.btn-link, .btn-ghost) {
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
        }
      }
    }
  }
  .collapse {
    &:not(td, tr, colgroup) {
      visibility: revert-layer;
    }
    @layer daisyui.l1.l2.l3 {
      display: grid;
      position: relative;
      border-radius: var(--radius-box, 1rem);
      width: 100%;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      isolation: isolate;
      @media (prefers-reduced-motion: no-preference) {
        transition: grid-template-rows 0.2s;
      }
       > input:is([type="checkbox"], [type="radio"]) {
        grid-column-start: 1;
        grid-row-start: 1;
        appearance: none;
        opacity: 0;
        z-index: 1;
        width: 100%;
        padding: 1rem;
        padding-inline-end: 3rem;
        min-height: 1lh;
        transition: background-color 0.2s ease-out;
      }
      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ), &:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
        grid-template-rows: max-content 1fr;
      }
      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > .collapse-content, &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
        --overflow-delay: 0.2s;
        overflow: revert-layer;
        content-visibility: visible;
        min-height: fit-content;
        @supports not (content-visibility: visible) {
          visibility: visible;
        }
      }
      &:focus-visible, &:has( > input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
        outline-color: var(--color-base-content);
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
      }
      &:not(.collapse-close) {
         > input[type="checkbox"],  > input[type="radio"]:not(:checked),  > .collapse-title {
          cursor: pointer;
        }
      }
      &[tabindex]:focus:not(.collapse-close, .collapse[open]), &[tabindex]:focus-within:not(.collapse-close, .collapse[open]) {
         > .collapse-title {
          cursor: unset;
        }
      }
      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
        padding-bottom: 1rem;
      }
      &:is(details) {
        width: 100%;
        &::details-content {
          --overflow-delay: 0s;
          overflow: clip;
          height: 0;
        }
        @media (prefers-reduced-motion: no-preference) {
          &::details-content {
            transition: overflow 0.2s allow-discrete var(--overflow-delay), content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out, height 0.2s;
            interpolate-size: allow-keywords;
          }
          &:where([open])::details-content {
            --overflow-delay: 0.2s;
            height: auto;
            overflow: revert-layer;
          }
        }
         > summary {
          position: relative;
          display: block;
          outline: none;
          &::-webkit-details-marker {
            display: none;
          }
        }
      }
    }
    @layer daisyui.l1.l2 {
      &:is([open]) {
        &.collapse-arrow {
           > .collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
      }
      &.collapse-open {
        &.collapse-arrow {
           > .collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
        &.collapse-plus {
           > .collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].collapse-arrow:focus:not(.collapse-close), &.collapse-arrow[tabindex]:focus-within:not(.collapse-close) {
         > .collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &.collapse-arrow:not(.collapse-close) {
         > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &[open] {
        &.collapse-plus {
           > .collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].collapse-plus:focus:not(.collapse-close) {
         > .collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
      &.collapse-plus:not(.collapse-close) {
         > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
    }
  }
  .collapse-content {
    @layer daisyui.l1.l2.l3 {
      --overflow-delay: 0s;
      content-visibility: hidden;
      overflow: clip;
      grid-column-start: 1;
      grid-row-start: 2;
      min-height: 0;
      padding-left: 1rem;
      padding-right: 1rem;
      cursor: unset;
      @supports not (content-visibility: hidden) {
        visibility: hidden;
      }
      @media (prefers-reduced-motion: no-preference) {
        transition: overflow 0.2s allow-discrete var(--overflow-delay), content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out;
      }
      details > & {
        content-visibility: visible;
      }
    }
  }
  .collapse {
    visibility: collapse;
  }
  .collapse-title {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
      position: relative;
      width: 100%;
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 1lh;
      transition: background-color 0.2s ease-out;
    }
  }
  .navbar {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 0.5rem;
      min-height: 4rem;
    }
    :where(&) {
      @layer daisyui.l1.l2 {
        position: relative;
      }
    }
  }
  .progress {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      height: calc(0.25rem * 2);
      width: 100%;
      appearance: none;
      overflow: hidden;
      border-radius: var(--radius-box);
      background-color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
      color: var(--color-base-content);
      &:indeterminate {
        background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
        background-size: 200%;
        background-position-x: 15%;
        @media (prefers-reduced-motion: no-preference) {
          animation: progress 5s ease-in-out infinite;
        }
        @supports (-moz-appearance: none) {
          &::-moz-progress-bar {
            background-color: transparent;
            @media (prefers-reduced-motion: no-preference) {
              animation: progress 5s ease-in-out infinite;
              background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
              background-size: 200%;
              background-position-x: 15%;
            }
          }
        }
      }
      @supports (-moz-appearance: none) {
        &::-moz-progress-bar {
          border-radius: var(--radius-box);
          background-color: currentcolor;
        }
      }
      @supports (-webkit-appearance: none) {
        &::-webkit-progress-bar {
          border-radius: var(--radius-box);
          background-color: transparent;
        }
        &::-webkit-progress-value {
          border-radius: var(--radius-box);
          background-color: currentColor;
        }
      }
    }
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0;
  }
  .top-0 {
    top: 0;
  }
  .left-0 {
    left: 0;
  }
  .join {
    display: inline-flex;
    align-items: stretch;
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    --join-v: 0;
    --join-h: 1;
    @scope (&) {
       > :where(:focus, :has(:focus)) {
        z-index: 1;
      }
      @media (hover: hover) {
         > :where(.btn:hover, :has(.btn:hover)) {
          isolation: isolate;
        }
      }
      :where(:scope > :first-child) {
        --join-ss: var(--radius-field);
        --join-se: calc(var(--radius-field) * var(--join-v));
        --join-es: calc(var(--radius-field) * var(--join-h));
        --join-ee: 0;
      }
      :where(:scope > :last-child) {
        --join-ss: 0;
        --join-se: calc(var(--radius-field) * var(--join-h));
        --join-es: calc(var(--radius-field) * var(--join-v));
        --join-ee: var(--radius-field);
      }
      :where(:scope > :only-child) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .hero {
    @layer daisyui.l1.l2.l3 {
      display: grid;
      width: 100%;
      place-items: center;
      background-size: cover;
      background-position: center;
      & > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
    }
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .label {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      gap: calc(0.25rem * 1.5);
      white-space: nowrap;
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 60%, transparent);
      }
      &:has(input) {
        cursor: pointer;
      }
      &:is(.input > *, .select > *) {
        display: flex;
        height: calc(100% - 0.5rem);
        align-items: center;
        padding-inline: calc(0.25rem * 3);
        white-space: nowrap;
        font-size: inherit;
        &:first-child {
          margin-inline-start: calc(0.25rem * -3);
          margin-inline-end: calc(0.25rem * 3);
          border-inline-end: var(--border) solid currentColor;
          @supports (color: color-mix(in lab, red, red)) {
            border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          }
        }
        &:last-child {
          margin-inline-start: calc(0.25rem * 3);
          margin-inline-end: calc(0.25rem * -3);
          border-inline-start: var(--border) solid currentColor;
          @supports (color: color-mix(in lab, red, red)) {
            border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          }
        }
      }
    }
  }
  .join-item {
    border-style: solid;
    border-width: var(--border, 1px);
    border-start-start-radius: var(--join-ss);
    border-start-end-radius: var(--join-se);
    border-end-start-radius: var(--join-es);
    border-end-end-radius: var(--join-ee);
    &:not(:first-child, :disabled, [disabled], .btn-disabled) {
      margin-inline-start: calc(var(--border, 1px) * -1 * var(--join-h));
      margin-block-start: calc(var(--border, 1px) * -1 * var(--join-v));
    }
    &:is(:disabled, [disabled], .btn-disabled) {
      border-width: var(--border, 1px);
      border-inline-end-width: calc(var(--border, 1px) * var(--join-v));
      border-block-end-width: calc(var(--border, 1px) * var(--join-h));
    }
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .footer {
    @layer daisyui.l1.l2.l3 {
      display: grid;
      width: 100%;
      grid-auto-flow: row;
      place-items: start;
      column-gap: calc(0.25rem * 4);
      row-gap: calc(0.25rem * 10);
      font-size: 0.875rem;
      line-height: 1.25rem;
      & > *:not(script, style, template) {
        display: grid;
        place-items: start;
        gap: calc(0.25rem * 2);
      }
      &.footer-center {
        grid-auto-flow: column dense;
        place-items: center;
        text-align: center;
        & > *:not(script, style, template) {
          place-items: center;
        }
      }
    }
  }
  .navbar-end {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      width: 50%;
      justify-content: flex-end;
    }
  }
  .navbar-start {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      width: 50%;
      justify-content: flex-start;
    }
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-2\/5 {
    height: calc(2 / 5 * 100%);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-full {
    height: 100%;
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9\/10 {
    width: calc(9 / 10 * 100%);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .join-vertical {
    flex-direction: column;
    --join-v: 1;
    --join-h: 0;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: 0;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-\(--border-primary\) {
    border-color: var(--border-primary);
  }
  .border-b-white {
    border-bottom-color: var(--color-white);
  }
  .bg-\(--bg-surface\) {
    background-color: var(--bg-surface);
  }
  .bg-black\/65 {
    background-color: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[clamp\(36px\,8\.7vw\,96px\)\] {
    font-size: clamp(36px, 8.7vw, 96px);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-\(--color-primary\) {
    color: var(--color-primary);
  }
  .text-\(--text-muted\) {
    color: var(--text-muted);
  }
  .text-\(--text-secondary\) {
    color: var(--text-secondary);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .max-\[1212px\]\:w-\[60\%\] {
    @media (width < 1212px) {
      width: 60%;
    }
  }
  .max-\[850px\]\:order-1 {
    @media (width < 850px) {
      order: 1;
    }
  }
  .max-\[850px\]\:order-2 {
    @media (width < 850px) {
      order: 2;
    }
  }
  .max-\[850px\]\:w-1\/2 {
    @media (width < 850px) {
      width: calc(1 / 2 * 100%);
    }
  }
  .max-\[850px\]\:w-2\/3 {
    @media (width < 850px) {
      width: calc(2 / 3 * 100%);
    }
  }
  .max-\[850px\]\:gap-20 {
    @media (width < 850px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-\[570px\]\:w-2\/3 {
    @media (width < 570px) {
      width: calc(2 / 3 * 100%);
    }
  }
  .max-\[491px\]\:w-full {
    @media (width < 491px) {
      width: 100%;
    }
  }
  .max-\[452px\]\:w-full {
    @media (width < 452px) {
      width: 100%;
    }
  }
  .min-\[334px\]\:text-3xl {
    @media (width >= 334px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .min-\[390px\]\:gap-5 {
    @media (width >= 390px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .min-\[391px\]\:block {
    @media (width >= 391px) {
      display: block;
    }
  }
  .min-\[391px\]\:text-4xl {
    @media (width >= 391px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .min-\[440px\]\:p-10 {
    @media (width >= 440px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .min-\[450px\]\:gap-6 {
    @media (width >= 450px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .min-\[490px\]\:h-100 {
    @media (width >= 490px) {
      height: calc(var(--spacing) * 100);
    }
  }
  .min-\[490px\]\:w-4\/5 {
    @media (width >= 490px) {
      width: calc(4 / 5 * 100%);
    }
  }
  .min-\[500px\]\:gap-15 {
    @media (width >= 500px) {
      gap: calc(var(--spacing) * 15);
    }
  }
  .min-\[535px\]\:p-15 {
    @media (width >= 535px) {
      padding: calc(var(--spacing) * 15);
    }
  }
  .min-\[540px\]\:mt-4 {
    @media (width >= 540px) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .min-\[540px\]\:mr-3 {
    @media (width >= 540px) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .min-\[540px\]\:h-2\/3 {
    @media (width >= 540px) {
      height: calc(2 / 3 * 100%);
    }
  }
  .min-\[540px\]\:h-29\.5 {
    @media (width >= 540px) {
      height: calc(var(--spacing) * 29.5);
    }
  }
  .min-\[540px\]\:text-5xl {
    @media (width >= 540px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .min-\[543px\]\:text-2xl {
    @media (width >= 543px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .min-\[543px\]\:leading-8 {
    @media (width >= 543px) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .min-\[565px\]\:gap-10 {
    @media (width >= 565px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .min-\[600px\]\:flex-row {
    @media (width >= 600px) {
      flex-direction: row;
    }
  }
  .min-\[600px\]\:gap-5 {
    @media (width >= 600px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .min-\[600px\]\:gap-20 {
    @media (width >= 600px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .min-\[600px\]\:border-0 {
    @media (width >= 600px) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .min-\[640px\]\:gap-4 {
    @media (width >= 640px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .min-\[640px\]\:text-2xl {
    @media (width >= 640px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .min-\[640px\]\:text-lg {
    @media (width >= 640px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .min-\[700px\]\:py-10 {
    @media (width >= 700px) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .min-\[706px\]\:text-3xl {
    @media (width >= 706px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .min-\[706px\]\:leading-11 {
    @media (width >= 706px) {
      --tw-leading: calc(var(--spacing) * 11);
      line-height: calc(var(--spacing) * 11);
    }
  }
  .min-\[730px\]\:h-120 {
    @media (width >= 730px) {
      height: calc(var(--spacing) * 120);
    }
  }
  .min-\[768px\]\:mt-40 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .min-\[768px\]\:mt-60 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .min-\[768px\]\:mt-80 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 80);
    }
  }
  .min-\[768px\]\:w-5\/6 {
    @media (width >= 768px) {
      width: calc(5 / 6 * 100%);
    }
  }
  .min-\[768px\]\:gap-0 {
    @media (width >= 768px) {
      gap: 0;
    }
  }
  .min-\[768px\]\:gap-10 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .min-\[768px\]\:gap-40 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 40);
    }
  }
  .min-\[770px\]\:max-w-\[70\%\] {
    @media (width >= 770px) {
      max-width: 70%;
    }
  }
  .min-\[770px\]\:p-20 {
    @media (width >= 770px) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .min-\[800px\]\:gap-20 {
    @media (width >= 800px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .min-\[850px\]\:h-150 {
    @media (width >= 850px) {
      height: calc(var(--spacing) * 150);
    }
  }
  .min-\[850px\]\:flex-row {
    @media (width >= 850px) {
      flex-direction: row;
    }
  }
  .min-\[850px\]\:justify-between {
    @media (width >= 850px) {
      justify-content: space-between;
    }
  }
  .min-\[850px\]\:text-4xl {
    @media (width >= 850px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .min-\[880px\]\:gap-35 {
    @media (width >= 880px) {
      gap: calc(var(--spacing) * 35);
    }
  }
  .min-\[930px\]\:max-w-\[70\%\] {
    @media (width >= 930px) {
      max-width: 70%;
    }
  }
  .min-\[950px\]\:w-2\/3 {
    @media (width >= 950px) {
      width: calc(2 / 3 * 100%);
    }
  }
  .min-\[990px\]\:gap-15 {
    @media (width >= 990px) {
      gap: calc(var(--spacing) * 15);
    }
  }
  .min-\[1036px\]\:text-6xl {
    @media (width >= 1036px) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .min-\[1100px\]\:gap-40 {
    @media (width >= 1100px) {
      gap: calc(var(--spacing) * 40);
    }
  }
  .min-\[1150px\]\:mt-60 {
    @media (width >= 1150px) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .min-\[1150px\]\:gap-20 {
    @media (width >= 1150px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .min-\[1200px\]\:gap-8 {
    @media (width >= 1200px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .min-\[1280px\]\:mt-5 {
    @media (width >= 1280px) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .min-\[1280px\]\:mr-4 {
    @media (width >= 1280px) {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .min-\[1280px\]\:h-full {
    @media (width >= 1280px) {
      height: 100%;
    }
  }
  .min-\[1280px\]\:gap-50 {
    @media (width >= 1280px) {
      gap: calc(var(--spacing) * 50);
    }
  }
  .min-\[1300px\]\:mt-100 {
    @media (width >= 1300px) {
      margin-top: calc(var(--spacing) * 100);
    }
  }
  .min-\[1350px\]\:mt-60 {
    @media (width >= 1350px) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .min-\[1350px\]\:mt-120 {
    @media (width >= 1350px) {
      margin-top: calc(var(--spacing) * 120);
    }
  }
  .sm\:footer-horizontal {
    @media (width >= 40rem) {
      @layer daisyui.l1.l2 {
        grid-auto-flow: column;
        &.footer-center {
          grid-auto-flow: row dense;
        }
      }
    }
  }
  .sm\:gap-10 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2 / 3 * 100%);
    }
  }
  .lg\:w-2\/6 {
    @media (width >= 64rem) {
      width: calc(2 / 6 * 100%);
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-30 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .xl\:text-\[78px\] {
    @media (width >= 80rem) {
      font-size: 78px;
    }
  }
  .\32 xl\:text-\[86px\] {
    @media (width >= 96rem) {
      font-size: 86px;
    }
  }
}
:root {
  --bg-primary: #0a0a0a;
  --bg-surface: #18181b;
  --color-primary: #ff6a00;
  --color-primary-hover: #ff8200;
  --color-secondary: #ffc72c;
  --color-accent: #ff2d00;
  --text-primary: #ffffff;
  --text-secondary: #cfcfcf;
  --text-muted: #8a8a8a;
  --border-primary: #2a2a2a;
}
html, body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: "Inter", sans-serif;
}
html {
  scroll-behavior: smooth;
}
body {
  padding-top: 80px;
}
.bg-primary {
  background-color: var(--bg-primary);
}
.bg-surface {
  background-color: var(--bg-surface);
}
.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-primary:hover {
  background-color: var(--color-primary-hover);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}
.bg-color-accent {
  background-color: var(--color-accent);
}
.text-primary {
  color: var(--text-primary);
}
.text-secondary {
  color: var(--text-secondary);
}
.text-muted {
  color: var(--text-muted);
}
.text-color-primary {
  color: var(--color-primary);
}
.text-color-secondary {
  color: var(--color-secondary);
}
.text-color-accent {
  color: var(--color-accent);
}
.border-primary {
  border-color: var(--border-primary);
}
.border-color-primary {
  border-color: var(--color-primary);
}
.border-color-secondary {
  border-color: var(--color-secondary);
}
.border-color-accent {
  border-color: var(--color-accent);
}
.btn {
  background-color: var(--color-primary);
  border-radius: 9999px;
}
.btn:hover {
  background-color: var(--color-primary-hover);
}
.website-navbar {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.website-navbar.navbar-hidden {
  transform: translateY(-100%);
}
.website-navbar.bg-surface {
  background: rgba(24, 24, 27, 0.75);
}
.website-navbar .btn, .website-navbar a, .website-navbar summary {
  font-size: 20px;
}
.website-navbar .btn {
  padding: 22px 22px;
  font-size: 18px;
}
.website-navbar ul li {
  padding: 10px 18px;
}
.website-navbar ul li:nth-child(1) a {
  color: transparent;
  background: linear-gradient(to right, var(--color-accent) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}
.website-navbar ul li:nth-child(2) a {
  color: transparent;
  background: linear-gradient(to right, var(--color-primary) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}
.website-navbar ul li:nth-child(3) a {
  color: transparent;
  background: linear-gradient(to right, var(--color-secondary) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}
.website-navbar ul li a:hover {
  background-position: 0 100%;
}
#navToggle {
  transition: 0.3s;
}
#navToggle:hover {
  color: var(--text-muted);
}
.mobile-nav {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: var(--bg-surface);
  overflow-x: hidden;
  transition: 0.5s;
}
.mobile-nav li {
  cursor: pointer;
  transition: 0.3s;
}
.mobile-nav li:hover {
  color: var(--text-muted);
}
.mobile-nav .btn {
  font-size: 16px;
}
@media (min-width: 640px) {
  .mobile-nav .btn {
    font-size: 24px;
    padding: 30px;
  }
}
.mobile-nav.is-open {
  height: 100%;
  padding-top: 180px;
}
@media (max-width: 539px) {
  .mobile-nav.is-open {
    padding-top: 140px;
  }
}
@media (max-width: 540px) {
  #hero {
    padding-top: 50px;
  }
}
.tilt-card {
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  transform: perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));
  transition: transform 500ms ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.tilt-card:hover {
  transition: transform 60ms linear;
}
.client-logo {
  height: 30px;
  width: auto;
}
@media (min-width: 390px) {
  .client-logo {
    height: 40px;
  }
}
@media (min-width: 600px) {
  .client-logo {
    height: 60px;
  }
}
@media (min-width: 1025px) {
  .client-logo {
    height: 80px;
  }
}
.project-image img {
  transition: 0.3s;
}
.project-image:hover img {
  scale: 103%;
}
.project-image:hover p {
  transition: none;
}
.project-card {
  gap: 20px;
}
.project-text {
  gap: 12px;
}
.project-name {
  font-size: 20px;
}
.project-desc {
  font-size: 14px;
}
@media (min-width: 1024px) {
  .project-card {
    gap: 20px;
  }
  .project-text {
    gap: 12px;
  }
  .project-name {
    font-size: 28px;
  }
  .project-desc {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .project-card {
    gap: 24px;
  }
  .project-text {
    gap: 16px;
  }
  .project-name {
    font-size: 36px;
  }
  .project-desc {
    font-size: 18px;
  }
}
.service-name {
  font-size: clamp(20px, 3.5vw, 30px);
}
.about-text {
  font-size: clamp(16px, 3.5vw, 30px);
}
.faq-question {
  font-size: clamp(18px, 4vw, 36px);
  padding: 20px;
  padding-right: 48px;
}
.faq-answer {
  font-size: clamp(14px, 2.5vw, 18px);
  font-weight: 300;
  padding-left: 20px;
  color: var(--text-secondary);
}
#faq .collapse-arrow > .collapse-title::after {
  width: 0.8rem;
  height: 0.8rem;
  inset-inline-end: 1.4rem;
}
@media (min-width: 550px) {
  .faq-question {
    padding: 32px;
  }
  .faq-answer {
    padding-left: 32px;
  }
  #faq .collapse-arrow > .collapse-title::after {
    width: 0.8rem;
    height: 0.8rem;
    inset-inline-end: 1.8rem;
  }
}
@media (min-width: 1000px) {
  .faq-question {
    padding: 40px;
  }
  .faq-answer {
    padding-left: 40px;
  }
  #faq .collapse-arrow > .collapse-title::after {
    width: 1rem;
    height: 1rem;
    inset-inline-end: 2.5rem;
  }
}
.section {
  padding: 60px 0;
}
.container {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1800px;
}
@media (min-width: 450px) {
  .section {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) {
  .section {
    padding: 140px 0;
  }
  .container {
    padding: 0 80px;
  }
}
#small-about #about-accordion summary {
  padding: 16px 12px;
}
@media (max-width: 1300px) {
  #small-about #about-accordion summary {
    font-size: 30px;
  }
  #small-about #about-accordion details div {
    font-size: 18px;
  }
}
@media (max-width: 1100px) {
  #small-about #about-accordion summary {
    font-size: 26px;
  }
  #small-about #about-accordion details div {
    padding: 16px 12px;
  }
}
@media (max-width: 706px) {
  #small-about #about-accordion summary {
    padding: 12px 8px;
    font-size: 20px;
  }
  #small-about #about-accordion details div {
    padding: 16px 8px;
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  #small-about #about-accordion summary {
    padding: 10px 6px;
    font-size: 1rem;
  }
  #small-about #about-accordion details div {
    padding: 16px 6px;
    font-size: 14px;
  }
}
.collapse-arrow > .collapse-title::after {
  width: 1rem;
  height: 1rem;
  inset-inline-end: 2.5rem;
}
#about-accordion > details {
  border: 0;
}
#about-accordion summary {
  padding: 12px;
  font-weight: 500;
}
@media (max-width: 706px) {
  .collapse-arrow > .collapse-title::after {
    width: 0.8rem;
    height: 0.8rem;
    inset-inline-end: 1rem;
  }
}
@media (max-width: 490px) {
  .collapse-arrow > .collapse-title::after {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.accordion details:nth-child(3n + 1) {
  --accordion-hover-color: var(--color-accent);
}
.accordion details:nth-child(3n + 2) {
  --accordion-hover-color: var(--color-primary);
}
.accordion details:nth-child(3n) {
  --accordion-hover-color: var(--color-secondary);
}
.accordion details .collapse-title {
  transition: color 0.2s ease;
}
.accordion details.collapse-arrow > .collapse-title::after {
  transition: color 0.2s ease, translate 0.2s ease;
}
.accordion details:hover .collapse-title {
  color: var(--text-secondary);
}
.accordion details:hover > .collapse-title::after {
  color: var(--accordion-hover-color);
  translate: 0 3px;
}
#cta .btn {
  font-size: clamp(16px, 2.6vw, 20px);
  padding: 23px;
}
#cta h2 {
  font-size: clamp(28px, 6.2vw, 60px);
  line-height: normal;
}
#cta p {
  font-size: clamp(16px, 2.7vw, 24px);
}
@media (min-width: 570px) {
  #cta .btn {
    padding: 25px;
  }
}
@media (min-width: 750px) {
  #cta .btn {
    padding: 30px;
  }
}
footer nav .btn {
  transition: 0.2s;
  font-size: 18px;
  padding: 20px;
  margin-left: 0;
}
@media (min-width: 640px) {
  footer nav .btn {
    font-size: 24px;
    padding: 25px;
    margin-left: -25px;
  }
}
footer nav a:nth-of-type(1) {
  color: transparent;
  background: linear-gradient(to right, var(--color-accent) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
  text-decoration: none;
  cursor: pointer;
}
footer nav a:nth-of-type(2) {
  color: transparent;
  background: linear-gradient(to right, var(--color-primary) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
  text-decoration: none;
  cursor: pointer;
}
footer nav a:nth-of-type(3) {
  color: transparent;
  background: linear-gradient(to right, var(--color-secondary) 50%, var(--text-primary) 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
  text-decoration: none;
  cursor: pointer;
}
footer nav a:hover {
  background-position: 0 100%;
}
#terms-of-use h1 {
  font-size: clamp(2.5rem, 8vw, 6rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
}
#terms-of-use h2 {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1rem;
}
#terms-of-use p {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
#privacy-policy h1 {
  font-size: clamp(2.5rem, 8vw, 6rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
}
#privacy-policy h2 {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1rem;
}
#privacy-policy p {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
    color-scheme: dark;
    --color-base-100: oklch(25.33% 0.016 252.42);
    --color-base-200: oklch(23.26% 0.014 253.1);
    --color-base-300: oklch(21.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(58% 0.233 277.117);
    --color-primary-content: oklch(96% 0.018 272.314);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
  @property --aura-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
}
@layer base {
  :root {
    --page-scroll-lock: initial;
    --page-overflow: var(--page-scroll-lock) hidden;
  }
  :root:not(span) {
    overflow: var(--page-overflow);
  }
}
@layer base {
  :root {
    --page-has-backdrop: var(--page-scroll-lock) 1;
    --page-scroll-bg: var(--page-scroll-lock)
    var(--root-bg, #0000);
    @supports (color: color-mix(in lab, red, red)) {
      --page-scroll-bg: var(--page-scroll-lock)
    color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
    background-image: var(--page-scroll-lock) linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000));
    transition: var(--page-scroll-lock) background-color 0.3s ease-out;
    animation: var(--page-scroll-lock) set-page-has-scroll forwards;
    animation-timeline: var(--page-scroll-lock) scroll();
    --page-has-scroll: initial;
    scrollbar-gutter: var(--page-has-scroll) var(--page-scroll-lock) stable;
  }
  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll:  ;
    }
  }
}
@layer base {
  :root, [data-theme] {
    background-color: var(--root-bg);
    color: var(--color-base-content);
  }
  :root {
    background-color: var(--page-scroll-bg, var(--root-bg));
  }
  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }
  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes aura {
  to {
    --aura-angle: 360deg;
    transform: translateZ(1px);
  }
}
@keyframes aura-glow {
  20%, 80% {
    opacity: 0.7;
    filter: blur(0.25rem);
  }
  50% {
    opacity: 1;
    filter: blur(0.75rem);
  }
}
@keyframes aura-glow-after {
  20%, 80% {
    opacity: 0.3;
    filter: blur(1rem);
  }
  50% {
    opacity: 0.6;
    filter: blur(1.5rem);
  }
}
@keyframes menu {
  0% {
    opacity: 0;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}