/* Theme base styles */

/* Generic */

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}


/* Remove Safari's default appearance for select elements */

select {
  -webkit-appearance: none;
  appearance: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects */

/* Responsive grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/* Content wrappers for blog post and system templates */

.content-wrapper {
  padding: 0 20px;
  margin: 0 auto;
}

/* Drag and drop layout styles */

.dnd-section > .row-fluid {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements */



/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@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-space-y-reverse          : 0;
            --tw-space-x-reverse          : 0;
            --tw-border-style             : solid;
            --tw-font-weight              : initial;
            --tw-tracking                 : initial;
            --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-outline-style            : solid;
            --tw-blur                     : initial;
            --tw-brightness               : initial;
            --tw-contrast                 : initial;
            --tw-grayscale                : initial;
            --tw-hue-rotate               : initial;
            --tw-invert                   : initial;
            --tw-opacity                  : initial;
            --tw-saturate                 : initial;
            --tw-sepia                    : initial;
            --tw-drop-shadow              : initial;
            --tw-drop-shadow-color        : initial;
            --tw-drop-shadow-alpha        : 100%;
            --tw-drop-shadow-size         : initial;
            --tw-backdrop-blur            : initial;
            --tw-backdrop-brightness      : initial;
            --tw-backdrop-contrast        : initial;
            --tw-backdrop-grayscale       : initial;
            --tw-backdrop-hue-rotate      : initial;
            --tw-backdrop-invert          : initial;
            --tw-backdrop-opacity         : initial;
            --tw-backdrop-saturate        : initial;
            --tw-backdrop-sepia           : initial;
            --tw-duration                 : initial;
            --tw-animation-delay          : 0s;
            --tw-animation-direction      : normal;
            --tw-animation-duration       : initial;
            --tw-animation-fill-mode      : none;
            --tw-animation-iteration-count: 1;
            --tw-enter-opacity            : 1;
            --tw-enter-rotate             : 0;
            --tw-enter-scale              : 1;
            --tw-enter-translate-x        : 0;
            --tw-enter-translate-y        : 0;
            --tw-exit-opacity             : 1;
            --tw-exit-rotate              : 0;
            --tw-exit-scale               : 1;
            --tw-exit-translate-x         : 0;
            --tw-exit-translate-y         : 0
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans                         : Awareways, Urbanist, Avenir, Helvetica, sans-serif;
        --font-mono                         : ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-orange-200                  : oklch(87.47% .0681 52.16);
        --color-orange-300                  : oklch(79.22% .1159 48.17);
        --color-orange-600                  : oklch(60.06% .2101 33.16);
        --color-orange-700                  : oklch(51.68% .1858 31.31);
        --color-yellow-100                  : oklch(95.6% .0552 91.41);
        --color-yellow-200                  : oklch(89.51% .1237 90.15);
        --color-green-200                   : oklch(91.74% .0944 144.76);
        --color-green-300                   : oklch(87.99% .1355 144.32);
        --color-blue-100                    : oklch(95.49% .0413 202.07);
        --color-blue-200                    : oklch(91.53% .0724 202.44);
        --color-blue-300                    : oklch(87.56% .0973 204.53);
        --color-purple-300                  : oklch(82.76% .0883 300);
        --color-purple-400                  : oklch(76.34% .1235 301.39);
        --color-pink-200                    : oklch(90.16% .0593 338.54);
        --color-pink-300                    : oklch(81.57% .1179 341.34);
        --color-gray-50                     : oklch(98.48% .0013 106.42);
        --color-gray-100                    : oklch(96.99% .0013 106.42);
        --color-gray-200                    : oklch(92.32% .0026 48.72);
        --color-gray-300                    : oklch(86.87% .0043 56.37);
        --color-gray-400                    : oklch(71.61% .0091 56.26);
        --color-gray-500                    : oklch(55.34% .0116 58.07);
        --color-gray-600                    : oklch(44.44% .0096 73.64);
        --color-gray-700                    : oklch(37.41% .0087 67.56);
        --color-gray-800                    : oklch(26.85% .0063 34.3);
        --color-gray-900                    : oklch(21.61% .0061 56.04);
        --color-black                       : #000;
        --color-white                       : #fff;
        --spacing                           : .25rem;
        --text-xs                           : .75rem;
        --text-xs--line-height              : calc(1.25/.75);
        --text-sm                           : .875rem;
        --text-sm--line-height              : calc(1.375/.875);
        --text-lg                           : 1.125rem;
        --text-lg--line-height              : calc(1.625/1.125);
        --font-weight-bold                  : 700;
        --tracking-widest                   : .1em;
        --radius-2xl                        : 1rem;
        --radius-3xl                        : 1.5rem;
        --blur-md                           : 12px;
        --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);
        --text-md                           : 1rem;
        --text-md--line-height              : 1.5;
        --text-h1                           : 3.5rem;
        --text-h1--line-height              : 1.25;
        --font-weight-demi                  : 600
    }
}

@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;
        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
    }

    :-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
    }

    * {
        border-color : var(--border);
        outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        * {
            outline-color: color-mix(in oklab, var(--ring)50%, transparent)
        }
    }

    body {
        background-color: var(--background);
        color           : var(--foreground)
    }
}

@layer components;

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .sr-only {
        clip        : rect(0, 0, 0, 0);
        white-space : nowrap;
        border-width: 0;
        width       : 1px;
        height      : 1px;
        margin      : -1px;
        padding     : 0;
        position    : absolute;
        overflow    : hidden
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-\[60\%\] {
        top: 60%
    }

    .top-full {
        top: 100%
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-3 {
        left: calc(var(--spacing)*3)
    }

    .left-\[-reka-navigation-menu-viewport-width\] {
        left: -reka-navigation-menu-viewport-width
    }

    .isolate {
        isolation: isolate
    }

    .z-2 {
        z-index: 2
    }

    .z-50 {
        z-index: 50
    }

    .z-\[1\] {
        z-index: 1
    }

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mr-4 {
        margin-right: calc(var(--spacing)*4)
    }

    .mr-8 {
        margin-right: calc(var(--spacing)*8)
    }

    .ml-1\.5 {
        margin-left: calc(var(--spacing)*1.5)
    }

    .ml-auto {
        margin-left: auto
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .inline-flex {
        display: inline-flex
    }

    .size-2 {
        width : calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .size-3\.5 {
        width : calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-4 {
        width : calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-8 {
        width : calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .size-9\.5 {
        width : calc(var(--spacing)*9.5);
        height: calc(var(--spacing)*9.5)
    }

    .size-10 {
        width : calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .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-\[2\.625rem\] {
        height: 2.625rem
    }

    .h-\[var\(--reka-navigation-menu-viewport-height\)\] {
        height: var(--reka-navigation-menu-viewport-height)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .max-h-\(--reka-dropdown-menu-content-available-height\) {
        max-height: var(--reka-dropdown-menu-content-available-height)
    }

    .w-2 {
        width: calc(var(--spacing)*2)
    }

    .w-12 {
        width: calc(var(--spacing)*12)
    }

    .w-48 {
        width: calc(var(--spacing)*48)
    }

    .w-\[205px\] {
        width: 205px
    }

    .w-\[242px\] {
        width: 242px
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .max-w-max {
        max-width: max-content
    }

    .min-w-40 {
        min-width: calc(var(--spacing)*40)
    }

    .min-w-\[8rem\] {
        min-width: 8rem
    }

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .origin-\(--reka-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--reka-dropdown-menu-content-transform-origin)
    }

    .rotate-45 {
        rotate: 45deg
    }

    .cursor-default {
        cursor: default
    }

    .list-none {
        list-style-type: none
    }

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-10 {
        gap: calc(var(--spacing)*10)
    }

    .gap-12 {
        gap: calc(var(--spacing)*12)
    }

    :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-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-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start : calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end   : calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
    }

    .self-stretch {
        align-self: stretch
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-md {
        border-radius: calc(var(--radius) - 2px)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-xl {
        border-radius: calc(var(--radius) + 4px)
    }

    .rounded-tl-sm {
        border-top-left-radius: calc(var(--radius) - 4px)
    }

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

    .border-y-2 {
        border-block-style: var(--tw-border-style);
        border-block-width: 2px
    }

    .border-gray-500 {
        border-color: var(--color-gray-500)
    }

    .border-transparent {
        border-color: #0000
    }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .bg-background\/70 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/70 {
            background-color: color-mix(in oklab, var(--background)70%, transparent)
        }
    }

    .bg-blue-100 {
        background-color: var(--color-blue-100)
    }

    .bg-blue-300 {
        background-color: var(--color-blue-300)
    }

    .bg-border {
        background-color: var(--border)
    }

    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }

    .bg-gray-900 {
        background-color: var(--color-gray-900)
    }

    .bg-green-300 {
        background-color: var(--color-green-300)
    }

    .bg-orange-300 {
        background-color: var(--color-orange-300)
    }

    .bg-pink-300 {
        background-color: var(--color-pink-300)
    }

    .bg-popover {
        background-color: var(--popover)
    }

    .bg-primary {
        background-color: var(--primary)
    }

    .bg-purple-400 {
        background-color: var(--color-purple-400)
    }

    .bg-secondary {
        background-color: var(--secondary)
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-yellow-200 {
        background-color: var(--color-yellow-200)
    }

    .fill-black {
        fill: var(--color-black)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-white {
        fill: var(--color-white)
    }

    .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)
    }

    .p-\[5px\] {
        padding: 5px
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-10 {
        padding-inline: calc(var(--spacing)*10)
    }

    .px-20 {
        padding-inline: calc(var(--spacing)*20)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-11 {
        padding-block: calc(var(--spacing)*11)
    }

    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }

    .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pl-8\.5 {
        padding-left: calc(var(--spacing)*8.5)
    }

    .text-h1 {
        font-size  : var(--text-h1);
        line-height: var(--tw-leading, var(--text-h1--line-height))
    }

    .text-lg {
        font-size  : var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-md {
        font-size  : var(--text-md);
        line-height: var(--tw-leading, var(--text-md--line-height))
    }

    .text-sm {
        font-size  : var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xs {
        font-size  : var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight     : var(--font-weight-bold)
    }

    .font-demi {
        --tw-font-weight: var(--font-weight-demi);
        font-weight     : var(--font-weight-demi)
    }

    .tracking-widest {
        --tw-tracking : var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-black {
        color: var(--color-black)
    }

    .text-gray-100 {
        color: var(--color-gray-100)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-800 {
        color: var(--color-gray-800)
    }

    .text-muted-foreground {
        color: var(--muted-foreground)
    }

    .text-popover-foreground {
        color: var(--popover-foreground)
    }

    .text-primary {
        color: var(--primary)
    }

    .text-primary-foreground {
        color: var(--primary-foreground)
    }

    .text-secondary-foreground {
        color: var(--secondary-foreground)
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white)
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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)
    }

    .inset-shadow-sm {
        --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-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)
    }

    .ring-ring\/10 {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-ring\/10 {
            --tw-ring-color: color-mix(in oklab, var(--ring)10%, transparent)
        }
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style     : none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline       : 2px solid #0000
        }
    }

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

    .-outline-offset-1 {
        outline-offset: -1px
    }

    .outline-ring\/50 {
        outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-ring\/50 {
            outline-color: color-mix(in oklab, var(--ring)50%, transparent)
        }
    }

    .outline-secondary-foreground {
        outline-color: var(--secondary-foreground)
    }

    .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, )
    }

    .backdrop-blur-md {
        --tw-backdrop-blur     : blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter        : var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property       : color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration       : var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\] {
        transition-property       : color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration       : var(--tw-duration, var(--default-transition-duration))
    }

    .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))
    }

    .duration-200 {
        --tw-duration      : .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration      : .3s;
        transition-duration: .3s
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style     : none
    }

    .select-none {
        -webkit-user-select: none;
        user-select        : none
    }

    @media (hover:hover) {

        .group-hover\/about\:border-b-black:is(:where(.group\/about):hover *),
        .group-hover\/solutions\:border-b-black:is(:where(.group\/solutions):hover *) {
            border-bottom-color: var(--color-black)
        }
    }

    .group-focus\/about\:border-b-black:is(:where(.group\/about):focus *),
    .group-focus\/solutions\:border-b-black:is(:where(.group\/solutions):focus *) {
        border-bottom-color: var(--color-black)
    }

    .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing)*1.5)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: calc(var(--radius) - 2px)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        background-color: var(--popover)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        color: var(--popover-foreground)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:shadow-xs:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --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)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration      : .2s;
        transition-duration: .2s
    }

    @media (hover:hover) {
        .hover\:border-b-black:hover {
            border-bottom-color: var(--color-black)
        }

        .hover\:bg-accent:hover {
            background-color: var(--accent)
        }

        .hover\:bg-blue-200:hover {
            background-color: var(--color-blue-200)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-gray-700:hover {
            background-color: var(--color-gray-700)
        }

        .hover\:bg-green-200:hover {
            background-color: var(--color-green-200)
        }

        .hover\:bg-orange-200:hover {
            background-color: var(--color-orange-200)
        }

        .hover\:bg-pink-200:hover {
            background-color: var(--color-pink-200)
        }

        .hover\:bg-purple-300:hover {
            background-color: var(--color-purple-300)
        }

        .hover\:bg-yellow-100:hover {
            background-color: var(--color-yellow-100)
        }

        .hover\:fill-gray-400:hover {
            fill: var(--color-gray-400)
        }

        .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
        }

        .hover\:text-gray-400:hover {
            color: var(--color-gray-400)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }

    .focus\:border-b-black:focus {
        border-bottom-color: var(--color-black)
    }

    .focus\:bg-accent:focus {
        background-color: var(--accent)
    }

    .focus\:text-accent-foreground:focus {
        color: var(--accent-foreground)
    }

    .focus-visible\:border-ring:focus-visible {
        border-color: var(--ring)
    }

    .focus-visible\:ring-4:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow      : var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow      : var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-ring\/50:focus-visible {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
        }
    }

    .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .active\:fill-gray-400:active {
        fill: var(--color-gray-400)
    }

    .active\:text-gray-400:active {
        color: var(--color-gray-400)
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .has-\[\>svg\]\:pr-2\.5:has(>svg) {
        padding-right: calc(var(--spacing)*2.5)
    }

    .has-\[\>svg\]\:pr-4:has(>svg) {
        padding-right: calc(var(--spacing)*4)
    }

    .aria-invalid\:border-destructive[aria-invalid=true] {
        border-color: var(--destructive)
    }

    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
        }
    }

    .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
        background-color: var(--accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
            background-color: color-mix(in oklab, var(--accent)50%, transparent)
        }
    }

    .data-\[active\=true\]\:text-accent-foreground[data-active=true] {
        color: var(--accent-foreground)
    }

    @media (hover:hover) {
        .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
            background-color: var(--accent)
        }
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[inset\]\:pl-8\.5[data-inset] {
        padding-left: calc(var(--spacing)*8.5)
    }

    .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
        --tw-enter-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
        --tw-enter-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
        --tw-exit-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
        --tw-exit-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
        --tw-enter-opacity: 0
    }

    .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
        --tw-exit-opacity: 0
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: calc(2*var(--spacing))
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: calc(2*var(--spacing))
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow      : var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style     : none
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=open\]\:bg-accent[data-state=open] {
        background-color: var(--accent)
    }

    .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
        color: var(--accent-foreground)
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:zoom-in-90[data-state=open] {
        --tw-enter-scale: .9
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=visible\]\:animate-in[data-state=visible] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=visible\]\:fade-in[data-state=visible] {
        --tw-enter-opacity: 0
    }

    .data-\[variant\=destructive\]\:text-destructive-foreground[data-variant=destructive] {
        color: var(--destructive-foreground)
    }

    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--destructive)10%, transparent)
        }
    }

    .data-\[variant\=destructive\]\:focus\:text-destructive-foreground[data-variant=destructive]:focus {
        color: var(--destructive-foreground)
    }

    @media (min-width:40rem) {
        .sm\:h-9 {
            height: calc(var(--spacing)*9)
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:w-\[var\(--reka-navigation-menu-viewport-width\)\] {
            width: var(--reka-navigation-menu-viewport-width)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-max {
            width: max-content
        }

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }
    }

    @media (min-width:80rem) {
        .xl\:px-18 {
            padding-inline: calc(var(--spacing)*18)
        }
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width : calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
        width : calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive-foreground[data-variant=destructive]>*):is(svg) {
        color: var(--destructive-foreground) !important
    }
}

@property --tw-animation-delay {
    syntax       : "*";
    inherits     : false;
    initial-value: 0s
}

@property --tw-animation-direction {
    syntax       : "*";
    inherits     : false;
    initial-value: normal
}

@property --tw-animation-duration {
    syntax  : "*";
    inherits: false
}

@property --tw-animation-fill-mode {
    syntax       : "*";
    inherits     : false;
    initial-value: none
}

@property --tw-animation-iteration-count {
    syntax       : "*";
    inherits     : false;
    initial-value: 1
}

@property --tw-enter-opacity {
    syntax       : "*";
    inherits     : false;
    initial-value: 1
}

@property --tw-enter-rotate {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-enter-scale {
    syntax       : "*";
    inherits     : false;
    initial-value: 1
}

@property --tw-enter-translate-x {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-enter-translate-y {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-exit-opacity {
    syntax       : "*";
    inherits     : false;
    initial-value: 1
}

@property --tw-exit-rotate {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-exit-scale {
    syntax       : "*";
    inherits     : false;
    initial-value: 1
}

@property --tw-exit-translate-x {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-exit-translate-y {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@font-face {
    font-family : Awareways;
    src         : url(/fonts/F37Moon-AW-Regular.woff2)format("woff2");
    font-weight : 400;
    font-style  : normal;
    font-display: swap
}

@font-face {
    font-family : Awareways;
    src         : url(/fonts/F37Moon-AW-RegularItalic.woff2)format("woff2");
    font-weight : 400;
    font-style  : italic;
    font-display: swap
}

@font-face {
    font-family : Awareways;
    src         : url(/fonts/F37Moon-AW-Demi.woff2)format("woff2");
    font-weight : 600;
    font-style  : normal;
    font-display: swap
}

@font-face {
    font-family : Awareways;
    src         : url(/fonts/F37Moon-AW-Bold.woff2)format("woff2");
    font-weight : 700;
    font-style  : normal;
    font-display: swap
}

:root {
    --background                               : var(--color-gray-100);
    --foreground                               : var(--color-gray-800);
    --card                                     : oklch(100% 0 0);
    --card-foreground                          : var(--color-gray-700);
    --popover                                  : oklch(100% 0 0);
    --popover-foreground                       : var(--color-gray-700);
    --primary                                  : oklch(0% 0 0);
    --primary-foreground                       : var(--color-gray-50);
    --secondary                                : oklch(0 0 0 0);
    --secondary-foreground                     : oklch(0% 0 0);
    --muted                                    : var(--color-gray-50);
    --muted-foreground                         : oklch(55.1% .027 264.364);
    --accent                                   : var(--color-blue-100);
    --accent-foreground                        : var(--color-gray-800);
    --destructive                              : var(--color-orange-600);
    --destructive-foreground                   : var(--color-orange-600);
    --border                                   : oklch(92.8% .006 264.531);
    --input                                    : oklch(92.8% .006 264.531);
    --ring                                     : oklch(70.7% .022 261.325);
    --chart-1                                  : oklch(64.6% .222 41.116);
    --chart-2                                  : oklch(60% .118 184.704);
    --chart-3                                  : oklch(39.8% .07 227.392);
    --chart-4                                  : oklch(82.8% .189 84.429);
    --chart-5                                  : oklch(76.9% .188 70.08);
    --radius                                   : .625rem;
    --sidebar                                  : oklch(98.5% .002 247.839);
    --sidebar-foreground                       : oklch(13% .028 261.692);
    --sidebar-primary                          : oklch(21% .034 264.665);
    --sidebar-primary-foreground               : oklch(98.5% .002 247.839);
    --sidebar-accent                           : oklch(96.7% .003 264.542);
    --sidebar-accent-foreground                : oklch(21% .034 264.665);
    --sidebar-border                           : oklch(92.8% .006 264.531);
    --sidebar-ring                             : oklch(70.7% .022 261.325);
    --hsf-global__font-family                  : var(--font-sans);
    --hsf-background__padding                  : 0;
    --hsf-row__horizontal-spacing              : calc(var(--spacing)*8);
    --hsf-row__vertical-spacing                : calc(var(--spacing)*4.5);
    --hsf-module__vertical-spacing             : calc(var(--spacing)*3);
    --hsf-field-label__font-size               : var(--text-md);
    --hsf-field-label__color                   : var(--color-gray-500);
    --hsf-field-label-requiredindicator__color : var(--color-gray-500);
    --hsf-field-input__color                   : var(--color-black);
    --hsf-field-description__color             : var(--color-gray-500);
    --hsf-field-footer__color                  : var(--color-gray-500);
    --hsf-field-input__placeholder-color       : var(--color-gray-500);
    --hsf-global__error-color                  : var(--color-orange-700);
    --hsf-field-input__background-color        : var(--color-white);
    --hsf-field-input__border-color            : var(--color-gray-300);
    --hsf-field-input__border-radius           : var(--radius-3xl);
    --hsf-field-dropdown-options__border-radius: var(--radius-3xl);
    --hsf-field-input__border-width            : 0;
    --hsf-field-checkbox__border-width         : 1px;
    --hsf-field-radio__border-width            : 1px;
    --hsf-field-input__padding                 : calc(var(--spacing)*3)calc(var(--spacing)*4);
    --hsf-button__font-size                    : var(--text-md);
    --hsf-button__font-weight                  : var(--font-weight-demi);
    --hsf-button__color                        : var(--color-black);
    --hsf-button__background-color             : var(--color-blue-300);
    --hsf-button--hover__background-color      : var(--color-blue-200);
    --hsf-button__box-shadow                   : none;
    --hsf-button__border-radius                : var(--radius-3xl);
    --hsf-button__padding                      : calc(var(--spacing)*2)calc(var(--spacing)*6);
    --hsf-richtext__font-size                  : var(--text-lg);
    --hsf-richtext__color                      : var(--color-gray-600);
    --hsf-heading__color                       : var(--color-gray-800)
}

.hs-form-html .hsfc-FieldLabel {
    --tw-font-weight: var(--font-weight-demi);
    font-weight     : var(--font-weight-demi)
}

.hs-form-html .hsfc-DropdownOptions {
    --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)
}

.hs-form-html .hsfc-DropdownInput .hsfc-TextInput {
    text-overflow     : ellipsis;
    white-space       : nowrap;
    padding-inline-end: calc(var(--spacing)*9.5);
    overflow          : hidden
}

.hs-form-html .hsfc-DropdownOptions__Search .hsfc-TextInput {
    border-style: var(--tw-border-style);
    border-width: 1px
}

@media not all and (min-width:40rem) {
    .hs-form-html [data-hsfc-id=Renderer] .hsfc-Row {
        gap                  : var(--hsf-row__vertical-spacing, var(--hsf-default-row__vertical-spacing));
        grid-template-columns: 1fr
    }

    .hs-form-html [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons {
        gap           : var(--hsf-row__vertical-spacing, var(--hsf-default-row__vertical-spacing));
        flex-direction: column
    }

    .hs-form-html [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons>* {
        width: 100%
    }
}

@property --tw-space-y-reverse {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax       : "*";
    inherits     : false;
    initial-value: 0
}

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

@property --tw-font-weight {
    syntax  : "*";
    inherits: false
}

@property --tw-tracking {
    syntax  : "*";
    inherits: false
}

@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-outline-style {
    syntax       : "*";
    inherits     : false;
    initial-value: solid
}

@property --tw-blur {
    syntax  : "*";
    inherits: false
}

@property --tw-brightness {
    syntax  : "*";
    inherits: false
}

@property --tw-contrast {
    syntax  : "*";
    inherits: false
}

@property --tw-grayscale {
    syntax  : "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax  : "*";
    inherits: false
}

@property --tw-invert {
    syntax  : "*";
    inherits: false
}

@property --tw-opacity {
    syntax  : "*";
    inherits: false
}

@property --tw-saturate {
    syntax  : "*";
    inherits: false
}

@property --tw-sepia {
    syntax  : "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax  : "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax  : "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax       : "<percentage>";
    inherits     : false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax  : "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax  : "*";
    inherits: false
}

@property --tw-duration {
    syntax  : "*";
    inherits: false
}

@keyframes enter {
    0% {
        opacity  : var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity  : var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
    }
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete
}