/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
<<<<<<< HEAD
<<<<<<< HEAD
@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-amber-500: oklch(76.9% 0.188 70.08);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --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 {
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .-inset-y-1 {
    inset-block: calc(var(--spacing) * -1);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\/2 {
    right: calc(1/2 * 100%);
  }
  .right-\[-7\.5\%\] {
    right: -7.5%;
  }
  .right-\[1\%\] {
    right: 1%;
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\/2 {
    bottom: calc(1/2 * 100%);
  }
  .bottom-\[40\%\] {
    bottom: 40%;
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .aspect-2\/1 {
    aspect-ratio: 2/1;
  }
  .aspect-3\/4 {
    aspect-ratio: 3/4;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-\[1\.568\/1\] {
    aspect-ratio: 1.568/1;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-4\.25 {
    height: calc(var(--spacing) * 4.25);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-37\.5 {
    height: calc(var(--spacing) * 37.5);
  }
  .h-\[1\.1em\] {
    height: 1.1em;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-\[1\.1em\] {
    width: 1.1em;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-168\.75 {
    max-width: calc(var(--spacing) * 168.75);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .grow {
    flex-grow: 1;
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .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;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-14 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-62\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 62.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 62.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .-space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4\.5 {
    row-gap: calc(var(--spacing) * 4.5);
  }
  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-2 {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(2px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-dotted {
    :where(& > :not(:last-child)) {
      --tw-border-style: dotted;
      border-style: dotted;
    }
  }
  .divide-gray-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-300);
    }
  }
  .divide-slate-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-gray-50 {
    border-color: var(--color-gray-50);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .bg-\[\#0D99FF\] {
    background-color: #0D99FF;
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-radial-\[at_35\%_45\%\] {
    --tw-gradient-position: at 35% 45%;
    background-image: radial-gradient(var(--tw-gradient-stops,at 35% 45%));
  }
  .bg-radial-\[at_40\%_45\%\] {
    --tw-gradient-position: at 40% 45%;
    background-image: radial-gradient(var(--tw-gradient-stops,at 40% 45%));
  }
  .bg-radial-\[at_50\%_55\%\] {
    --tw-gradient-position: at 50% 55%;
    background-image: radial-gradient(var(--tw-gradient-stops,at 50% 55%));
  }
  .bg-radial-\[at_75\%_45\%\] {
    --tw-gradient-position: at 75% 45%;
    background-image: radial-gradient(var(--tw-gradient-stops,at 75% 45%));
  }
  .bg-\[radial-gradient\(146\.03\%_28\.34\%_at_50\%_71\.66\%\,rgba\(255\,255\,255\,0\.7\)_0\%\,rgba\(13\,153\,255\,0\.7\)_100\%\)\] {
    background-image: radial-gradient(146.03% 28.34% at 50% 71.66%,rgba(255,255,255,0.7) 0%,rgba(13,153,255,0.7) 100%);
  }
  .bg-\[url\(\/assets\/image\/member-card-bg\.svg\)\] {
    background-image: url(/assets/image/member-card-bg.svg);
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/50 {
    --tw-gradient-from: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-25\% {
    --tw-gradient-from-position: 25%;
  }
  .to-\(--primitive-color-blue\) {
    --tw-gradient-to: var(--primitive-color-blue);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-45\% {
    --tw-gradient-to-position: 45%;
  }
  .to-65\% {
    --tw-gradient-to-position: 65%;
  }
  .to-75\% {
    --tw-gradient-to-position: 75%;
  }
  .to-90\% {
    --tw-gradient-to-position: 90%;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-bottom {
    object-position: bottom;
  }
  .object-center {
    object-position: center;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }
  .pt-30 {
    padding-top: calc(var(--spacing) * 30);
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-px {
    padding-left: 1px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\(--primitive-color-blue\) {
    color: var(--primitive-color-blue);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .bg-blend-lighten {
    background-blend-mode: lighten;
  }
  .shadow-md\/40 {
    --tw-shadow-alpha: 40%;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 40%)), 0 2px 4px -2px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 40%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-gray-200 {
    --tw-shadow-color: oklch(92.8% 0.006 264.531);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-400\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-400) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-300 {
    --tw-shadow-color: oklch(86.9% 0.022 252.894);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .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,);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    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,);
  }
  .invert-0 {
    --tw-invert: invert(0%);
    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,);
  }
  .invert-20 {
    --tw-invert: invert(20%);
    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,);
  }
  .invert-80 {
    --tw-invert: invert(80%);
    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,);
  }
  .invert-100 {
    --tw-invert: invert(100%);
    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,);
  }
  .filter {
    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,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .sm\:inline-block {
    @media (width >= 40rem) {
      display: inline-block;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:aspect-23\/9 {
    @media (width >= 48rem) {
      aspect-ratio: 23/9;
    }
  }
  .md\:aspect-auto {
    @media (width >= 48rem) {
      aspect-ratio: auto;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:gap-y-3 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 3);
    }
  }
  .md\:rounded-3xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:text-balance {
    @media (width >= 48rem) {
      text-wrap: balance;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:-top-22 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -22);
    }
  }
  .lg\:-right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -8);
    }
  }
  .lg\:bottom-0\.75 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0.75);
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 64rem) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:aspect-2\/1 {
    @media (width >= 64rem) {
      aspect-ratio: 2/1;
    }
  }
  .lg\:aspect-4\/3 {
    @media (width >= 64rem) {
      aspect-ratio: 4/3;
    }
  }
  .lg\:aspect-23\/9 {
    @media (width >= 64rem) {
      aspect-ratio: 23/9;
    }
  }
  .lg\:w-9\/10 {
    @media (width >= 64rem) {
      width: calc(9/10 * 100%);
    }
  }
  .lg\:rotate-6 {
    @media (width >= 64rem) {
      rotate: 6deg;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:space-y-34 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 34) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 34) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:divide-y-0 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-1 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .lg\:pt-40 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:text-balance {
    @media (width >= 64rem) {
      text-wrap: balance;
    }
  }
  .lg\:shadow-2xl {
    @media (width >= 64rem) {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:shadow-gray-500\/35 {
    @media (width >= 64rem) {
      --tw-shadow-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-500) 35%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
}
* {
  box-sizing: border-box;
}
:root {
  --mouse-x: 50%;
  --mouse-y: 50%;
  --primitive-color-black: #000000;
  --primitive-color-blue: #0d99ff;
  --primitive-color-light-gray: #ececec;
  --primitive-color-lighter-gray: #f5f5f5;
  --primitive-color-slate: #6e6e6e;
  --primitive-color-white: #ffffff;
  --sematic-button-primary-background: var(--primitive-color-black);
  --sematic-button-primary-icon: var(--primitive-color-white);
  --sematic-button-primary-label: var(--primitive-color-white);
  --sematic-button-secondary-background: var(--primitive-color-light-gray);
  --sematic-button-secondary-icon: var(--primitive-color-blue);
  --sematic-button-secondary-label: var(--primitive-color-black);
  --sematic-card-background: var(--primitive-color-white);
  --sematic-card-border-default: var(--primitive-color-light-gray);
  --sematic-card-border-selected: var(--primitive-color-blue);
  --sematic-interface-background-body: var(--primitive-color-lighter-gray);
  --sematic-interface-background-canvas: var(--primitive-color-lighter-gray);
  --sematic-interface-border: var(--primitive-color-blue);
  --primitive-radius-x-sm: 4px;
  --primitive-radius-sm: 8px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 16px;
  --primitive-radius-x-lg: 24px;
  --primitive-radius-xx-lg: 32px;
  --primitive-stroke-thiner: 0.5px;
  --primitive-stroke-thin: 0.75px;
  --primitive-stroke-regular: 1px;
  --primitive-stroke-thick: 2px;
  --primitive-stroke-thicker: 3px;
  --primitive-stroke-thickest: 4px;
  --sematic-button-corner-sm: 0.7em;
  --sematic-button-corner-md: 0.8em;
  --sematic-button-height-sm: 2.5em;
  --sematic-button-height-md: 2.65em;
}
html {
  scroll-behavior: smooth;
  scroll-snap-align: center;
}
body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  cursor: url("/assets/icon/custom-cursor-md.png"), auto;
}
a:hover, button:hover {
  cursor: url("/assets/icon/custom-cursor-md.png"), pointer;
}
#canvas {
  box-sizing: border-box;
  background-color: var(--sematic-interface-background-canvas);
  color: inherit;
  padding: 3rem 1rem 3rem 1rem;
  overflow-x: clip;
  position: relative;
}
@media (max-width: 1024px) {
  #canvas {
    padding: 0;
  }
}
.polka-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: transparent;
  background-image: radial-gradient(circle, black 1px, transparent 2px);
  background-size: 32px 32px;
  opacity: 0.1;
}
.page {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  background-color: var(--primitive-color-white);
  border: 0px solid var(--sematic-interface-background-body);
  overflow: visible;
}
#opening-frame, #closing-frame {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  min-height: 90dvh;
  border-width: 3px;
  border-style: solid;
  z-index: 1;
  user-select: none;
}
@media (max-width: 1024px) {
  #opening-frame, #closing-frame {
    display: none;
  }
}
#opening-frame {
  top: 0;
  border-image: linear-gradient( 180deg, rgba(13, 153, 255, 1) 0%, rgba(255, 255, 255, 1) 100% );
  border-image-slice: 1;
}
#closing-frame {
  bottom: 0;
  border-image: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgba(13, 153, 255, 1) 100% );
  border-image-slice: 1;
}
.global-padding {
  width: 100%;
  padding: 0px 60px;
}
.section-padding {
  position: relative;
  height: auto;
  padding: 5.75rem 0rem;
}
.layout-container {
  position: relative;
  background-color: transparent;
  z-index: 2;
}
.layout-container > * + * {
  margin-top: 6rem;
}
.layout-grid-12 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  width: 100%;
}
#hero-section {
  width: 100%;
}
header, footer {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
main {
  display: block;
  position: relative;
  overflow: visible;
  z-index: 2;
}
section {
  position: relative;
}
@media (max-width: 1024px) {
  .global-padding {
    padding: 0px 40px;
  }
  .section-padding {
    padding: 4rem 0rem;
  }
  .layout-container > * + * {
    margin-top: 5rem;
  }
}
@media (max-width: 768px) {
  .global-padding {
    padding: 0px 20px;
  }
  .section-padding {
    padding: 3.5rem 0rem;
  }
  .layout-container > * + * {
    margin-top: 4.2rem;
  }
}
nav.layout-grid-12 {
  align-items: center;
  height: 84px;
}
nav .logo {
  grid-column: span 3;
}
nav .nav-links-wrapper {
  grid-column: span 6;
}
nav .nav-buttons-wrapper {
  grid-column: span 3;
  justify-self: end;
}
nav .button {
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  nav .logo {
    grid-column: span 6;
  }
  nav .nav-links-wrapper {
    grid-column: span 0;
  }
  nav .nav-buttons-wrapper {
    grid-column: span 6;
    justify-self: end;
  }
}
.anchor {
  position: absolute;
  background: var(--primitive-color-white);
  border: none;
  outline: 3px solid var(--sematic-card-border-selected);
  outline-offset: 0px;
  width: 6px;
  height: 6px;
  aspect-ratio: 1;
}
.anchor.tl {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.anchor.tr {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.anchor.bl {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.anchor.br {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.button {
  border-radius: var(--sematic-button-corner-sm);
  height: var(--sematic-button-height-sm);
  letter-spacing: -0.035em;
  margin: 0;
  padding: 0rem 0.8em;
  display: inline-flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.btn-grp {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.btn-grp .button {
  display: flex;
  margin-top: 20px;
}
.btn-grp .button + .button {
  margin-left: 0.65em;
  margin-top: 20px;
}
.button-big {
  border-radius: var(--sematic-button-corner-md);
  height: var(--sematic-button-height-md);
  padding: 0rem 0.8em;
  gap: 10px;
}
.button-big:has(svg) {
  padding: 0rem 1em 0rem 0.8em;
  margin: 0;
}
.button-primary {
  background-color: var(--sematic-button-primary-background);
  color: var(--sematic-button-primary-label);
  box-shadow: rgba(0, 0, 0, 0.1) 0em 0.625em 0.9375em -0.1875em, rgba(0, 0, 0, 0.05) 0em 0.25em 0.375em -0.125em;
}
.button-secondary {
  background-color: var(--sematic-button-secondary-background);
  color: var(--sematic-button-secondary-label);
}
.button-tertiary {
  background-color: var(--primitive-color-white);
  color: var(--sematic-button-secondary-label);
  border: 1px solid var(--sematic-card-border-default);
}
.link, .link:hover.disable {
  display: inline;
  text-align: left;
  text-decoration: none;
  color: var(--primitive-color-slate);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover.button-primary, .button:hover.button-secondary, .button:hover.button-tertiary, .card:hover .button-primary:hover, .card:hover .button-secondary:hover, .card:hover .button-tertiary:hover {
    background-color: var(--primitive-color-blue);
    color: var(--primitive-color-white);
    transform: scale(1.1) rotate(-4deg) translateY(-1px);
    border: none;
    z-index: 2;
  }
  .card:hover .button-primary, .card:hover .button-secondary, .card:hover .button-tertiary {
    transform: scale(1.15);
  }
  .link:hover {
    text-decoration: 1px underline;
    text-underline-offset: 0.25em;
    color: var(--primitive-color-blue);
  }
}
.nav-links-wrapper {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .nav-links-wrapper {
    display: none;
  }
}
.nav-link {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  font-weight: 450;
  text-decoration: none;
  color: var(--primitive-color-slate);
  padding: 4px 8px 4px 8px;
  margin: 0px;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
}
.nav-link:active, .nav-link:hover {
  color: var(--primitive-color-black);
  background-color: var(--primitive-color-lighter-gray);
  border: 1px solid var(--primitive-color-light-gray);
}
.nav-link:disabled {
  color: var(--primitive-color-slate);
  opacity: 0.5;
  cursor: default;
}
.selection-label {
  position: absolute;
  top: -2rem;
  border-radius: var(--primitive-radius-x-sm);
  font-weight: 700;
  padding: 2px 6px 2px 6px;
  display: inline-flex;
  flex-direction: row;
  gap: 0px;
  justify-content: flex-start;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  background: linear-gradient( to left, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84) ), linear-gradient(to left, #888888, #888888);
  user-select: none;
}
.selection-label * {
  margin: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)), linear-gradient(to left, #888888, #888888);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.selection-label.active, .card:hover .selection-label {
  background: linear-gradient( to left, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84) ), linear-gradient(to left, #0d99ff, #0d99ff);
}
.selection-label.active *, .card:hover .selection-label * {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)), linear-gradient(to left, #0d99ff, #0d99ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card {
  position: relative;
  margin-top: 0rem;
  background-color: var(--sematic-card-background);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.card.row {
  flex-direction: row;
}
.card.row > * {
  flex: 1;
}
.card-style {
  position: absolute;
  inset: 0;
  outline: 1px solid var(--sematic-card-border-default);
  outline-offset: 0em;
  z-index: 2;
  user-select: none;
  box-sizing: border-box;
}
.card-content {
  position: relative;
  padding: 20px;
  z-index: 3;
  flex: 1;
}
@media (max-width: 768px) {
  .card-content {
    padding: 15px;
  }
}
.card:hover .card-style {
  outline: 1px solid var(--sematic-card-border-selected);
}
.card-style.selected, .card:hover .card-style.selected {
  outline: 3px solid var(--sematic-card-border-selected);
  outline-offset: -1.5px;
}
.ui-icon-box {
  background: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100% ), linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--sematic-card-border-default);
  border-width: 1px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  position: relative;
  box-shadow: inset 0px -4px 4px 0px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  aspect-ratio: 1;
}
.ui-icon-box.big {
  width: 72px;
  height: 72px;
}
.ui-icon-box.big * {
  width: 36px;
  height: 36px;
}
.ui-icon {
  flex-shrink: 0;
  color: var(--primitive-color-black);
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
  z-index: 2;
}
.ui-icon-effect {
  opacity: 0.2;
  flex-shrink: 0;
  color: var(--primitive-color-black);
  width: 28px;
  height: 28px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 10px);
  overflow: visible;
  filter: blur(2px);
  z-index: 1;
}
.ui-icon-box.big .ui-icon-effect {
  opacity: 0.15;
  filter: blur(3px);
}
.col-pattern-box {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 60px;
  right: 60px;
  user-select: none;
  z-index: 1;
}
@media (max-width: 1024px) {
  .col-pattern-box {
    left: 40px;
    right: 40px;
  }
}
@media (max-width: 768px) {
  .col-pattern-box {
    left: 20px;
    right: 20px;
  }
}
.col-pattern-overlay {
  background: radial-gradient( closest-side, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% );
  position: absolute;
  left: 16px;
  right: 16px;
  z-index: 1;
}
.col-style {
  opacity: 55%;
  background-color: rgba(13, 153, 255, 0.2);
  border-style: solid;
  border-color: var(--sematic-card-border-selected);
  border-width: 1px;
  align-self: stretch;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
  animation: opacityPulse 10s ease-in-out infinite;
}
@keyframes opacityPulse {
  0% {
    opacity: 30%;
  }
  50% {
    opacity: 55%;
  }
  100% {
    opacity: 30%;
  }
}
.chat-bubble {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 12px;
  margin-top: 16px;
  margin-bottom: 10px;
  align-self: flex-end;
  width: fit-content;
  max-width: 40ch;
  background: var(--primitive-color-blue);
  color: var(--primitive-color-white);
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0) 0em 0.625em 0.9375em -0.1875em, rgba(0, 0, 0, 0) 0em 0.25em 0.375em -0.125em;
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.chat-bubble.received {
  background-color: var(--primitive-color-lighter-gray);
  color: var(--primitive-color-black);
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 8px;
  max-width: 52ch;
}
@media (max-width: 576px) {
  .chat-bubble {
    margin-bottom: 2.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .chat-bubble:hover {
    z-index: 2;
    transform: scale(1.2) rotate(2deg);
    box-shadow: rgba(0, 0, 0, 0.1) 0em 0.625em 0.9375em -0.1875em, rgba(0, 0, 0, 0.05) 0em 0.25em 0.375em -0.125em;
  }
  .chat-bubble.received:hover {
    z-index: 2;
    transform: scale(1.2) rotate(-2deg);
    box-shadow: rgba(60, 60, 60, 0.05) 0em 0.625em 0.9375em -0.1875em, rgba(0, 0, 0, 0.05) 0em 0.25em 0.375em -0.125em;
  }
}
.chat-bubble.received img {
  display: block;
  position: absolute;
  width: 36px;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--sematic-card-border-default);
  bottom: 0px;
  left: -48px;
  border-radius: 100px;
  transition: all ease;
}
.chat-bubble.received:hover img {
  transform: scale(1.6);
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
@media (max-width: 712px) {
  .chat-bubble.received img {
    display: none;
  }
}
.chat-bubble.received .sender {
  position: absolute;
  top: -2em;
  left: 12px;
  color: var(--primitive-color-slate);
}
.ml9 {
  position: relative;
  font-weight: 200;
  font-size: 4em;
}
.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
=======
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-amber-500:oklch(76.9% .188 70.08);--color-yellow-400:oklch(85.2% .199 91.936);--color-indigo-400:oklch(67.3% .182 276.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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;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{.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-1{inset-inline:calc(var(--spacing)*1)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-x-4{inset-inline:calc(var(--spacing)*4)}.-inset-y-1{inset-block:calc(var(--spacing)*-1)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-20{top:calc(var(--spacing)*-20)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-\[30\%\]{top:30%}.right-1{right:calc(var(--spacing)*1)}.right-1\/2{right:50%}.right-\[-7\.5\%\]{right:-7.5%}.right-\[1\%\]{right:1%}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-1\/2{bottom:50%}.bottom-\[40\%\]{bottom:40%}.-left-3{left:calc(var(--spacing)*-3)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-2\/1{aspect-ratio:2}.aspect-3\/4{aspect-ratio:3/4}.aspect-4\/3{aspect-ratio:4/3}.aspect-\[1\.568\/1\]{aspect-ratio:1.568}.aspect-square{aspect-ratio:1}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-13{height:calc(var(--spacing)*13)}.h-37\.5{height:calc(var(--spacing)*37.5)}.h-\[1\.1em\]{height:1.1em}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-13{width:calc(var(--spacing)*13)}.w-15{width:calc(var(--spacing)*15)}.w-\[1\.1em\]{width:1.1em}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-168\.75{max-width:calc(var(--spacing)*168.75)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.grow{flex-grow:1}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.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}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-62\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*62.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*62.5)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-4\.5{row-gap:calc(var(--spacing)*4.5)}.gap-y-14{row-gap:calc(var(--spacing)*14)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px*var(--tw-divide-y-reverse));border-bottom-width:calc(2px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dotted>:not(:last-child)){--tw-border-style:dotted;border-style:dotted}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.bg-\[\#0D99FF\]{background-color:#0d99ff}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial-\[at_35\%_45\%\]{--tw-gradient-position:at 35% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 35% 45%))}.bg-radial-\[at_40\%_45\%\]{--tw-gradient-position:at 40% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 40% 45%))}.bg-radial-\[at_50\%_55\%\]{--tw-gradient-position:at 50% 55%;background-image:radial-gradient(var(--tw-gradient-stops,at 50% 55%))}.bg-radial-\[at_75\%_45\%\]{--tw-gradient-position:at 75% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 75% 45%))}.bg-\[radial-gradient\(146\.03\%_28\.34\%_at_50\%_71\.66\%\,rgba\(255\,255\,255\,0\.7\)_0\%\,rgba\(13\,153\,255\,0\.7\)_100\%\)\]{background-image:radial-gradient(146.03% 28.34% at 50% 71.66%,#ffffffb3 0%,#0d99ffb3 100%)}.bg-\[url\(\/assets\/image\/member-card-bg\.svg\)\]{background-image:url(/assets/image/member-card-bg.svg)}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/50{--tw-gradient-from:#ffffff80}@supports (color:color-mix(in lab, red, red)){.from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}.from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-25\%{--tw-gradient-from-position:25%}.to-\(--primitive-color-blue\){--tw-gradient-to:var(--primitive-color-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-45\%{--tw-gradient-to-position:45%}.to-65\%{--tw-gradient-to-position:65%}.to-75\%{--tw-gradient-to-position:75%}.to-90\%{--tw-gradient-to-position:90%}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-18{padding-top:calc(var(--spacing)*18)}.pt-30{padding-top:calc(var(--spacing)*30)}.pt-px{padding-top:1px}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-px{padding-left:1px}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-\(--primitive-color-blue\){color:var(--primitive-color-blue)}.text-amber-500{color:var(--color-amber-500)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-80{opacity:.8}.bg-blend-lighten{background-blend-mode:lighten}.shadow-md\/40{--tw-shadow-alpha:40%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.4)),0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-gray-200{--tw-shadow-color:oklch(92.8% .006 264.531)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-200{--tw-shadow-color:color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)}}.shadow-gray-400\/20{--tw-shadow-color:#99a1af33}@supports (color:color-mix(in lab, red, red)){.shadow-gray-400\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-400)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-300{--tw-shadow-color:oklch(86.9% .022 252.894)}@supports (color:color-mix(in lab, red, red)){.shadow-slate-300{--tw-shadow-color:color-mix(in oklab,var(--color-slate-300)var(--tw-shadow-alpha),transparent)}}.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,)}.brightness-0{--tw-brightness:brightness(0%);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,)}.invert-0{--tw-invert:invert(0%);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,)}.invert-20{--tw-invert:invert(20%);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,)}.invert-80{--tw-invert:invert(80%);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,)}.invert-100{--tw-invert:invert(100%);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,)}.filter{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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (min-width:40rem){.sm\:inline-block{display:inline-block}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:aspect-23\/9{aspect-ratio:23/9}.md\:aspect-auto{aspect-ratio:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-y-3{row-gap:calc(var(--spacing)*3)}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:text-balance{text-wrap:balance}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:-top-22{top:calc(var(--spacing)*-22)}.lg\:-right-8{right:calc(var(--spacing)*-8)}.lg\:bottom-0\.75{bottom:calc(var(--spacing)*.75)}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:aspect-2\/1{aspect-ratio:2}.lg\:aspect-4\/3{aspect-ratio:4/3}.lg\:aspect-23\/9{aspect-ratio:23/9}.lg\:w-9\/10{width:90%}.lg\:rotate-6{rotate:6deg}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:justify-end{justify-content:flex-end}:where(.lg\:space-y-34>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*34)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*34)*calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:py-1{padding-block:calc(var(--spacing)*1)}.lg\:pt-40{padding-top:calc(var(--spacing)*40)}.lg\:text-balance{text-wrap:balance}.lg\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.lg\:shadow-gray-500\/35{--tw-shadow-color:#6a728259}@supports (color:color-mix(in lab, red, red)){.lg\:shadow-gray-500\/35{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-500)35%,transparent)var(--tw-shadow-alpha),transparent)}}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}}}*{box-sizing:border-box}:root{--mouse-x:50%;--mouse-y:50%;--primitive-color-black:#000;--primitive-color-blue:#0d99ff;--primitive-color-light-gray:#ececec;--primitive-color-lighter-gray:#f5f5f5;--primitive-color-slate:#6e6e6e;--primitive-color-white:#fff;--sematic-button-primary-background:var(--primitive-color-black);--sematic-button-primary-icon:var(--primitive-color-white);--sematic-button-primary-label:var(--primitive-color-white);--sematic-button-secondary-background:var(--primitive-color-light-gray);--sematic-button-secondary-icon:var(--primitive-color-blue);--sematic-button-secondary-label:var(--primitive-color-black);--sematic-card-background:var(--primitive-color-white);--sematic-card-border-default:var(--primitive-color-light-gray);--sematic-card-border-selected:var(--primitive-color-blue);--sematic-interface-background-body:var(--primitive-color-lighter-gray);--sematic-interface-background-canvas:var(--primitive-color-lighter-gray);--sematic-interface-border:var(--primitive-color-blue);--primitive-radius-x-sm:4px;--primitive-radius-sm:8px;--primitive-radius-md:12px;--primitive-radius-lg:16px;--primitive-radius-x-lg:24px;--primitive-radius-xx-lg:32px;--primitive-stroke-thiner:.5px;--primitive-stroke-thin:.75px;--primitive-stroke-regular:1px;--primitive-stroke-thick:2px;--primitive-stroke-thicker:3px;--primitive-stroke-thickest:4px;--sematic-button-corner-sm:.7em;--sematic-button-corner-md:.8em;--sematic-button-height-sm:2.5em;--sematic-button-height-md:2.65em}html{scroll-behavior:smooth;scroll-snap-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:url(/assets/icon/custom-cursor-md.png),auto;position:relative}a:hover,button:hover{cursor:url(/assets/icon/custom-cursor-md.png),pointer}#canvas{box-sizing:border-box;background-color:var(--sematic-interface-background-canvas);color:inherit;padding:3rem 1rem;position:relative;overflow-x:clip}@media (max-width:1024px){#canvas{padding:0}}.polka-bg{z-index:1;opacity:.1;background-color:#0000;background-image:radial-gradient(circle,#000 1px,#0000 2px);background-size:32px 32px;position:absolute;inset:0}.page{z-index:2;background-color:var(--primitive-color-white);border:0px solid var(--sematic-interface-background-body);width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:visible}#opening-frame,#closing-frame{box-sizing:border-box;z-index:1;-webkit-user-select:none;user-select:none;border-style:solid;border-width:3px;min-height:90dvh;position:absolute;left:0;right:0}@media (max-width:1024px){#opening-frame,#closing-frame{display:none}}#opening-frame{border-image:linear-gradient(#0d99ff 0%,#fff 100%) 1;top:0}#closing-frame{border-image:linear-gradient(#fff 0%,#0d99ff 100%) 1;bottom:0}.global-padding{width:100%;padding:0 60px}.section-padding{height:auto;padding:5.75rem 0;position:relative}.layout-container{z-index:2;background-color:#0000;position:relative}.layout-container>*+*{margin-top:6rem}.layout-grid-12{grid-template-columns:repeat(12,1fr);gap:20px;width:100%;display:grid;position:relative}#hero-section{width:100%}header,footer{z-index:3;display:block;position:relative;overflow:hidden}main{z-index:2;display:block;position:relative;overflow:visible}section{position:relative}@media (max-width:1024px){.global-padding{padding:0 40px}.section-padding{padding:4rem 0}.layout-container>*+*{margin-top:5rem}}@media (max-width:768px){.global-padding{padding:0 20px}.section-padding{padding:3.5rem 0}.layout-container>*+*{margin-top:4.2rem}}nav.layout-grid-12{align-items:center;height:84px}nav .logo{grid-column:span 3}nav .nav-links-wrapper{grid-column:span 6}nav .nav-buttons-wrapper{grid-column:span 3;justify-self:end}nav .button{margin:0}@media screen and (max-width:1024px){nav .logo{grid-column:span 6}nav .nav-links-wrapper{grid-column:span 0}nav .nav-buttons-wrapper{grid-column:span 6;justify-self:end}}.anchor{background:var(--primitive-color-white);outline:3px solid var(--sematic-card-border-selected);outline-offset:0px;aspect-ratio:1;border:none;width:6px;height:6px;position:absolute}.anchor.tl{top:0;left:0;transform:translate(-50%,-50%)}.anchor.tr{top:0;right:0;transform:translate(50%,-50%)}.anchor.bl{bottom:0;left:0;transform:translate(-50%,50%)}.anchor.br{bottom:0;right:0;transform:translate(50%,50%)}.button{border-radius:var(--sematic-button-corner-sm);height:var(--sematic-button-height-sm);letter-spacing:-.035em;z-index:1;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;margin:0;padding:0 .8em;text-decoration:none;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.btn-grp{flex-flow:wrap;align-items:center;display:inline-flex}.btn-grp .button{margin-top:20px;display:flex}.btn-grp .button+.button{margin-top:20px;margin-left:.65em}.button-big{border-radius:var(--sematic-button-corner-md);height:var(--sematic-button-height-md);gap:10px;padding:0 .8em}.button-big:has(svg){margin:0;padding:0 1em 0 .8em}.button-primary{background-color:var(--sematic-button-primary-background);color:var(--sematic-button-primary-label);box-shadow:0 .625em .9375em -.1875em #0000001a,0 .25em .375em -.125em #0000000d}.button-secondary{background-color:var(--sematic-button-secondary-background);color:var(--sematic-button-secondary-label)}.button-tertiary{background-color:var(--primitive-color-white);color:var(--sematic-button-secondary-label);border:1px solid var(--sematic-card-border-default)}.link,.link:hover.disable{text-align:left;color:var(--primitive-color-slate);text-decoration:none;display:inline}@media (hover:hover) and (pointer:fine){.button:hover.button-primary,.button:hover.button-secondary,.button:hover.button-tertiary,.card:hover .button-primary:hover,.card:hover .button-secondary:hover,.card:hover .button-tertiary:hover{background-color:var(--primitive-color-blue);color:var(--primitive-color-white);z-index:2;border:none;transform:scale(1.1)rotate(-4deg)translateY(-1px)}.card:hover .button-primary,.card:hover .button-secondary,.card:hover .button-tertiary{transform:scale(1.15)}.link:hover{text-underline-offset:.25em;color:var(--primitive-color-blue);text-decoration:underline;text-decoration-thickness:1px}}.nav-links-wrapper{gap:20px;width:100%;display:flex}@media (max-width:1024px){.nav-links-wrapper{display:none}}.nav-link{text-align:center;width:100%;color:var(--primitive-color-slate);cursor:pointer;border:1px solid #0000;border-radius:6px;margin:0;padding:4px 8px;font-weight:450;text-decoration:none;display:block;position:relative}.nav-link:active,.nav-link:hover{color:var(--primitive-color-black);background-color:var(--primitive-color-lighter-gray);border:1px solid var(--primitive-color-light-gray)}.nav-link:disabled{color:var(--primitive-color-slate);opacity:.5;cursor:default}.selection-label{border-radius:var(--primitive-radius-x-sm);transform-origin:0 0;-webkit-user-select:none;user-select:none;background:linear-gradient(270deg,#ffffffd6,#ffffffd6),linear-gradient(270deg,#888,#888);flex-direction:row;justify-content:flex-start;gap:0;padding:2px 6px;font-weight:700;display:inline-flex;position:absolute;top:-2rem;overflow:hidden;transform:rotate(0)scale(1)}.selection-label *{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(270deg,#0000000f,#0000000f),linear-gradient(270deg,#888,#888);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0}.selection-label.active,.card:hover .selection-label{background:linear-gradient(270deg,#ffffffd6,#ffffffd6),linear-gradient(270deg,#0d99ff,#0d99ff)}.selection-label.active *,.card:hover .selection-label *{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(270deg,#0000000f,#0000000f),linear-gradient(270deg,#0d99ff,#0d99ff);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text}.card{background-color:var(--sematic-card-background);flex-direction:column;width:100%;margin-top:0;display:flex;position:relative}.card.row{flex-direction:row}.card.row>*{flex:1}.card-style{outline:1px solid var(--sematic-card-border-default);outline-offset:0em;z-index:2;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute;inset:0}.card-content{z-index:3;flex:1;padding:20px;position:relative}@media (max-width:768px){.card-content{padding:15px}}.card:hover .card-style{outline:1px solid var(--sematic-card-border-selected)}.card-style.selected,.card:hover .card-style.selected{outline:3px solid var(--sematic-card-border-selected);outline-offset:-1.5px}.ui-icon-box{border-style:solid;border-color:var(--sematic-card-border-default);aspect-ratio:1;background:linear-gradient(#fff 0%,#f3f3f3 100%),linear-gradient(270deg,#fff,#fff);border-width:1px;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:60px;height:60px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px 4px #ffffff4d}.ui-icon-box.big{width:72px;height:72px}.ui-icon-box.big *{width:36px;height:36px}.ui-icon{color:var(--primitive-color-black);z-index:2;flex-shrink:0;width:28px;height:28px;position:relative;overflow:visible}.ui-icon-effect{opacity:.2;color:var(--primitive-color-black);filter:blur(2px);z-index:1;flex-shrink:0;width:28px;height:28px;position:absolute;top:calc(50% - 10px);left:50%;overflow:visible;translate:-50%}.ui-icon-box.big .ui-icon-effect{opacity:.15;filter:blur(3px)}.col-pattern-box{-webkit-user-select:none;user-select:none;z-index:1;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;display:flex;position:absolute;left:60px;right:60px}@media (max-width:1024px){.col-pattern-box{left:40px;right:40px}}@media (max-width:768px){.col-pattern-box{left:20px;right:20px}}.col-pattern-overlay{z-index:1;background:radial-gradient(closest-side,#fff6 0%,#fff 100%);position:absolute;left:16px;right:16px}.col-style{opacity:.55;border-style:solid;border-color:var(--sematic-card-border-selected);z-index:0;background-color:#0d99ff33;border-width:1px;align-self:stretch;width:100%;animation:10s ease-in-out infinite opacityPulse;position:relative;overflow:hidden}@keyframes opacityPulse{0%{opacity:.3}50%{opacity:.55}to{opacity:.3}}.chat-bubble{z-index:1;background:var(--primitive-color-blue);width:fit-content;max-width:40ch;color:var(--primitive-color-white);border-radius:14px;flex-direction:column;align-self:flex-end;align-items:flex-start;margin-top:16px;margin-bottom:10px;padding:8px 12px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 .625em .9375em -.1875em #0000,0 .25em .375em -.125em #0000}.chat-bubble.received{background-color:var(--primitive-color-lighter-gray);color:var(--primitive-color-black);align-self:flex-start;max-width:52ch;margin-top:0;margin-bottom:8px}@media (max-width:576px){.chat-bubble{margin-bottom:2.5rem}}@media (hover:hover) and (pointer:fine){.chat-bubble:hover{z-index:2;transform:scale(1.2)rotate(2deg);box-shadow:0 .625em .9375em -.1875em #0000001a,0 .25em .375em -.125em #0000000d}.chat-bubble.received:hover{z-index:2;transform:scale(1.2)rotate(-2deg);box-shadow:0 .625em .9375em -.1875em #3c3c3c0d,0 .25em .375em -.125em #0000000d}}.chat-bubble.received img{aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid var(--sematic-card-border-default);border-radius:100px;width:36px;transition:all;display:block;position:absolute;bottom:0;left:-48px}.chat-bubble.received:hover img{transition:transform .2s cubic-bezier(.2,.8,.2,1);transform:scale(1.6)}@media (max-width:712px){.chat-bubble.received img{display:none}}.chat-bubble.received .sender{color:var(--primitive-color-slate);position:absolute;top:-2em;left:12px}.ml9{font-size:4em;font-weight:200;position:relative}.ml9 .text-wrapper{padding-top:.2em;padding-bottom:.1em;padding-right:.05em;display:inline-block;position:relative;overflow:hidden}.ml9 .letter{transform-origin:50% 100%;line-height:1em;display:inline-block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value: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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
>>>>>>> develop
=======
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-amber-500:oklch(76.9% .188 70.08);--color-yellow-400:oklch(85.2% .199 91.936);--color-indigo-400:oklch(67.3% .182 276.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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;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{.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-1{inset-inline:calc(var(--spacing)*1)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-x-4{inset-inline:calc(var(--spacing)*4)}.-inset-y-1{inset-block:calc(var(--spacing)*-1)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-20{top:calc(var(--spacing)*-20)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-\[30\%\]{top:30%}.right-1{right:calc(var(--spacing)*1)}.right-1\/2{right:50%}.right-\[-7\.5\%\]{right:-7.5%}.right-\[1\%\]{right:1%}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-1\/2{bottom:50%}.bottom-\[40\%\]{bottom:40%}.-left-3{left:calc(var(--spacing)*-3)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-2\/1{aspect-ratio:2}.aspect-3\/4{aspect-ratio:3/4}.aspect-4\/3{aspect-ratio:4/3}.aspect-\[1\.568\/1\]{aspect-ratio:1.568}.aspect-square{aspect-ratio:1}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-13{height:calc(var(--spacing)*13)}.h-37\.5{height:calc(var(--spacing)*37.5)}.h-\[1\.1em\]{height:1.1em}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-13{width:calc(var(--spacing)*13)}.w-15{width:calc(var(--spacing)*15)}.w-\[1\.1em\]{width:1.1em}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-168\.75{max-width:calc(var(--spacing)*168.75)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.grow{flex-grow:1}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.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}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-62\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*62.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*62.5)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-4\.5{row-gap:calc(var(--spacing)*4.5)}.gap-y-14{row-gap:calc(var(--spacing)*14)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px*var(--tw-divide-y-reverse));border-bottom-width:calc(2px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dotted>:not(:last-child)){--tw-border-style:dotted;border-style:dotted}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.bg-\[\#0D99FF\]{background-color:#0d99ff}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial-\[at_35\%_45\%\]{--tw-gradient-position:at 35% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 35% 45%))}.bg-radial-\[at_40\%_45\%\]{--tw-gradient-position:at 40% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 40% 45%))}.bg-radial-\[at_50\%_55\%\]{--tw-gradient-position:at 50% 55%;background-image:radial-gradient(var(--tw-gradient-stops,at 50% 55%))}.bg-radial-\[at_75\%_45\%\]{--tw-gradient-position:at 75% 45%;background-image:radial-gradient(var(--tw-gradient-stops,at 75% 45%))}.bg-\[radial-gradient\(146\.03\%_28\.34\%_at_50\%_71\.66\%\,rgba\(255\,255\,255\,0\.7\)_0\%\,rgba\(13\,153\,255\,0\.7\)_100\%\)\]{background-image:radial-gradient(146.03% 28.34% at 50% 71.66%,#ffffffb3 0%,#0d99ffb3 100%)}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/50{--tw-gradient-from:#ffffff80}@supports (color:color-mix(in lab, red, red)){.from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}.from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-25\%{--tw-gradient-from-position:25%}.to-\(--primitive-color-blue\){--tw-gradient-to:var(--primitive-color-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-45\%{--tw-gradient-to-position:45%}.to-65\%{--tw-gradient-to-position:65%}.to-75\%{--tw-gradient-to-position:75%}.to-90\%{--tw-gradient-to-position:90%}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-18{padding-top:calc(var(--spacing)*18)}.pt-30{padding-top:calc(var(--spacing)*30)}.pt-px{padding-top:1px}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-px{padding-left:1px}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-\(--primitive-color-blue\){color:var(--primitive-color-blue)}.text-amber-500{color:var(--color-amber-500)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-80{opacity:.8}.bg-blend-lighten{background-blend-mode:lighten}.shadow-md\/40{--tw-shadow-alpha:40%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.4)),0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-gray-200{--tw-shadow-color:oklch(92.8% .006 264.531)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-200{--tw-shadow-color:color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)}}.shadow-gray-400\/20{--tw-shadow-color:#99a1af33}@supports (color:color-mix(in lab, red, red)){.shadow-gray-400\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-400)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-300{--tw-shadow-color:oklch(86.9% .022 252.894)}@supports (color:color-mix(in lab, red, red)){.shadow-slate-300{--tw-shadow-color:color-mix(in oklab,var(--color-slate-300)var(--tw-shadow-alpha),transparent)}}.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,)}.brightness-0{--tw-brightness:brightness(0%);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,)}.invert-0{--tw-invert:invert(0%);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,)}.invert-20{--tw-invert:invert(20%);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,)}.invert-80{--tw-invert:invert(80%);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,)}.invert-100{--tw-invert:invert(100%);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,)}.filter{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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (min-width:40rem){.sm\:inline-block{display:inline-block}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:aspect-23\/9{aspect-ratio:23/9}.md\:aspect-auto{aspect-ratio:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-y-3{row-gap:calc(var(--spacing)*3)}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:text-balance{text-wrap:balance}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:-top-22{top:calc(var(--spacing)*-22)}.lg\:-right-8{right:calc(var(--spacing)*-8)}.lg\:bottom-0\.75{bottom:calc(var(--spacing)*.75)}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:aspect-2\/1{aspect-ratio:2}.lg\:aspect-4\/3{aspect-ratio:4/3}.lg\:aspect-23\/9{aspect-ratio:23/9}.lg\:w-9\/10{width:90%}.lg\:rotate-6{rotate:6deg}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:justify-end{justify-content:flex-end}:where(.lg\:space-y-34>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*34)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*34)*calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:py-1{padding-block:calc(var(--spacing)*1)}.lg\:pt-40{padding-top:calc(var(--spacing)*40)}.lg\:text-balance{text-wrap:balance}.lg\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.lg\:shadow-gray-500\/35{--tw-shadow-color:#6a728259}@supports (color:color-mix(in lab, red, red)){.lg\:shadow-gray-500\/35{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-500)35%,transparent)var(--tw-shadow-alpha),transparent)}}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}}}*{box-sizing:border-box}:root{--mouse-x:50%;--mouse-y:50%;--primitive-color-black:#000;--primitive-color-blue:#0d99ff;--primitive-color-light-gray:#ececec;--primitive-color-lighter-gray:#f5f5f5;--primitive-color-slate:#6e6e6e;--primitive-color-white:#fff;--sematic-button-primary-background:var(--primitive-color-black);--sematic-button-primary-icon:var(--primitive-color-white);--sematic-button-primary-label:var(--primitive-color-white);--sematic-button-secondary-background:var(--primitive-color-light-gray);--sematic-button-secondary-icon:var(--primitive-color-blue);--sematic-button-secondary-label:var(--primitive-color-black);--sematic-card-background:var(--primitive-color-white);--sematic-card-border-default:var(--primitive-color-light-gray);--sematic-card-border-selected:var(--primitive-color-blue);--sematic-interface-background-body:var(--primitive-color-lighter-gray);--sematic-interface-background-canvas:var(--primitive-color-lighter-gray);--sematic-interface-border:var(--primitive-color-blue);--primitive-radius-x-sm:4px;--primitive-radius-sm:8px;--primitive-radius-md:12px;--primitive-radius-lg:16px;--primitive-radius-x-lg:24px;--primitive-radius-xx-lg:32px;--primitive-stroke-thiner:.5px;--primitive-stroke-thin:.75px;--primitive-stroke-regular:1px;--primitive-stroke-thick:2px;--primitive-stroke-thicker:3px;--primitive-stroke-thickest:4px;--sematic-button-corner-sm:.7em;--sematic-button-corner-md:.8em;--sematic-button-height-sm:2.5em;--sematic-button-height-md:2.65em}html{scroll-behavior:smooth;scroll-snap-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:url(/assets/icon/custom-cursor-md.png),auto;position:relative}a:hover,button:hover{cursor:url(/assets/icon/custom-cursor-md.png),pointer}#canvas{box-sizing:border-box;background-color:var(--sematic-interface-background-canvas);color:inherit;padding:3rem 1rem;position:relative;overflow-x:clip}@media (max-width:1024px){#canvas{padding:0}}.polka-bg{z-index:1;opacity:.1;background-color:#0000;background-image:radial-gradient(circle,#000 1px,#0000 2px);background-size:32px 32px;position:absolute;inset:0}.page{z-index:2;background-color:var(--primitive-color-white);border:0px solid var(--sematic-interface-background-body);width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:visible}#opening-frame,#closing-frame{box-sizing:border-box;z-index:1;-webkit-user-select:none;user-select:none;border-style:solid;border-width:3px;min-height:90dvh;position:absolute;left:0;right:0}@media (max-width:1024px){#opening-frame,#closing-frame{display:none}}#opening-frame{border-image:linear-gradient(#0d99ff 0%,#fff 100%) 1;top:0}#closing-frame{border-image:linear-gradient(#fff 0%,#0d99ff 100%) 1;bottom:0}.global-padding{width:100%;padding:0 60px}.section-padding{height:auto;padding:5.75rem 0;position:relative}.layout-container{z-index:2;background-color:#0000;position:relative}.layout-container>*+*{margin-top:6rem}.layout-grid-12{grid-template-columns:repeat(12,1fr);gap:20px;width:100%;display:grid;position:relative}#hero-section{width:100%}header,footer{z-index:3;display:block;position:relative;overflow:hidden}main{z-index:2;display:block;position:relative;overflow:visible}section{position:relative}@media (max-width:1024px){.global-padding{padding:0 40px}.section-padding{padding:4rem 0}.layout-container>*+*{margin-top:5rem}}@media (max-width:768px){.global-padding{padding:0 20px}.section-padding{padding:3.5rem 0}.layout-container>*+*{margin-top:4.2rem}}nav.layout-grid-12{align-items:center;height:84px}nav .logo{grid-column:span 3}nav .nav-links-wrapper{grid-column:span 6}nav .nav-buttons-wrapper{grid-column:span 3;justify-self:end}nav .button{margin:0}@media screen and (max-width:1024px){nav .logo{grid-column:span 6}nav .nav-links-wrapper{grid-column:span 0}nav .nav-buttons-wrapper{grid-column:span 6;justify-self:end}}.anchor{background:var(--primitive-color-white);outline:3px solid var(--sematic-card-border-selected);outline-offset:0px;aspect-ratio:1;border:none;width:6px;height:6px;position:absolute}.anchor.tl{top:0;left:0;transform:translate(-50%,-50%)}.anchor.tr{top:0;right:0;transform:translate(50%,-50%)}.anchor.bl{bottom:0;left:0;transform:translate(-50%,50%)}.anchor.br{bottom:0;right:0;transform:translate(50%,50%)}.button{border-radius:var(--sematic-button-corner-sm);height:var(--sematic-button-height-sm);letter-spacing:-.035em;z-index:1;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;margin:0;padding:0 .8em;text-decoration:none;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.btn-grp{flex-flow:wrap;align-items:center;display:inline-flex}.btn-grp .button{margin-top:20px;display:flex}.btn-grp .button+.button{margin-top:20px;margin-left:.65em}@media (max-width:512px){.button{width:100%;display:flex}.btn-grp{width:100%}.btn-grp .button+.button{margin-top:12px;margin-left:0}}.button-big{border-radius:var(--sematic-button-corner-md);height:var(--sematic-button-height-md);gap:10px;padding:0 .8em}.button-big:has(svg),.button-big:has(img){margin:0;padding:0 1em 0 .8em}.button-primary{background-color:var(--sematic-button-primary-background);color:var(--sematic-button-primary-label);box-shadow:0 .625em .9375em -.1875em #0000001a,0 .25em .375em -.125em #0000000d}.button-secondary{background-color:var(--sematic-button-secondary-background);color:var(--sematic-button-secondary-label)}.button-tertiary{background-color:var(--primitive-color-white);color:var(--sematic-button-secondary-label);border:1px solid var(--sematic-card-border-default)}.link,.link:hover.disable{text-align:left;color:var(--primitive-color-slate);text-decoration:none;display:inline}@media (hover:hover) and (pointer:fine){.button:hover.button-primary,.button:hover.button-secondary,.button:hover.button-tertiary,.card:hover .button-primary:hover,.card:hover .button-secondary:hover,.card:hover .button-tertiary:hover{background-color:var(--primitive-color-blue);color:var(--primitive-color-white);z-index:2;border:none;transform:scale(1.1)rotate(-4deg)translateY(-1px)}.card:hover .button-primary,.card:hover .button-secondary,.card:hover .button-tertiary{transform:scale(1.15)}.link:hover{text-underline-offset:.25em;color:var(--primitive-color-blue);text-decoration:underline;text-decoration-thickness:1px}}.nav-links-wrapper{gap:20px;width:100%;display:flex}@media (max-width:1024px){.nav-links-wrapper{display:none}}.nav-link{text-align:center;width:100%;color:var(--primitive-color-slate);cursor:pointer;border:1px solid #0000;border-radius:6px;margin:0;padding:4px 8px;font-weight:450;text-decoration:none;display:block;position:relative}.nav-link:active,.nav-link:hover{color:var(--primitive-color-black);background-color:var(--primitive-color-lighter-gray);border:1px solid var(--primitive-color-light-gray)}.nav-link:disabled{color:var(--primitive-color-slate);opacity:.5;cursor:default}.selection-label{border-radius:var(--primitive-radius-x-sm);transform-origin:0 0;-webkit-user-select:none;user-select:none;background:linear-gradient(270deg,#ffffffd6,#ffffffd6),linear-gradient(270deg,#888,#888);flex-direction:row;justify-content:flex-start;gap:0;padding:2px 6px;font-weight:700;display:inline-flex;position:absolute;top:-2rem;overflow:hidden;transform:rotate(0)scale(1)}.selection-label *{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(270deg,#0000000f,#0000000f),linear-gradient(270deg,#888,#888);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0}.selection-label.active,.card:hover .selection-label{background:linear-gradient(270deg,#ffffffd6,#ffffffd6),linear-gradient(270deg,#0d99ff,#0d99ff)}.selection-label.active *,.card:hover .selection-label *{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(270deg,#0000000f,#0000000f),linear-gradient(270deg,#0d99ff,#0d99ff);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text}.card{background-color:var(--sematic-card-background);flex-direction:column;width:100%;margin-top:0;display:flex;position:relative}.card.row{flex-direction:row}.card.row>*{flex:1}.card-style{outline:1px solid var(--sematic-card-border-default);outline-offset:0em;z-index:2;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute;inset:0}.card-content{z-index:3;flex:1;padding:20px;position:relative}@media (max-width:768px){.card-content{padding:15px}}.card:hover .card-style{outline:1px solid var(--sematic-card-border-selected)}.card-style.selected,.card:hover .card-style.selected{outline:3px solid var(--sematic-card-border-selected);outline-offset:-1.5px}.ui-icon-box{border-style:solid;border-color:var(--sematic-card-border-default);aspect-ratio:1;background:linear-gradient(#fff 0%,#f3f3f3 100%),linear-gradient(270deg,#fff,#fff);border-width:1px;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:60px;height:60px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px 4px #ffffff4d}.ui-icon-box.big{width:72px;height:72px}.ui-icon-box.big *{width:36px;height:36px}.ui-icon{color:var(--primitive-color-black);z-index:2;flex-shrink:0;width:28px;height:28px;position:relative;overflow:visible}.ui-icon-effect{opacity:.2;color:var(--primitive-color-black);filter:blur(2px);z-index:1;flex-shrink:0;width:28px;height:28px;position:absolute;top:calc(50% - 10px);left:50%;overflow:visible;translate:-50%}.ui-icon-box.big .ui-icon-effect{opacity:.15;filter:blur(3px)}.col-pattern-box{-webkit-user-select:none;user-select:none;z-index:1;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;display:flex;position:absolute;left:60px;right:60px}@media (max-width:1024px){.col-pattern-box{left:40px;right:40px}}@media (max-width:768px){.col-pattern-box{left:20px;right:20px}}.col-pattern-overlay{z-index:1;background:radial-gradient(closest-side,#fff6 0%,#fff 100%);position:absolute;left:16px;right:16px}.col-style{opacity:.55;border-style:solid;border-color:var(--sematic-card-border-selected);z-index:0;background-color:#0d99ff33;border-width:1px;align-self:stretch;width:100%;animation:10s ease-in-out infinite opacityPulse;position:relative;overflow:hidden}@keyframes opacityPulse{0%{opacity:.3}50%{opacity:.55}to{opacity:.3}}.chat-bubble{z-index:1;background:var(--primitive-color-blue);width:fit-content;max-width:40ch;color:var(--primitive-color-white);border-radius:14px;flex-direction:column;align-self:flex-end;align-items:flex-start;margin-top:16px;margin-bottom:10px;padding:8px 12px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 .625em .9375em -.1875em #0000,0 .25em .375em -.125em #0000}.chat-bubble.received{background-color:var(--primitive-color-lighter-gray);color:var(--primitive-color-black);align-self:flex-start;max-width:52ch;margin-top:0;margin-bottom:8px}@media (max-width:576px){.chat-bubble{margin-bottom:2.5rem}}@media (hover:hover) and (pointer:fine){.chat-bubble:hover{z-index:2;transform:scale(1.2)rotate(2deg);box-shadow:0 .625em .9375em -.1875em #0000001a,0 .25em .375em -.125em #0000000d}.chat-bubble.received:hover{z-index:2;transform:scale(1.2)rotate(-2deg);box-shadow:0 .625em .9375em -.1875em #3c3c3c0d,0 .25em .375em -.125em #0000000d}}.chat-bubble.received img{aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid var(--sematic-card-border-default);border-radius:100px;width:36px;transition:all;display:block;position:absolute;bottom:0;left:-48px}.chat-bubble.received:hover img{transition:transform .2s cubic-bezier(.2,.8,.2,1);transform:scale(1.6)}@media (max-width:712px){.chat-bubble.received img{display:none}}.chat-bubble.received .sender{color:var(--primitive-color-slate);position:absolute;top:-2em;left:12px}.ml9{font-size:4em;font-weight:200;position:relative}.ml9 .text-wrapper{padding-top:.2em;padding-bottom:.1em;padding-right:.05em;display:inline-block;position:relative;overflow:hidden}.ml9 .letter{transform-origin:50% 100%;line-height:1em;display:inline-block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value: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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
>>>>>>> origin