/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-black: #000;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --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 {
  .diff {
    position: relative;
    display: grid;
    width: 100%;
    overflow: hidden;
    webkit-user-select: none;
    user-select: none;
    direction: ltr;
    container-type: inline-size;
    grid-template-columns: auto 1fr;
    &:focus-visible, &:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
      .diff-resizer {
        min-width: 90cqi;
        max-width: 90cqi;
      }
    }
    &:has(.diff-item-2:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      .diff-resizer {
        min-width: 10cqi;
        max-width: 10cqi;
      }
    }
    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
      &:focus {
        .diff-resizer {
          min-width: 10cqi;
          max-width: 10cqi;
        }
      }
      &:has(.diff-item-1:focus) {
        .diff-resizer {
          min-width: 90cqi;
          max-width: 90cqi;
        }
      }
    }
  }
  .tab {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    appearance: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    webkit-user-select: none;
    user-select: none;
    &:hover {
      @media (hover: hover) {
        color: var(--color-base-content);
      }
    }
    --tab-p: 1rem;
    --tab-bg: var(--color-base-100);
    --tab-border-color: var(--color-base-300);
    --tab-radius-ss: 0;
    --tab-radius-se: 0;
    --tab-radius-es: 0;
    --tab-radius-ee: 0;
    --tab-order: 0;
    --tab-radius-min: calc(0.75rem - var(--border));
    border-color: #0000;
    order: var(--tab-order);
    height: calc(var(--size-field, 0.25rem) * 10);
    font-size: 0.875rem;
    padding-inline-start: var(--tab-p);
    padding-inline-end: var(--tab-p);
    &:is(input[type="radio"]) {
      min-width: fit-content;
      &:after {
        content: attr(aria-label);
      }
    }
    &:is(label) {
      position: relative;
      input {
        position: absolute;
        inset: calc(0.25rem * 0);
        cursor: pointer;
        appearance: none;
        opacity: 0%;
      }
    }
    &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"]) {
      & + .tab-content {
        display: block;
        height: 100%;
      }
    }
    &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }
    &:not(input):empty {
      flex-grow: 1;
      cursor: default;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible, &:is(label:has(:checked:focus-visible)) {
      outline: 2px solid currentColor;
      outline-offset: -5px;
    }
    &[disabled] {
      pointer-events: none;
      opacity: 40%;
    }
  }
  .btn {
    :where(&) {
      width: unset;
    }
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 1.5);
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, 0.875rem);
    font-weight: 600;
    outline-color: var(--btn-color, var(--color-base-content));
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 0.2s;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
    touch-action: manipulation;
    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, 0.25rem) * 10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
    --btn-shadow: 0 3px 2px -2px var(--btn-bg),
    0 4px 3px -2px var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
    0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
    --btn-noise: var(--fx-noise);
    .prose & {
      text-decoration-line: none;
    }
    @media (hover: hover) {
      &:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }
    &:focus-visible {
      outline-width: 2px;
      outline-style: solid;
      isolation: isolate;
    }
    &:active:not(.btn-active) {
      translate: 0 0.5px;
      --btn-bg: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
      }
      --btn-border: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
    }
    &:is(:disabled, [disabled], .btn-disabled) {
      &:not(.btn-link, .btn-ghost) {
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        box-shadow: none;
      }
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
      @media (hover: hover) {
        &:hover {
          pointer-events: none;
          background-color: var(--color-neutral);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
          }
          --btn-border: #0000;
          --btn-fg: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }
    &:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
      &::after {
        content: attr(aria-label);
      }
    }
    &:where(input:checked:not(.filter .btn)) {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
      isolation: isolate;
    }
  }
  .visible {
    visibility: visible;
  }
  .list {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    :where(.list-row) {
      --list-grid-cols: minmax(0, auto) 1fr;
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 4);
      word-break: break-word;
      grid-template-columns: var(--list-grid-cols);
      &:has(.list-col-grow:nth-child(1)) {
        --list-grid-cols: 1fr;
      }
      &:has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }
      :not(.list-col-wrap) {
        grid-row-start: 1;
      }
    }
    & > :not(:last-child) {
      &.list-row, .list-row {
        &:after {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          bottom: calc(0.25rem * 0);
          border-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }
  }
  .toast {
    position: fixed;
    inset-inline-start: auto;
    inset-inline-end: calc(0.25rem * 4);
    top: auto;
    bottom: calc(0.25rem * 4);
    display: flex;
    flex-direction: column;
    gap: calc(0.25rem * 2);
    background-color: transparent;
    translate: var(--toast-x, 0) var(--toast-y, 0);
    width: max-content;
    max-width: calc(100vw - 2rem);
    & > * {
      animation: toast 0.25s ease-out;
    }
    &:where(.toast-start) {
      inset-inline-start: calc(0.25rem * 4);
      inset-inline-end: auto;
      --toast-x: 0;
    }
    &:where(.toast-center) {
      inset-inline-start: calc(1/2 * 100%);
      inset-inline-end: calc(1/2 * 100%);
      --toast-x: -50%;
    }
    &:where(.toast-end) {
      inset-inline-start: auto;
      inset-inline-end: calc(0.25rem * 4);
      --toast-x: 0;
    }
    &:where(.toast-bottom) {
      top: auto;
      bottom: calc(0.25rem * 4);
      --toast-y: 0;
    }
    &:where(.toast-middle) {
      top: calc(1/2 * 100%);
      bottom: auto;
      --toast-y: -50%;
    }
    &:where(.toast-top) {
      top: calc(0.25rem * 4);
      bottom: auto;
      --toast-y: 0;
    }
  }
  .input {
    cursor: text;
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 2);
    background-color: var(--color-base-100);
    padding-inline: calc(0.25rem * 3);
    vertical-align: middle;
    white-space: nowrap;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    &:where(input) {
      display: inline-flex;
    }
    :where(input) {
      display: inline-flex;
      height: 100%;
      width: 100%;
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where(input[type="date"]) {
      display: inline-block;
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }
    &::-webkit-date-and-time-value {
      text-align: inherit;
    }
    &[type="number"] {
      &::-webkit-inner-spin-button {
        margin-block: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -3);
      }
    }
    &::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
    }
  }
  .indicator {
    position: relative;
    display: inline-flex;
    width: max-content;
    :where(.indicator-item) {
      z-index: 1;
      position: absolute;
      white-space: nowrap;
      top: var(--inidicator-t, 0);
      bottom: var(--inidicator-b, auto);
      left: var(--inidicator-s, auto);
      right: var(--inidicator-e, 0);
      translate: var(--inidicator-x, 50%) var(--indicator-y, -50%);
    }
  }
  .table {
    font-size: 0.875rem;
    position: relative;
    width: 100%;
    border-radius: var(--radius-box);
    text-align: left;
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }
    tr.row-hover {
      &, &:nth-child(even) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-base-200);
          }
        }
      }
    }
    :where(th, td) {
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      vertical-align: middle;
    }
    :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
      font-size: 0.875rem;
      font-weight: 600;
    }
    :where(tfoot) {
      border-top: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
    :where(.table-pin-rows thead tr) {
      position: sticky;
      top: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-rows tfoot tr) {
      position: sticky;
      bottom: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-cols tr th) {
      position: sticky;
      right: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      background-color: var(--color-base-100);
    }
    :where(thead tr, tbody tr:not(:last-child)) {
      border-bottom: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
  }
  .range {
    appearance: none;
    webkit-appearance: none;
    --range-thumb: var(--color-base-100);
    --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
    --range-progress: currentColor;
    --range-fill: 1;
    --range-p: 0.25rem;
    --range-bg: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      --range-bg: color-mix(in oklab, currentColor 10%, #0000);
    }
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
    border: none;
    height: var(--range-thumb-size);
    [dir="rtl"] & {
      --range-dir: -1;
    }
    &:focus {
      outline: none;
    }
    &:focus-visible {
      outline: 2px solid;
      outline-offset: 2px;
    }
    &::-webkit-slider-runnable-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    @media (forced-colors: active) {
      &::-webkit-slider-runnable-track {
        border: 1px solid;
      }
    }
    @media (forced-colors: active) {
      &::-moz-range-track {
        border: 1px solid;
      }
    }
    &::-webkit-slider-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      appearance: none;
      webkit-appearance: none;
      top: 50%;
      color: var(--range-progress);
      transform: translateY(-50%);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &::-moz-range-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    &::-moz-range-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      top: 50%;
      color: var(--range-progress);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
    }
  }
  .select {
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    background-color: var(--color-base-100);
    padding-inline-start: calc(0.25rem * 4);
    padding-inline-end: calc(0.25rem * 7);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    border-color: var(--input-color);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    [dir="rtl"] & {
      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
    }
    select {
      margin-inline-start: calc(0.25rem * -4);
      margin-inline-end: calc(0.25rem * -7);
      width: calc(100% + 2.75rem);
      appearance: none;
      padding-inline-start: calc(0.25rem * 4);
      padding-inline-end: calc(0.25rem * 7);
      height: calc(100% - 2px);
      background: inherit;
      border-radius: inherit;
      border-style: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * -5.5);
        background-image: none;
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> select[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    &:has(> select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-box);
    outline-width: 2px;
    transition: outline 0.2s ease-in-out;
    outline: 0 solid #0000;
    outline-offset: 2px;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline-color: currentColor;
    }
    :where(figure:first-child) {
      overflow: hidden;
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-start-radius: unset;
      border-end-end-radius: unset;
    }
    :where(figure:last-child) {
      overflow: hidden;
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-start-radius: inherit;
      border-end-end-radius: inherit;
    }
    &:where(.card-border) {
      border: var(--border) solid var(--color-base-200);
    }
    &:where(.card-dash) {
      border: var(--border) dashed var(--color-base-200);
    }
    &.image-full {
      display: grid;
      > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
      > .card-body {
        position: relative;
        color: var(--color-neutral-content);
      }
      :where(figure) {
        overflow: hidden;
        border-radius: inherit;
      }
      > figure img {
        height: 100%;
        object-fit: cover;
        filter: brightness(28%);
      }
    }
    figure {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      user-select: none;
    }
    &:has(> :checked) {
      outline: 2px solid currentColor;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .checkbox {
    border: var(--border) solid var(--input-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
    transition: background-color 0.2s, box-shadow 0.2s;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    &:before {
      --tw-content: "";
      content: var(--tw-content);
      display: block;
      width: 100%;
      height: 100%;
      rotate: 45deg;
      background-color: currentColor;
      opacity: 0%;
      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
      transition-delay: 0.1s;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      font-size: 1rem;
      line-height: 0.75;
    }
    &:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      &:before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity: 100%;
      }
      @media (forced-colors: active) {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
      @media print {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
    }
    &:indeterminate {
      &:before {
        rotate: 0deg;
        opacity: 100%;
        translate: 0 -35%;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .drawer {
    position: relative;
    display: grid;
    width: 100%;
    grid-auto-columns: max-content auto;
  }
  .progress {
    position: relative;
    height: calc(0.25rem * 2);
    width: 100%;
    appearance: none;
    overflow: hidden;
    border-radius: var(--radius-box);
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentColor 20%, transparent);
    }
    color: var(--color-base-content);
    &:indeterminate {
      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
      background-size: 200%;
      background-position-x: 15%;
      animation: progress 5s ease-in-out infinite;
      @supports (-moz-appearance: none) {
        &::-moz-progress-bar {
          background-color: transparent;
          background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
          background-size: 200%;
          background-position-x: 15%;
          animation: progress 5s ease-in-out infinite;
        }
      }
    }
    @supports (-moz-appearance: none) {
      &::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
    @supports (-webkit-appearance: none) {
      &::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: transparent;
      }
      &::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .textarea {
    border: var(--border) solid #0000;
    min-height: calc(0.25rem * 20);
    flex-shrink: 1;
    appearance: none;
    border-radius: var(--radius-field);
    background-color: var(--color-base-100);
    padding-block: calc(0.25rem * 2);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    padding-inline-start: 0.75rem;
    padding-inline-end: 0.75rem;
    font-size: 0.875rem;
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    textarea {
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }
    &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .filter {
    display: flex;
    flex-wrap: wrap;
    input[type="radio"] {
      width: auto;
    }
    input {
      overflow: hidden;
      opacity: 100%;
      scale: 1;
      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * 1);
      }
      &.filter-reset {
        aspect-ratio: 1 / 1;
        &::after {
          content: "×";
        }
      }
    }
    &:not(:has(input:checked:not(.filter-reset))) {
      .filter-reset, input[type="reset"] {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
    &:has(input:checked:not(.filter-reset)) {
      input:not(:checked, .filter-reset, input[type="reset"]) {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .label {
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    white-space: nowrap;
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
    &:has(input) {
      cursor: pointer;
    }
    &:is(.input > *, .select > *) {
      display: flex;
      height: calc(100% - 0.5rem);
      align-items: center;
      padding-inline: calc(0.25rem * 3);
      white-space: nowrap;
      font-size: inherit;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * 3);
        border-inline-end: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3);
        margin-inline-end: calc(0.25rem * -3);
        border-inline-start: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
    }
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .status {
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: calc(0.25rem * 2);
    height: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
    box-shadow: 0 2px 3px -1px currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
    }
  }
  .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--badge-fg);
    border: var(--border) solid var(--badge-color, var(--color-base-200));
    font-size: 0.875rem;
    width: fit-content;
    padding-inline: calc(0.25rem * 3 - var(--border));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    background-color: var(--badge-bg);
    --badge-bg: var(--badge-color, var(--color-base-100));
    --badge-fg: var(--color-base-content);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    height: var(--size);
    &.badge-outline {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
    }
    &.badge-dash {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
      border-style: dashed;
    }
    &.badge-soft {
      color: var(--badge-color, var(--color-base-content));
      background-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      background-image: none;
    }
  }
  .hero-adjustments-horizontal {
    --hero-adjustments-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206h9.75M10.5%206a1.5%201.5%200%201%201-3%200m3%200a1.5%201.5%200%201%200-3%200M3.75%206H7.5m3%2012h9.75m-9.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-3.75%200H7.5m9-6h3.75m-3.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-9.75%200h9.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-adjustments-horizontal);
    mask: var(--hero-adjustments-horizontal);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-archive-box-arrow-down {
    --hero-archive-box-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m20.25%207.5-.625%2010.632a2.25%202.25%200%200%201-2.247%202.118H6.622a2.25%202.25%200%200%201-2.247-2.118L3.75%207.5m8.25%203v6.75m0%200-3-3m3%203%203-3M3.375%207.5h17.25c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-archive-box-arrow-down);
    mask: var(--hero-archive-box-arrow-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-down-tray {
    --hero-arrow-down-tray: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2016.5v2.25A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75V16.5M16.5%2012%2012%2016.5m0%200L7.5%2012m4.5%204.5V3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-down-tray);
    mask: var(--hero-arrow-down-tray);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-left {
    --hero-arrow-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5%203%2012m0%200%207.5-7.5M3%2012h18%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-left);
    mask: var(--hero-arrow-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-left-on-rectangle {
    --hero-arrow-left-on-rectangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%209V5.25A2.25%202.25%200%200%200%2013.5%203h-6a2.25%202.25%200%200%200-2.25%202.25v13.5A2.25%202.25%200%200%200%207.5%2021h6a2.25%202.25%200%200%200%202.25-2.25V15M12%209l-3%203m0%200%203%203m-3-3h12.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-left-on-rectangle);
    mask: var(--hero-arrow-left-on-rectangle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path {
    --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path);
    mask: var(--hero-arrow-path);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-right {
    --hero-arrow-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%204.5%2021%2012m0%200-7.5%207.5M21%2012H3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-right);
    mask: var(--hero-arrow-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-right-mini {
    --hero-arrow-right-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2010a.75.75%200%200%201%20.75-.75h10.638L10.23%205.29a.75.75%200%201%201%201.04-1.08l5.5%205.25a.75.75%200%200%201%200%201.08l-5.5%205.25a.75.75%200%201%201-1.04-1.08l4.158-3.96H3.75A.75.75%200%200%201%203%2010Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-right-mini);
    mask: var(--hero-arrow-right-mini);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
  }
  .hero-arrow-top-right-on-square {
    --hero-arrow-top-right-on-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-top-right-on-square);
    mask: var(--hero-arrow-top-right-on-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-uturn-left {
    --hero-arrow-uturn-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2015%203%209m0%200%206-6M3%209h12a6%206%200%200%201%200%2012h-3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-uturn-left);
    mask: var(--hero-arrow-uturn-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrows-right-left {
    --hero-arrows-right-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2021%203%2016.5m0%200L7.5%2012M3%2016.5h13.5m0-13.5L21%207.5m0%200L16.5%2012M21%207.5H7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrows-right-left);
    mask: var(--hero-arrows-right-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-banknotes {
    --hero-banknotes: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2018.75a60.07%2060.07%200%200%201%2015.797%202.101c.727.198%201.453-.342%201.453-1.096V18.75M3.75%204.5v.75A.75.75%200%200%201%203%206h-.75m0%200v-.375c0-.621.504-1.125%201.125-1.125H20.25M2.25%206v9m18-10.5v.75c0%20.414.336.75.75.75h.75m-1.5-1.5h.375c.621%200%201.125.504%201.125%201.125v9.75c0%20.621-.504%201.125-1.125%201.125h-.375m1.5-1.5H21a.75.75%200%200%200-.75.75v.75m0%200H3.75m0%200h-.375a1.125%201.125%200%200%201-1.125-1.125V15m1.5%201.5v-.75A.75.75%200%200%200%203%2015h-.75M15%2010.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm3%200h.008v.008H18V10.5Zm-12%200h.008v.008H6V10.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-banknotes);
    mask: var(--hero-banknotes);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bars-3 {
    --hero-bars-3: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bars-3);
    mask: var(--hero-bars-3);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bell {
    --hero-bell: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.857%2017.082a23.848%2023.848%200%200%200%205.454-1.31A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206%209v.75a8.967%208.967%200%200%201-2.312%206.022c1.733.64%203.56%201.085%205.455%201.31m5.714%200a24.255%2024.255%200%200%201-5.714%200m5.714%200a3%203%200%201%201-5.714%200%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bell);
    mask: var(--hero-bell);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bell-alert {
    --hero-bell-alert: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.857%2017.082a23.848%2023.848%200%200%200%205.454-1.31A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206%209v.75a8.967%208.967%200%200%201-2.312%206.022c1.733.64%203.56%201.085%205.455%201.31m5.714%200a24.255%2024.255%200%200%201-5.714%200m5.714%200a3%203%200%201%201-5.714%200M3.124%207.5A8.969%208.969%200%200%201%205.292%203m13.416%200a8.969%208.969%200%200%201%202.168%204.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bell-alert);
    mask: var(--hero-bell-alert);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bolt {
    --hero-bolt: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3.75%2013.5%2010.5-11.25L12%2010.5h8.25L9.75%2021.75%2012%2013.5H3.75Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bolt);
    mask: var(--hero-bolt);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bookmark {
    --hero-bookmark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.593%203.322c1.1.128%201.907%201.077%201.907%202.185V21L12%2017.25%204.5%2021V5.507c0-1.108.806-2.057%201.907-2.185a48.507%2048.507%200%200%201%2011.186%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bookmark);
    mask: var(--hero-bookmark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-briefcase {
    --hero-briefcase: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%2014.15v4.25c0%201.094-.787%202.036-1.872%202.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5%200a2.18%202.18%200%200%200%20.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114%2048.114%200%200%200-3.413-.387m4.5%208.006c-.194.165-.42.295-.673.38A23.978%2023.978%200%200%201%2012%2015.75c-2.648%200-5.195-.429-7.577-1.22a2.016%202.016%200%200%201-.673-.38m0%200A2.18%202.18%200%200%201%203%2012.489V8.706c0-1.081.768-2.015%201.837-2.175a48.111%2048.111%200%200%201%203.413-.387m7.5%200V5.25A2.25%202.25%200%200%200%2013.5%203h-3a2.25%202.25%200%200%200-2.25%202.25v.894m7.5%200a48.667%2048.667%200%200%200-7.5%200M12%2012.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-briefcase);
    mask: var(--hero-briefcase);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-building-office-2 {
    --hero-building-office-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2021h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75%206.75h.75m-.75%203h.75m-.75%203h.75m3-6h.75m-.75%203h.75m-.75%203h.75M6.75%2021v-3.375c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21M3%203h12m-.75%204.5H21m-3.75%203.75h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-building-office-2);
    mask: var(--hero-building-office-2);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-calendar-days {
    --hero-calendar-days: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%203v2.25M17.25%203v2.25M3%2018.75V7.5a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%207.5v11.25m-18%200A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75m-18%200v-7.5A2.25%202.25%200%200%201%205.25%209h13.5A2.25%202.25%200%200%201%2021%2011.25v7.5m-9-6h.008v.008H12v-.008ZM12%2015h.008v.008H12V15Zm0%202.25h.008v.008H12v-.008ZM9.75%2015h.008v.008H9.75V15Zm0%202.25h.008v.008H9.75v-.008ZM7.5%2015h.008v.008H7.5V15Zm0%202.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0%202.25h.008v.008h-.008V15Zm0%202.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0%202.25h.008v.008H16.5V15Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-calendar-days);
    mask: var(--hero-calendar-days);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chart-bar-square {
    --hero-chart-bar-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2014.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6%2020.25h12A2.25%202.25%200%200%200%2020.25%2018V6A2.25%202.25%200%200%200%2018%203.75H6A2.25%202.25%200%200%200%203.75%206v12A2.25%202.25%200%200%200%206%2020.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chart-bar-square);
    mask: var(--hero-chart-bar-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chat-bubble-left {
    --hero-chat-bubble-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2012.76c0%201.6%201.123%202.994%202.707%203.227%201.087.16%202.185.283%203.293.369V21l4.076-4.076a1.526%201.526%200%200%201%201.037-.443%2048.282%2048.282%200%200%200%205.68-.494c1.584-.233%202.707-1.626%202.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394%2048.394%200%200%200%2012%203c-2.392%200-4.744.175-7.043.513C3.373%203.746%202.25%205.14%202.25%206.741v6.018Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chat-bubble-left);
    mask: var(--hero-chat-bubble-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chat-bubble-left-ellipsis {
    --hero-chat-bubble-left-ellipsis: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.625%209.75a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H8.25m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H12m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200h-.375m-13.5%203.01c0%201.6%201.123%202.994%202.707%203.227%201.087.16%202.185.283%203.293.369V21l4.184-4.183a1.14%201.14%200%200%201%20.778-.332%2048.294%2048.294%200%200%200%205.83-.498c1.585-.233%202.708-1.626%202.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394%2048.394%200%200%200%2012%203c-2.392%200-4.744.175-7.043.513C3.373%203.746%202.25%205.14%202.25%206.741v6.018Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chat-bubble-left-ellipsis);
    mask: var(--hero-chat-bubble-left-ellipsis);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chat-bubble-left-right {
    --hero-chat-bubble-left-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%208.511c.884.284%201.5%201.128%201.5%202.097v4.286c0%201.136-.847%202.1-1.98%202.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354%200-2.694-.055-4.02-.163a2.115%202.115%200%200%201-.825-.242m9.345-8.334a2.126%202.126%200%200%200-.476-.095%2048.64%2048.64%200%200%200-8.048%200c-1.131.094-1.976%201.057-1.976%202.192v4.286c0%20.837.46%201.58%201.155%201.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455%2048.455%200%200%200%2011.25%203c-2.115%200-4.198.137-6.24.402-1.608.209-2.76%201.614-2.76%203.235v6.226c0%201.621%201.152%203.026%202.76%203.235.577.075%201.157.14%201.74.194V21l4.155-4.155%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chat-bubble-left-right);
    mask: var(--hero-chat-bubble-left-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check {
    --hero-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check);
    mask: var(--hero-check);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check-circle {
    --hero-check-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check-circle);
    mask: var(--hero-check-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clipboard-document {
    --hero-clipboard-document: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%207.5V6.108c0-1.135.845-2.098%201.976-2.192.373-.03.748-.057%201.123-.08M15.75%2018H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08M15.75%2018.75v-1.875a3.375%203.375%200%200%200-3.375-3.375h-1.5a1.125%201.125%200%200%201-1.125-1.125v-1.5A3.375%203.375%200%200%200%206.375%207.5H5.25m11.9-3.664A2.251%202.251%200%200%200%2015%202.25h-1.5a2.251%202.251%200%200%200-2.15%201.586m5.8%200c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75%207.5H4.875c-.621%200-1.125.504-1.125%201.125v12c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V16.5a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clipboard-document);
    mask: var(--hero-clipboard-document);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clock {
    --hero-clock: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clock);
    mask: var(--hero-clock);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cog-6-tooth {
    --hero-cog-6-tooth: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.594%203.94c.09-.542.56-.94%201.11-.94h2.593c.55%200%201.02.398%201.11.94l.213%201.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257%201.075.124l1.217-.456a1.125%201.125%200%200%201%201.37.49l1.296%202.247a1.125%201.125%200%200%201-.26%201.431l-1.003.827c-.293.241-.438.613-.43.992a7.723%207.723%200%200%201%200%20.255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26%201.43l-1.298%202.247a1.125%201.125%200%200%201-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47%206.47%200%200%201-.22.128c-.331.183-.581.495-.644.869l-.213%201.281c-.09.543-.56.94-1.11.94h-2.594c-.55%200-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52%206.52%200%200%201-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125%201.125%200%200%201-1.369-.49l-1.297-2.247a1.125%201.125%200%200%201%20.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932%206.932%200%200%201%200-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125%201.125%200%200%201-.26-1.43l1.297-2.247a1.125%201.125%200%200%201%201.37-.491l1.216.456c.356.133.751.072%201.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cog-6-tooth);
    mask: var(--hero-cog-6-tooth);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cpu-chip {
    --hero-cpu-chip: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%203v1.5M4.5%208.25H3m18%200h-1.5M4.5%2012H3m18%200h-1.5m-15%203.75H3m18%200h-1.5M8.25%2019.5V21M12%203v1.5m0%2015V21m3.75-18v1.5m0%2015V21m-9-1.5h10.5a2.25%202.25%200%200%200%202.25-2.25V6.75a2.25%202.25%200%200%200-2.25-2.25H6.75A2.25%202.25%200%200%200%204.5%206.75v10.5a2.25%202.25%200%200%200%202.25%202.25Zm.75-12h9v9h-9v-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cpu-chip);
    mask: var(--hero-cpu-chip);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-credit-card {
    --hero-credit-card: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%208.25h19.5M2.25%209h19.5m-16.5%205.25h6m-6%202.25h3m-3.75%203h15a2.25%202.25%200%200%200%202.25-2.25V6.75A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25v10.5A2.25%202.25%200%200%200%204.5%2019.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-credit-card);
    mask: var(--hero-credit-card);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-document-arrow-down {
    --hero-document-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m.75%2012%203%203m0%200%203-3m-3%203v-6m-1.5-9H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-document-arrow-down);
    mask: var(--hero-document-arrow-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-document-text {
    --hero-document-text: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m0%2012.75h7.5m-7.5%203H12M10.5%202.25H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-document-text);
    mask: var(--hero-document-text);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-envelope {
    --hero-envelope: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75v10.5a2.25%202.25%200%200%201-2.25%202.25h-15a2.25%202.25%200%200%201-2.25-2.25V6.75m19.5%200A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25m19.5%200v.243a2.25%202.25%200%200%201-1.07%201.916l-7.5%204.615a2.25%202.25%200%200%201-2.36%200L3.32%208.91a2.25%202.25%200%200%201-1.07-1.916V6.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-envelope);
    mask: var(--hero-envelope);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-circle {
    --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-circle);
    mask: var(--hero-exclamation-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-triangle {
    --hero-exclamation-triangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126ZM12%2015.75h.007v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-triangle);
    mask: var(--hero-exclamation-triangle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-eye {
    --hero-eye: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.036%2012.322a1.012%201.012%200%200%201%200-.639C3.423%207.51%207.36%204.5%2012%204.5c4.638%200%208.573%203.007%209.963%207.178.07.207.07.431%200%20.639C20.577%2016.49%2016.64%2019.5%2012%2019.5c-4.638%200-8.573-3.007-9.963-7.178Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-eye);
    mask: var(--hero-eye);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-eye-slash {
    --hero-eye-slash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.98%208.223A10.477%2010.477%200%200%200%201.934%2012C3.226%2016.338%207.244%2019.5%2012%2019.5c.993%200%201.953-.138%202.863-.395M6.228%206.228A10.451%2010.451%200%200%201%2012%204.5c4.756%200%208.773%203.162%2010.065%207.498a10.522%2010.522%200%200%201-4.293%205.774M6.228%206.228%203%203m3.228%203.228%203.65%203.65m7.894%207.894L21%2021m-3.228-3.228-3.65-3.65m0%200a3%203%200%201%200-4.243-4.243m4.242%204.242L9.88%209.88%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-eye-slash);
    mask: var(--hero-eye-slash);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-folder {
    --hero-folder: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2012.75V12A2.25%202.25%200%200%201%204.5%209.75h15A2.25%202.25%200%200%201%2021.75%2012v.75m-8.69-6.44-2.12-2.12a1.5%201.5%200%200%200-1.061-.44H4.5A2.25%202.25%200%200%200%202.25%206v12a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018V9a2.25%202.25%200%200%200-2.25-2.25h-5.379a1.5%201.5%200%200%201-1.06-.44Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-folder);
    mask: var(--hero-folder);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-funnel {
    --hero-funnel: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203c2.755%200%205.455.232%208.083.678.533.09.917.556.917%201.096v1.044a2.25%202.25%200%200%201-.659%201.591l-5.432%205.432a2.25%202.25%200%200%200-.659%201.591v2.927a2.25%202.25%200%200%201-1.244%202.013L9.75%2021v-6.568a2.25%202.25%200%200%200-.659-1.591L3.659%207.409A2.25%202.25%200%200%201%203%205.818V4.774c0-.54.384-1.006.917-1.096A48.32%2048.32%200%200%201%2012%203Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-funnel);
    mask: var(--hero-funnel);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-inbox {
    --hero-inbox: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2013.5h3.86a2.25%202.25%200%200%201%202.012%201.244l.256.512a2.25%202.25%200%200%200%202.013%201.244h3.218a2.25%202.25%200%200%200%202.013-1.244l.256-.512a2.25%202.25%200%200%201%202.013-1.244h3.859m-19.5.338V18a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018v-4.162c0-.224-.034-.447-.1-.661L19.24%205.338a2.25%202.25%200%200%200-2.15-1.588H6.911a2.25%202.25%200%200%200-2.15%201.588L2.35%2013.177a2.25%202.25%200%200%200-.1.661Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-inbox);
    mask: var(--hero-inbox);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-information-circle {
    --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-information-circle);
    mask: var(--hero-information-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-key {
    --hero-key: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%205.25a3%203%200%200%201%203%203m3%200a6%206%200%200%201-7.029%205.912c-.563-.097-1.159.026-1.563.43L10.5%2017.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1%20.43-1.563A6%206%200%201%201%2021.75%208.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-key);
    mask: var(--hero-key);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-lock-closed {
    --hero-lock-closed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2010.5V6.75a4.5%204.5%200%201%200-9%200v3.75m-.75%2011.25h10.5a2.25%202.25%200%200%200%202.25-2.25v-6.75a2.25%202.25%200%200%200-2.25-2.25H6.75a2.25%202.25%200%200%200-2.25%202.25v6.75a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-lock-closed);
    mask: var(--hero-lock-closed);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-magnifying-glass {
    --hero-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-magnifying-glass);
    mask: var(--hero-magnifying-glass);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-minus {
    --hero-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-minus);
    mask: var(--hero-minus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-paper-airplane {
    --hero-paper-airplane: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2012%203.269%203.125A59.769%2059.769%200%200%201%2021.485%2012%2059.768%2059.768%200%200%201%203.27%2020.875L5.999%2012Zm0%200h7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-paper-airplane);
    mask: var(--hero-paper-airplane);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-pencil-square {
    --hero-pencil-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.862%204.487%201.687-1.688a1.875%201.875%200%201%201%202.652%202.652L10.582%2016.07a4.5%204.5%200%200%201-1.897%201.13L6%2018l.8-2.685a4.5%204.5%200%200%201%201.13-1.897l8.932-8.931Zm0%200L19.5%207.125M18%2014v4.75A2.25%202.25%200%200%201%2015.75%2021H5.25A2.25%202.25%200%200%201%203%2018.75V8.25A2.25%202.25%200%200%201%205.25%206H10%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-pencil-square);
    mask: var(--hero-pencil-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-play-circle {
    --hero-play-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.91%2011.672a.375.375%200%200%201%200%20.656l-5.603%203.113a.375.375%200%200%201-.557-.328V8.887c0-.286.307-.466.557-.327l5.603%203.112Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-play-circle);
    mask: var(--hero-play-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-plus {
    --hero-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%204.5v15m7.5-7.5h-15%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-plus);
    mask: var(--hero-plus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-receipt-percent {
    --hero-receipt-percent: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%2014.25%206-6m4.5-3.493V21.75l-3.75-1.5-3.75%201.5-3.75-1.5-3.75%201.5V4.757c0-1.108.806-2.057%201.907-2.185a48.507%2048.507%200%200%201%2011.186%200c1.1.128%201.907%201.077%201.907%202.185ZM9.75%209h.008v.008H9.75V9Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm4.125%204.5h.008v.008h-.008V13.5Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-receipt-percent);
    mask: var(--hero-receipt-percent);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-shield-check {
    --hero-shield-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75m-3-7.036A11.959%2011.959%200%200%201%203.598%206%2011.99%2011.99%200%200%200%203%209.749c0%205.592%203.824%2010.29%209%2011.623%205.176-1.332%209-6.03%209-11.622%200-1.31-.21-2.571-.598-3.751h-.152c-3.196%200-6.1-1.248-8.25-3.285Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-shield-check);
    mask: var(--hero-shield-check);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-sparkles {
    --hero-sparkles: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.813%2015.904%209%2018.75l-.813-2.846a4.5%204.5%200%200%200-3.09-3.09L2.25%2012l2.846-.813a4.5%204.5%200%200%200%203.09-3.09L9%205.25l.813%202.846a4.5%204.5%200%200%200%203.09%203.09L15.75%2012l-2.846.813a4.5%204.5%200%200%200-3.09%203.09ZM18.259%208.715%2018%209.75l-.259-1.035a3.375%203.375%200%200%200-2.455-2.456L14.25%206l1.036-.259a3.375%203.375%200%200%200%202.455-2.456L18%202.25l.259%201.035a3.375%203.375%200%200%200%202.456%202.456L21.75%206l-1.035.259a3.375%203.375%200%200%200-2.456%202.456ZM16.894%2020.567%2016.5%2021.75l-.394-1.183a2.25%202.25%200%200%200-1.423-1.423L13.5%2018.75l1.183-.394a2.25%202.25%200%200%200%201.423-1.423l.394-1.183.394%201.183a2.25%202.25%200%200%200%201.423%201.423l1.183.394-1.183.394a2.25%202.25%200%200%200-1.423%201.423Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-sparkles);
    mask: var(--hero-sparkles);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-squares-2x2 {
    --hero-squares-2x2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206A2.25%202.25%200%200%201%206%203.75h2.25A2.25%202.25%200%200%201%2010.5%206v2.25a2.25%202.25%200%200%201-2.25%202.25H6a2.25%202.25%200%200%201-2.25-2.25V6ZM3.75%2015.75A2.25%202.25%200%200%201%206%2013.5h2.25a2.25%202.25%200%200%201%202.25%202.25V18a2.25%202.25%200%200%201-2.25%202.25H6A2.25%202.25%200%200%201%203.75%2018v-2.25ZM13.5%206a2.25%202.25%200%200%201%202.25-2.25H18A2.25%202.25%200%200%201%2020.25%206v2.25A2.25%202.25%200%200%201%2018%2010.5h-2.25a2.25%202.25%200%200%201-2.25-2.25V6ZM13.5%2015.75a2.25%202.25%200%200%201%202.25-2.25H18a2.25%202.25%200%200%201%202.25%202.25V18A2.25%202.25%200%200%201%2018%2020.25h-2.25A2.25%202.25%200%200%201%2013.5%2018v-2.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-squares-2x2);
    mask: var(--hero-squares-2x2);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-star {
    --hero-star: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.48%203.499a.562.562%200%200%201%201.04%200l2.125%205.111a.563.563%200%200%200%20.475.345l5.518.442c.499.04.701.663.321.988l-4.204%203.602a.563.563%200%200%200-.182.557l1.285%205.385a.562.562%200%200%201-.84.61l-4.725-2.885a.562.562%200%200%200-.586%200L6.982%2020.54a.562.562%200%200%201-.84-.61l1.285-5.386a.562.562%200%200%200-.182-.557l-4.204-3.602a.562.562%200%200%201%20.321-.988l5.518-.442a.563.563%200%200%200%20.475-.345L11.48%203.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-star);
    mask: var(--hero-star);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-stop-circle {
    --hero-stop-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%209.563C9%209.252%209.252%209%209.563%209h4.874c.311%200%20.563.252.563.563v4.874c0%20.311-.252.563-.563.563H9.564A.562.562%200%200%201%209%2014.437V9.564Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-stop-circle);
    mask: var(--hero-stop-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-table-cells {
    --hero-table-cells: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.375%2019.5h17.25m-17.25%200a1.125%201.125%200%200%201-1.125-1.125M3.375%2019.5h7.5c.621%200%201.125-.504%201.125-1.125m-9.75%200V5.625m0%2012.75v-1.5c0-.621.504-1.125%201.125-1.125m18.375%202.625V5.625m0%2012.75c0%20.621-.504%201.125-1.125%201.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0%203.75h-7.5A1.125%201.125%200%200%201%2012%2018.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125m19.5%200v1.5c0%20.621-.504%201.125-1.125%201.125M2.25%205.625v1.5c0%20.621.504%201.125%201.125%201.125m0%200h17.25m-17.25%200h7.5c.621%200%201.125.504%201.125%201.125M3.375%208.25c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125m17.25-3.75h-7.5c-.621%200-1.125.504-1.125%201.125m8.625-1.125c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125m-17.25%200h7.5m-7.5%200c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125M12%2010.875v-1.5m0%201.5c0%20.621-.504%201.125-1.125%201.125M12%2010.875c0%20.621.504%201.125%201.125%201.125m-2.25%200c.621%200%201.125.504%201.125%201.125M13.125%2012h7.5m-7.5%200c-.621%200-1.125.504-1.125%201.125M20.625%2012c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125m-17.25%200h7.5M12%2014.625v-1.5m0%201.5c0%20.621-.504%201.125-1.125%201.125M12%2014.625c0%20.621.504%201.125%201.125%201.125m-2.25%200c.621%200%201.125.504%201.125%201.125m0%201.5v-1.5m0%200c0-.621.504-1.125%201.125-1.125m0%200h7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-table-cells);
    mask: var(--hero-table-cells);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-tag {
    --hero-tag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.568%203H5.25A2.25%202.25%200%200%200%203%205.25v4.318c0%20.597.237%201.17.659%201.591l9.581%209.581c.699.699%201.78.872%202.607.33a18.095%2018.095%200%200%200%205.223-5.223c.542-.827.369-1.908-.33-2.607L11.16%203.66A2.25%202.25%200%200%200%209.568%203Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%206h.008v.008H6V6Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-tag);
    mask: var(--hero-tag);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-trophy {
    --hero-trophy: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2018.75h-9m9%200a3%203%200%200%201%203%203h-15a3%203%200%200%201%203-3m9%200v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5%2018.75v-3.375c0-.621.504-1.125%201.125-1.125h.872m5.007%200H9.497m5.007%200a7.454%207.454%200%200%201-.982-3.172M9.497%2014.25a7.454%207.454%200%200%200%20.981-3.172M5.25%204.236c-.982.143-1.954.317-2.916.52A6.003%206.003%200%200%200%207.73%209.728M5.25%204.236V4.5c0%202.108.966%203.99%202.48%205.228M5.25%204.236V2.721C7.456%202.41%209.71%202.25%2012%202.25c2.291%200%204.545.16%206.75.47v1.516M7.73%209.728a6.726%206.726%200%200%200%202.748%201.35m8.272-6.842V4.5c0%202.108-.966%203.99-2.48%205.228m2.48-5.492a46.32%2046.32%200%200%201%202.916.52%206.003%206.003%200%200%201-5.395%204.972m0%200a6.726%206.726%200%200%201-2.749%201.35m0%200a6.772%206.772%200%200%201-3.044%200%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-trophy);
    mask: var(--hero-trophy);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user {
    --hero-user: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%206a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200ZM4.501%2020.118a7.5%207.5%200%200%201%2014.998%200A17.933%2017.933%200%200%201%2012%2021.75c-2.676%200-5.216-.584-7.499-1.632Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user);
    mask: var(--hero-user);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-users {
    --hero-users: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2019.128a9.38%209.38%200%200%200%202.625.372%209.337%209.337%200%200%200%204.121-.952%204.125%204.125%200%200%200-7.533-2.493M15%2019.128v-.003c0-1.113-.285-2.16-.786-3.07M15%2019.128v.106A12.318%2012.318%200%200%201%208.624%2021c-2.331%200-4.512-.645-6.374-1.766l-.001-.109a6.375%206.375%200%200%201%2011.964-3.07M12%206.375a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200Zm8.25%202.25a2.625%202.625%200%201%201-5.25%200%202.625%202.625%200%200%201%205.25%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-users);
    mask: var(--hero-users);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-circle {
    --hero-x-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9.75%209.75%204.5%204.5m0-4.5-4.5%204.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-circle);
    mask: var(--hero-x-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-mark {
    --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-mark);
    mask: var(--hero-x-mark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .tabs {
    display: flex;
    flex-wrap: wrap;
    --tabs-height: auto;
    --tabs-direction: row;
    height: var(--tabs-height);
    flex-direction: var(--tabs-direction);
  }
  .navbar {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0.5rem;
    min-height: 4rem;
  }
  .alert {
    display: grid;
    align-items: center;
    gap: calc(0.25rem * 4);
    border-radius: var(--radius-box);
    padding-inline: calc(0.25rem * 4);
    padding-block: calc(0.25rem * 3);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    justify-content: start;
    justify-items: start;
    grid-auto-flow: column;
    grid-template-columns: auto;
    text-align: start;
    border: var(--border) solid var(--color-base-200);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    }
    &:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
    &.alert-outline {
      background-color: transparent;
      color: var(--alert-color);
      box-shadow: none;
      background-image: none;
    }
    &.alert-dash {
      background-color: transparent;
      color: var(--alert-color);
      border-style: dashed;
      box-shadow: none;
      background-image: none;
    }
    &.alert-soft {
      color: var(--alert-color, var(--color-base-content));
      background: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      box-shadow: none;
      background-image: none;
    }
  }
  .fieldset {
    display: grid;
    gap: calc(0.25rem * 1.5);
    padding-block: calc(0.25rem * 1);
    font-size: 0.75rem;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }
  .chat {
    display: grid;
    column-gap: calc(0.25rem * 3);
    padding-block: calc(0.25rem * 1);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    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,);
  }
  .skeleton {
    border-radius: var(--radius-box);
    background-color: var(--color-base-300);
    @media (prefers-reduced-motion: reduce) {
      transition-duration: 15s;
    }
    will-change: background-position;
    animation: skeleton 1.8s ease-in-out infinite;
    background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position-x: -50%;
  }
  .link {
    cursor: pointer;
    text-decoration-line: underline;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .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-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)));
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .alert-error {
    border-color: var(--color-error);
    color: var(--color-error-content);
    --alert-color: var(--color-error);
  }
  .alert-info {
    border-color: var(--color-info);
    color: var(--color-info-content);
    --alert-color: var(--color-info);
  }
  .table-zebra {
    tbody {
      tr {
        &:where(:nth-child(even)) {
          background-color: var(--color-base-200);
          :where(.table-pin-cols tr th) {
            background-color: var(--color-base-200);
          }
        }
        &.row-hover {
          &, &:where(:nth-child(even)) {
            &:hover {
              @media (hover: hover) {
                background-color: var(--color-base-300);
              }
            }
          }
        }
      }
    }
  }
  .checkbox-sm {
    padding: 0.1875rem;
    --size: calc(var(--size-selector, 0.25rem) * 5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-error {
    color: var(--color-error);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .btn-ghost {
    &:not(.btn-active, :hover, :active:focus, :focus-visible) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-border: #0000;
      --btn-noise: none;
      &:not(:disabled, [disabled], .btn-disabled) {
        outline-color: currentColor;
        --btn-fg: currentColor;
      }
    }
  }
  .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 {
    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-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: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .btn-soft {
    &:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
      --btn-shadow: "";
      --btn-fg: var(--btn-color, var(--color-base-content));
      --btn-bg: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 8%,
      var(--color-base-100)
    );
      }
      --btn-border: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 10%,
      var(--color-base-100)
    );
      }
      --btn-noise: none;
    }
    @media (hover: none) {
      &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-fg: var(--btn-color, var(--color-base-content));
        --btn-bg: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 8%,
        var(--color-base-100)
      );
        }
        --btn-border: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 10%,
        var(--color-base-100)
      );
        }
        --btn-noise: none;
      }
    }
  }
  .btn-primary {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
  }
  .input-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .select-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .textarea-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:max-w-96 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 96);
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
}
.tw-lp {
  background: #eef2f6;
  color: #132033;
  overflow-x: hidden;
}
.tw-lp .tw-nav {
  background: rgba(244, 247, 250, 0.9);
  border-bottom: 1px solid rgba(30, 41, 59, 0.1);
  backdrop-filter: blur(14px);
}
.tw-lp .tw-nav-links a {
  color: #475569;
}
.tw-lp .tw-nav-links a:hover {
  color: #111827;
}
.tw-lp-hero {
  background: radial-gradient(circle at 78% 18%, rgba(245, 158, 11, 0.22), transparent 30%), radial-gradient(circle at 16% 72%, rgba(20, 184, 166, 0.18), transparent 28%), linear-gradient(135deg, #d8e0e9 0%, #eef2f6 38%, #cfd8e3 100%);
  padding: 84px 48px 104px;
}
.tw-lp-hero-inner {
  max-width: 1180px;
}
.tw-lp .tw-hero-pill {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(15, 23, 42, 0.12);
  color: #334155;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
}
.tw-lp .tw-hero h1 {
  color: #101827;
  max-width: 650px;
}
.tw-lp .tw-hero h1 span {
  color: #8a4f05;
  display: block;
}
.tw-lp .tw-hero-sub {
  color: #334155;
  max-width: 590px;
}
.tw-lp-command {
  min-height: 560px;
  position: relative;
}
.tw-lp-window {
  animation: tw-lp-rise 0.8s ease both;
  background: rgba(17, 24, 39, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
  color: #e5e7eb;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.tw-lp-window-bar {
  align-items: center;
  background: rgba(2, 6, 23, 0.62);
  display: flex;
  gap: 8px;
  padding: 13px 16px;
}
.tw-lp-window-bar span {
  border-radius: 999px;
  height: 9px;
  width: 9px;
}
.tw-lp-window-bar span:nth-child(1) {
  background: #f87171;
}
.tw-lp-window-bar span:nth-child(2) {
  background: #fbbf24;
}
.tw-lp-window-bar span:nth-child(3) {
  background: #34d399;
}
.tw-lp-window-bar strong {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  margin-left: 8px;
}
.tw-lp-dashboard {
  padding: 22px;
}
.tw-lp-dash-head {
  align-items: flex-start;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), rgba(20, 184, 166, 0.1));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 18px;
}
.tw-lp-dash-head small, .tw-lp-email-card small, .tw-lp-floating small {
  color: #94a3b8;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.tw-lp-dash-head strong {
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 1.25;
}
.tw-lp-score {
  background: #ecfdf5;
  border-radius: 10px;
  color: #047857;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 800;
  padding: 10px 12px;
}
.tw-lp-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  margin: 14px 0;
}
.tw-lp-metrics div {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 13px;
}
.tw-lp-metrics span {
  color: #94a3b8;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
}
.tw-lp-metrics strong {
  color: #f8fafc;
  font-size: 14px;
}
.tw-lp-match-list {
  display: grid;
  gap: 10px;
}
.tw-lp-match-list > div {
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  display: flex;
  gap: 12px;
  padding: 12px;
}
.tw-lp-match-list > div > span {
  border-radius: 999px;
  height: 10px;
  width: 10px;
}
.tw-lp-match-list .is-green {
  background: #22c55e;
}
.tw-lp-match-list .is-amber {
  background: #f59e0b;
}
.tw-lp-match-list .is-blue {
  background: #38bdf8;
}
.tw-lp-match-list p {
  margin: 0;
}
.tw-lp-match-list strong {
  color: #f8fafc;
  display: block;
  font-size: 13px;
}
.tw-lp-match-list small {
  color: #94a3b8;
  font-size: 12px;
}
.tw-lp-floating {
  animation: tw-lp-float 5s ease-in-out infinite;
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.18);
  position: absolute;
  z-index: 3;
}
.tw-lp-floating.is-whatsapp {
  background: #ecfdf5;
  border: 1px solid rgba(5, 150, 105, 0.24);
  bottom: 34px;
  left: -24px;
  max-width: 270px;
  padding: 15px;
}
.tw-lp-floating.is-whatsapp p {
  color: #064e3b;
  font-size: 13px;
  line-height: 1.45;
  margin: 10px 0 0;
}
.tw-lp-floating.is-email {
  animation-delay: 0.8s;
  background: #fff7ed;
  border: 1px solid rgba(217, 119, 6, 0.25);
  bottom: 122px;
  padding: 14px 16px;
  right: -22px;
  width: 230px;
}
.tw-lp-floating.is-email strong {
  color: #111827;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.tw-lp-floating.is-email span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}
.tw-lp-phone-head {
  align-items: center;
  display: flex;
  gap: 8px;
}
.tw-lp-phone-head span {
  background: #22c55e;
  border-radius: 999px;
  height: 10px;
  width: 10px;
}
.tw-lp-phone-head strong {
  color: #065f46;
  font-size: 13px;
}
@keyframes tw-lp-rise {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tw-lp-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.tw-lp-flow {
  background: #f8fafc;
}
.tw-lp-workflow {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  max-width: 1120px;
}
.tw-lp-work-card {
  background: #fff;
  border: 1px solid #dbe3ec;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
  padding: 24px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-lp-work-card:hover {
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.1);
  transform: translateY(-4px);
}
.tw-lp-work-card > span {
  color: #94a3b8;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 16px;
}
.tw-lp-work-card svg, .tw-lp-work-card [class^="hero-"] {
  color: #b45309;
  height: 28px;
  margin-bottom: 18px;
  width: 28px;
}
.tw-lp-work-card h3 {
  color: #111827;
  font-size: 16px;
  margin: 0 0 9px;
}
.tw-lp-work-card p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.62;
  margin: 0;
}
.tw-lp-alerts {
  background: linear-gradient(135deg, #dbe4ee 0%, #edf2f7 100%);
  padding: 92px 48px;
}
.tw-lp-split {
  align-items: center;
  display: grid;
  gap: 56px;
  grid-template-columns: 0.9fr 1.1fr;
  margin: 0 auto;
  max-width: 1120px;
}
.tw-lp-split h2, .tw-lp-ai h2 {
  color: #111827;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.18;
  margin: 10px 0 14px;
}
.tw-lp-split p {
  color: #475569;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 22px;
}
.tw-lp-checks {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tw-lp-checks li {
  align-items: center;
  color: #334155;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 9px;
}
.tw-lp-checks svg, .tw-lp-checks [class^="hero-"] {
  color: #059669;
  height: 18px;
  width: 18px;
}
.tw-lp-message-stage {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.1fr 0.8fr;
}
.tw-lp-email-card, .tw-lp-phone, .tw-lp-ai-console {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.1);
}
.tw-lp-email-card {
  align-self: end;
  padding: 24px;
}
.tw-lp-email-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.tw-lp-email-top > span {
  background: #111827;
  border-radius: 999px;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 5px 10px;
}
.tw-lp-email-card h3 {
  color: #111827;
  font-size: 20px;
  margin: 0 0 8px;
}
.tw-lp-email-card p {
  color: #64748b;
  font-size: 14px;
  margin-bottom: 18px;
}
.tw-lp-email-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}
.tw-lp-email-card dl div {
  align-items: center;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.tw-lp-email-card dt {
  color: #64748b;
  font-size: 12px;
}
.tw-lp-email-card dd {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}
.tw-lp-phone {
  align-self: start;
  background: #10261f;
  padding: 18px;
}
.tw-lp-phone .tw-lp-phone-head strong {
  color: #bbf7d0;
}
.tw-lp-chat-bubble {
  background: #dcfce7;
  border-radius: 12px 12px 12px 3px;
  color: #064e3b;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 16px;
  padding: 13px;
}
.tw-lp-chat-bubble strong {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.tw-lp-chat-bubble p {
  color: inherit;
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}
.tw-lp-chat-bubble.is-user {
  background: #fef3c7;
  border-radius: 12px 12px 3px 12px;
  color: #78350f;
  margin-left: auto;
  max-width: 150px;
}
.tw-lp-ai {
  background: #f5f7fa;
  padding: 92px 48px;
}
.tw-lp-ai-console {
  display: grid;
  grid-template-columns: 260px 1fr;
  margin: 0 auto;
  max-width: 980px;
  overflow: hidden;
}
.tw-lp-ai-sidebar {
  background: #182333;
  display: grid;
  gap: 8px;
  padding: 18px;
}
.tw-lp-ai-sidebar button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: #cbd5e1;
  display: flex;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  gap: 9px;
  padding: 11px;
  text-align: left;
}
.tw-lp-ai-sidebar button.is-active {
  background: rgba(245, 158, 11, 0.15);
  color: #fef3c7;
}
.tw-lp-ai-thread {
  background: #fff;
  padding: 26px;
}
.tw-lp-prompt {
  background: #edf2f7;
  border-radius: 12px 12px 3px 12px;
  color: #1f2937;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 18px auto;
  max-width: 520px;
  padding: 14px 16px;
}
.tw-lp-ai-response {
  border: 1px solid #dbe3ec;
  border-radius: 14px;
  padding: 20px;
}
.tw-lp-ai-response-head {
  align-items: center;
  display: flex;
  gap: 9px;
  margin-bottom: 14px;
}
.tw-lp-ai-response-head span {
  align-items: center;
  background: #fff7ed;
  border-radius: 8px;
  color: #b45309;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.tw-lp-ai-response-head strong, .tw-lp-ai-response h3 {
  color: #111827;
}
.tw-lp-ai-response h3 {
  font-size: 18px;
  margin: 0 0 10px;
}
.tw-lp-ai-response p, .tw-lp-ai-response li {
  color: #475569;
  font-size: 14px;
  line-height: 1.65;
}
.tw-lp-ai-response p {
  margin: 0 0 14px;
}
.tw-lp-ai-response ol {
  margin: 0;
  padding-left: 20px;
}
.tw-lp .tw-feats {
  background: #eef2f6;
}
.tw-lp .tw-feats-card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.05);
}
.tw-lp .tw-feats-card:hover {
  background: #fff;
  transform: translateY(-3px);
}
.tw-lp .tw-price {
  background: #f8fafc;
}
.tw-lp .tw-faq {
  background: #dfe7f0;
}
.tw-lp .tw-go {
  background: radial-gradient(circle at 70% 20%, rgba(245, 158, 11, 0.2), transparent 28%), linear-gradient(135deg, #172033 0%, #25364d 100%);
}
.tw-lp .tw-go h2, .tw-lp .tw-go p {
  color: #f8fafc;
}
.tw-lp .tw-foot {
  background: #111827;
  border-top: 0;
}
.tw-lp .tw-foot-brand p, .tw-lp .tw-foot-cols a, .tw-lp .tw-foot-bottom {
  color: #94a3b8;
}
.tw-lp .tw-foot-cols h4 {
  color: #e5e7eb;
}
@media (prefers-reduced-motion: reduce) {
  .tw-lp-window, .tw-lp-floating, .tw-lp-work-card, .tw-lp .tw-feats-card {
    animation: none;
    transition: none;
  }
}
@media (max-width: 1040px) {
  .tw-lp-hero-inner, .tw-lp-split {
    grid-template-columns: 1fr;
  }
  .tw-lp-command {
    min-height: 520px;
  }
  .tw-lp-workflow {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 760px) {
  .tw-lp .tw-nav {
    padding: 12px 20px;
  }
  .tw-lp .tw-nav-links {
    display: none;
  }
  .tw-lp-hero, .tw-lp-alerts, .tw-lp-ai {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tw-lp-command {
    min-height: auto;
  }
  .tw-lp-floating {
    margin-top: 14px;
    position: static;
    width: auto;
  }
  .tw-lp-message-stage, .tw-lp-ai-console, .tw-lp-workflow {
    grid-template-columns: 1fr;
  }
  .tw-lp-ai-sidebar {
    grid-template-columns: 1fr;
  }
  .tw-lp-metrics {
    grid-template-columns: 1fr;
  }
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
:root {
  --tw-navy: #1e3a5f;
  --tw-navy-soft: #2a4d6e;
  --tw-amber: #ffad2f;
  --tw-amber-dark: #835500;
  --tw-bg: #f7f9fc;
  --tw-card: #ffffff;
  --tw-line: #c5c6cd;
  --tw-line-soft: #e2e8f0;
  --tw-text: #191c1e;
  --tw-muted: #45474c;
  --tw-green: #00a651;
  --tw-red: #c62828;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--tw-bg);
  color: var(--tw-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
h1, h2, .tw-brand, .tw-detail-hero h1, .tw-register h1, .tw-register h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -0.02em;
}
a {
  color: inherit;
  text-decoration: none;
}
.tw-btn {
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  display: inline-flex;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.15s ease;
  cursor: pointer;
}
.tw-btn:hover {
  transform: translateY(-1px);
}
.tw-btn:active {
  transform: translateY(0) scale(0.98);
}
.tw-btn-amber {
  background: var(--tw-amber);
  color: #17100a;
}
.tw-btn-dark {
  background: #000;
  color: #fff;
}
.tw-btn-light {
  background: #fff;
  border-color: #aeb3bc;
  color: #111;
}
.tw-pill, .tw-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 5px;
  line-height: 1;
  padding: 7px 12px;
}
.tw-pill.is-green, .tw-chip.is-green {
  background: #63ee82;
  color: #005321;
}
.tw-chip.is-amber {
  background: #ffddb4;
  color: #6b4500;
}
.tw-brand {
  align-items: center;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  gap: 10px;
}
.tw-brand span {
  background: linear-gradient(90deg, #d8dadd, var(--tw-amber));
  display: inline-block;
  height: 2px;
  width: 28px;
}
.tw-landing {
  background: var(--tw-bg);
  min-height: 100vh;
}
.tw-landing-nav {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--tw-line-soft);
  display: flex;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 40px;
}
.tw-landing-nav nav {
  align-items: center;
  display: flex;
  gap: 24px;
  font-size: 13px;
  font-weight: 600;
}
.tw-landing-nav-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.tw-hero {
  align-items: center;
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 1fr;
  min-height: 560px;
  padding: 56px 40px 80px;
}
.tw-hero>div {
  margin: 0 auto;
  max-width: 560px;
}
.tw-hero h1 {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.12;
  margin: 24px 0 16px;
  max-width: 520px;
}
.tw-hero p {
  color: var(--tw-muted);
  font-size: 15px;
  line-height: 1.65;
  max-width: 520px;
}
.tw-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}
.tw-hero-card {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  box-shadow: 0 24px 52px rgba(10, 22, 40, 0.16);
  max-width: 560px;
  padding: 28px;
}
.tw-hero-card>div:first-child {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.tw-hero-card h2 {
  font-size: 18px;
  margin: 20px 0 14px;
}
.tw-progress, .tw-completion div {
  background: #e6e8eb;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}
.tw-progress span, .tw-completion div span {
  background: var(--tw-green);
  display: block;
  height: 100%;
}
.tw-section {
  padding: 80px 40px;
}
.tw-section:nth-of-type(even) {
  background: #f2f4f7;
}
.tw-section-heading {
  margin: 0 auto 48px;
  max-width: 720px;
  text-align: center;
}
.tw-section-heading h2 {
  font-size: 24px;
  margin: 0 0 10px;
}
.tw-section-heading p {
  color: var(--tw-muted);
}
.tw-process-grid, .tw-feature-grid, .tw-pricing-grid {
  display: grid;
  gap: 24px;
  margin: 0 auto;
  max-width: 1180px;
}
.tw-process-grid {
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}
.tw-process-grid article span {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(10, 22, 40, 0.08);
  color: var(--tw-amber-dark);
  display: inline-flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}
.tw-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}
.tw-feature-grid article, .tw-pricing-grid article {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 8px;
  padding: 24px;
}
.tw-feature-grid .hero-sparkles, .tw-feature-grid .hero-bolt, .tw-feature-grid .hero-briefcase, .tw-feature-grid .hero-calendar-days, .tw-feature-grid .hero-document-check, .tw-feature-grid .hero-map-pin {
  color: var(--tw-amber-dark);
  height: 22px;
  width: 22px;
}
.tw-pricing-grid {
  align-items: stretch;
  grid-template-columns: repeat(3, 1fr);
}
.tw-pricing-grid strong {
  display: block;
  font-size: 28px;
  margin-bottom: 14px;
}
.tw-pricing-grid strong span {
  color: var(--tw-muted);
  font-size: 14px;
}
.tw-pricing-grid p {
  color: var(--tw-muted);
  font-size: 14px;
}
.tw-pricing-grid .is-featured {
  background: #000;
  border: 3px solid var(--tw-amber);
  color: #fff;
  position: relative;
}
.tw-pricing-grid .is-featured>span {
  background: var(--tw-amber);
  border-radius: 999px;
  color: #111;
  font-size: 11px;
  font-weight: 800;
  left: 50%;
  padding: 4px 16px;
  position: absolute;
  top: -14px;
  transform: translateX(-50%);
}
.tw-app {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: 100vh;
}
.tw-sidebar {
  background: linear-gradient(180deg, #1e3a5f 0%, #152d4a 100%);
  color: rgba(255, 255, 255, 0.72);
  display: flex;
  flex-direction: column;
  font-size: 13px;
  padding: 24px 14px;
  position: sticky;
  top: 0;
  height: 100vh;
}
.tw-company {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 32px 8px 40px;
}
.tw-company p {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.tw-company span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
}
.tw-sidebar-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
.tw-sidebar-logo img {
  height: 36px;
  width: auto;
  display: block;
  object-fit: contain;
}
.tw-mark, .tw-avatar {
  align-items: center;
  background: var(--tw-amber);
  border-radius: 50%;
  color: #111;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
  box-shadow: 0 2px 8px rgba(255, 173, 47, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-avatar:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 14px rgba(255, 173, 47, 0.35);
}
.tw-nav {
  display: grid;
  gap: 10px;
}
.tw-nav-item {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 12px;
  padding: 10px 12px;
  position: relative;
  transition: background 0.2s ease, color 0.2s ease;
}
.tw-nav-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.tw-nav-item.is-active {
  background: rgba(255, 173, 47, 0.12);
  color: #fff;
}
.tw-nav-item.is-active::before {
  background: var(--tw-amber);
  border-radius: 0 2px 2px 0;
  bottom: 8px;
  content: "";
  left: -14px;
  position: absolute;
  top: 8px;
  width: 3px;
  box-shadow: 0 0 8px rgba(255, 173, 47, 0.4);
}
.tw-nav-badge {
  align-items: center;
  background: #dc2626;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  height: 18px;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  min-width: 18px;
  padding: 0 5px;
}
.tw-sidebar-footer {
  display: grid;
  gap: 18px;
  margin-top: auto;
}
.tw-new-search {
  align-items: center;
  background: var(--tw-amber);
  border-radius: 8px;
  color: #111;
  display: flex;
  font-weight: 800;
  gap: 10px;
  justify-content: center;
  padding: 14px;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.tw-new-search:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(255, 173, 47, 0.35);
}
.tw-new-search:active {
  transform: translateY(0) scale(0.98);
}
.tw-logout {
  align-items: center;
  display: flex;
  gap: 10px;
  opacity: 0.5;
  padding: 12px;
  transition: opacity 0.2s ease;
}
.tw-logout:hover {
  opacity: 0.85;
}
.tw-main {
  min-width: 0;
}
.tw-page-header {
  align-items: center;
  background: var(--tw-bg);
  border-bottom: 1px solid var(--tw-line-soft);
  display: flex;
  gap: 20px;
  min-height: 64px;
  padding: 0 32px;
}
.tw-page-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.tw-page-header__left h1 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  white-space: nowrap;
}
.tw-page-header__search {
  flex: 1;
  min-width: 0;
}
.tw-page-header__actions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 16px;
  margin-left: auto;
}
.tw-header-icon {
  align-items: center;
  border-radius: 8px;
  color: var(--tw-muted);
  display: flex;
  height: 36px;
  justify-content: center;
  position: relative;
  transition: color 0.15s ease, background 0.15s ease;
  width: 36px;
}
.tw-header-icon:hover {
  background: #f0f2f5;
  color: var(--tw-text);
}
.tw-header-icon [class^="hero-"] {
  height: 22px;
  width: 22px;
}
.tw-header-badge {
  align-items: center;
  background: #dc2626;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  height: 19px;
  justify-content: center;
  line-height: 1;
  min-width: 19px;
  padding: 0 5px;
  position: absolute;
  right: -7px;
  top: -7px;
}
.tw-back-link {
  align-items: center;
  color: var(--tw-muted);
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
  transition: color 0.15s ease;
}
.tw-back-link:hover {
  color: var(--tw-text);
}
.tw-settings-tabs {
  display: flex;
  gap: 4px;
}
.tw-settings-tabs a {
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  transition: background 0.15s ease;
}
.tw-settings-tabs a:hover {
  background: #f0f2f5;
}
.tw-settings-tabs a.is-active {
  background: #000;
  color: #fff;
}
.tw-search {
  align-items: center;
  background: #f0f2f5;
  border: 1.5px solid var(--tw-line-soft);
  border-radius: 10px;
  color: var(--tw-muted);
  display: flex;
  flex: 1;
  gap: 12px;
  min-height: 42px;
  max-width: 520px;
  padding: 0 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  cursor: text;
}
.tw-search:focus-within {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 173, 47, 0.12);
  background: #fff;
}
.tw-plan {
  background: linear-gradient(135deg, #f0f2f5 0%, #e6e8eb 100%);
  border-radius: 999px;
  color: #111;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 7px 14px;
  white-space: nowrap;
  border: 1px solid var(--tw-line-soft);
}
.tw-chat-fab {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border: none;
  border-radius: 50%;
  bottom: 28px;
  box-shadow: 0 6px 20px rgba(30, 58, 95, 0.35), 0 0 0 0 rgba(255, 173, 47, 0.4);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 56px;
  justify-content: center;
  position: fixed;
  right: 28px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: 56px;
  z-index: 1000;
  animation: fab-pulse 3s ease-in-out infinite;
}
.tw-chat-fab:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 28px rgba(30, 58, 95, 0.45), 0 0 0 6px rgba(255, 173, 47, 0.15);
  animation: none;
}
.tw-chat-fab:active {
  transform: scale(0.95);
}
.tw-chat-fab [class^="hero-"] {
  height: 24px;
  width: 24px;
}
.tw-chat-fab.is-close {
  background: linear-gradient(135deg, #c62828 0%, #e53935 100%);
  box-shadow: 0 6px 20px rgba(198, 40, 40, 0.35);
  animation: none;
}
.tw-chat-fab.is-close:hover {
  box-shadow: 0 8px 28px rgba(198, 40, 40, 0.45);
}
@keyframes fab-pulse {
  0%, 100% {
    box-shadow: 0 6px 20px rgba(30, 58, 95, 0.35), 0 0 0 0 rgba(255, 173, 47, 0.4);
  }
  50% {
    box-shadow: 0 6px 20px rgba(30, 58, 95, 0.35), 0 0 0 10px rgba(255, 173, 47, 0);
  }
}
.tw-chat-panel {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 16px;
  bottom: 96px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  height: 520px;
  max-height: calc(100vh - 140px);
  overflow: hidden;
  position: fixed;
  right: 28px;
  width: 380px;
  z-index: 999;
}
.tw-slide-in {
  animation: chat-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.tw-slide-out {
  animation: chat-slide-out 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes chat-slide-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes chat-slide-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
}
.tw-chat-panel__header {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  color: #fff;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 16px 18px;
}
.tw-chat-panel__title {
  align-items: center;
  display: flex;
  gap: 12px;
}
.tw-chat-panel__title strong {
  display: block;
  font-size: 14px;
}
.tw-chat-panel__title small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
}
.tw-chat-panel__icon {
  align-items: center;
  background: var(--tw-amber);
  border-radius: 10px;
  color: #111;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.tw-chat-panel__icon [class^="hero-"] {
  height: 18px;
  width: 18px;
}
.tw-chat-panel__close {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  transition: background 0.15s ease;
  width: 32px;
}
.tw-chat-panel__close:hover {
  background: rgba(255, 255, 255, 0.22);
}
.tw-chat-panel__close [class^="hero-"] {
  height: 18px;
  width: 18px;
}
.tw-chat-panel__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  padding: 18px;
}
.tw-chat-bubble {
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.6;
  max-width: 92%;
  padding: 14px 16px;
}
.tw-chat-bubble.is-ai {
  align-self: flex-start;
  background: #f4f6f9;
  border-bottom-left-radius: 4px;
  color: var(--tw-text);
}
.tw-chat-bubble.is-user {
  align-self: flex-end;
  background: var(--tw-navy);
  border-bottom-right-radius: 4px;
  color: #fff;
}
.tw-chat-bubble p {
  margin: 0;
}
.tw-chat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.tw-chat-chips button {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 999px;
  color: var(--tw-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.tw-chat-chips button:hover {
  background: var(--tw-amber);
  border-color: var(--tw-amber);
  color: #111;
}
.tw-chat-panel__footer {
  border-top: 1px solid var(--tw-line-soft);
  padding: 14px 18px;
}
.tw-chat-panel__footer small {
  color: var(--tw-muted);
  display: block;
  font-size: 10px;
  margin-top: 8px;
  text-align: center;
}
.tw-chat-input {
  align-items: center;
  background: #f4f6f9;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  display: flex;
  gap: 8px;
  padding: 4px 4px 4px 14px;
}
.tw-chat-input input {
  background: transparent;
  border: 0;
  flex: 1;
  font-size: 13px;
  outline: none;
}
.tw-chat-input button {
  align-items: center;
  background: var(--tw-navy);
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: background 0.15s ease;
  width: 36px;
  flex-shrink: 0;
}
.tw-chat-input button:hover {
  background: #2a5298;
}
.tw-chat-input button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.tw-chat-input button [class^="hero-"] {
  height: 16px;
  width: 16px;
}
.tw-chat-thinking {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 14px 18px;
}
.tw-chat-thinking span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tw-muted);
  display: inline-block;
  animation: panel-dot-bounce 1.2s ease-in-out infinite;
}
.tw-chat-thinking span:nth-child(2) {
  animation-delay: 0.2s;
}
.tw-chat-thinking span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes panel-dot-bounce {
  0%, 80%, 100% {
    transform: scale(0.75);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.tw-chat-panel__notice {
  align-items: center;
  background: #fef9ec;
  border: 1px solid #fde68a;
  border-radius: 8px;
  color: #92400e;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin-bottom: 10px;
  padding: 8px 12px;
}
.tw-chat-panel__notice [class^="hero-"] {
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}
.tw-chat-panel__notice a {
  color: var(--tw-navy);
  text-decoration: underline;
}
.tw-chat-panel__actions {
  margin-top: 10px;
}
.tw-chat-open-btn {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 6px;
  justify-content: center;
  width: 100%;
}
.tw-chat-send {
  align-items: center;
  background: var(--tw-navy);
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  transition: background 0.15s ease;
  width: 36px;
}
.tw-chat-send:hover {
  background: #2a5298;
}
.tw-chat-send:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.tw-chat-send [class^="hero-"] {
  height: 16px;
  width: 16px;
}
.tw-chat-input button {
  align-items: center;
  background: var(--tw-navy);
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  transition: background 0.15s ease;
  width: 34px;
}
.tw-chat-input button:hover {
  background: #2a5298;
}
.tw-chat-input button [class^="hero-"] {
  height: 16px;
  width: 16px;
}
.tw-stats-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 28px 32px 20px;
}
.tw-stat-card, .tw-match-card, .tw-activity, .tw-filter-card, .tw-tender-row, .tw-detail-hero, .tw-tabs-card, .tw-completion, .tw-company-card, .tw-form-card {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
}
.tw-stat-card {
  padding: 20px 18px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  overflow: hidden;
}
.tw-stat-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--tw-line-soft);
  border-radius: 12px 0 0 12px;
  transition: background 0.2s ease;
}
.tw-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.tw-stat-card:has(.tone-green)::before {
  background: var(--tw-green);
}
.tw-stat-card:has(.tone-red)::before {
  background: var(--tw-red);
}
.tw-stat-card p {
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.tw-stat-card div {
  align-items: end;
  display: flex;
  justify-content: space-between;
}
.tw-stat-value {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.tone-green {
  color: var(--tw-green);
}
.tone-red {
  color: var(--tw-red);
}
.tw-dashboard-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) 280px;
  padding: 0 32px 36px;
}
.tw-section-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 8px 0 24px;
}
.tw-section-row h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.tw-section-row a {
  color: var(--tw-amber-dark);
  font-weight: 800;
  transition: color 0.2s ease;
  position: relative;
}
.tw-section-row a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1.5px;
  background: var(--tw-amber);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s ease;
}
.tw-section-row a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.tw-card-stack {
  display: grid;
  gap: 16px;
}
.tw-match-card {
  display: grid;
  gap: 24px;
  grid-template-columns: 64px 1fr;
  padding: 26px 24px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-match-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.tw-score-ring {
  align-items: center;
  background: radial-gradient(#fff 58%, transparent 59%), conic-gradient(var(--tw-green) var(--score), #edf0f2 0);
  border-radius: 50%;
  color: var(--tw-green);
  display: flex;
  font-weight: 900;
  height: 64px;
  justify-content: center;
  width: 64px;
  box-shadow: 0 2px 10px rgba(0, 166, 81, 0.12);
  transition: box-shadow 0.2s ease;
}
.tw-match-card:hover .tw-score-ring {
  box-shadow: 0 4px 16px rgba(0, 166, 81, 0.2);
}
.tw-match-heading {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.tw-match-heading h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px;
}
.tw-match-body p {
  color: var(--tw-muted);
  margin: 0 0 10px;
}
.tw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tw-tags span {
  background: #f0f2f5;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  transition: background 0.15s ease;
}
.tw-tags span:hover {
  background: #e2e8f0;
}
.tw-deadlines {
  background: linear-gradient(160deg, #1e3a5f 0%, #152d4a 100%);
  border-radius: 12px;
  color: #fff;
  padding: 28px 24px;
  border: none;
}
.tw-deadlines>div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.tw-deadlines h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.tw-deadlines>div span {
  background: rgba(198, 40, 40, 0.9);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 10px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.tw-deadlines ul, .tw-activity ul {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 24px 0;
  padding: 0;
}
.tw-deadlines li {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 50px 1fr;
}
.tw-deadlines strong {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  display: block;
  font-size: 13px;
  padding: 8px 0;
  text-align: center;
  transition: background 0.2s ease, transform 0.15s ease;
}
.tw-deadlines li:hover strong {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.04);
}
.tw-deadlines p {
  font-weight: 800;
  margin: 0;
}
.tw-deadlines p span {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  font-weight: 500;
}
.tw-deadlines button, .tw-deadlines a {
  background: #fff;
  border: 0;
  border-radius: 10px;
  color: #111;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 14px 16px;
  text-decoration: none;
  width: 100%;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.tw-deadlines button:hover, .tw-deadlines a:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.tw-activity {
  margin-top: 24px;
  padding: 24px;
}
.tw-activity h3 {
  color: var(--tw-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.tw-activity li {
  border-left: 2px solid var(--tw-line-soft);
  padding-left: 20px;
  position: relative;
  transition: background 0.2s ease;
  border-radius: 0 8px 8px 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.tw-activity li:hover {
  background: #f8fafc;
}
.dot {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.dot.amber {
  background: var(--tw-amber);
}
.dot.green {
  background: #63ee82;
}
.dot.navy {
  background: var(--tw-navy);
}
.tw-activity .dot {
  left: -8px;
  position: absolute;
  top: 4px;
}
.tw-activity strong {
  display: block;
  font-size: 14px;
}
.tw-activity p {
  color: var(--tw-muted);
  margin: 6px 0 0;
}
.tw-feed-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 48px 40px 24px;
}
.tw-feed-header h1 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
}
.tw-feed-header p {
  color: var(--tw-muted);
  margin: 4px 0 0;
}
.tw-feed-profile {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr 180px;
  padding: 0 40px 24px;
}
.tw-feed-profile>div, .tw-empty-state {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-feed-profile>div:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.tw-feed-profile p, .tw-empty-state p {
  color: var(--tw-muted);
  margin: 0 0 12px;
}
.tw-feed-profile span {
  background: #f0f2f5;
  border-radius: 6px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  margin: 0 6px 6px 0;
  padding: 6px 10px;
  transition: background 0.15s ease;
}
.tw-feed-profile span:hover {
  background: #e2e8f0;
}
.tw-feed-profile strong {
  display: block;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.tw-empty-state {
  display: grid;
  gap: 16px;
  margin: 0 0 16px;
  text-align: center;
  padding: 32px 24px;
  border-radius: 12px;
}
.tw-empty-state h2 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.tw-empty-state p {
  max-width: 360px;
  margin: 0 auto;
}
.tw-empty-state .tw-btn {
  justify-self: center;
}
.tw-filter-card {
  margin: 0 40px 32px;
  padding: 18px;
}
.tw-filter-form {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr) auto;
  width: 100%;
}
.tw-filter-card label, .tw-register label, .tw-form-card label {
  color: var(--tw-muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  text-transform: none;
}
.tw-filter-card select, .tw-register input, .tw-form-card input, .tw-form-card textarea {
  background: #fff;
  border: 1.5px solid var(--tw-line-soft);
  border-radius: 10px;
  min-height: 44px;
  padding: 0 14px;
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-size: 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  outline: none;
}
.tw-filter-card select:focus, .tw-register input:focus, .tw-form-card input:focus, .tw-form-card textarea:focus {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 173, 47, 0.12);
}
.tw-filter-card .tw-btn {
  align-self: end;
}
.tw-filter-actions {
  align-items: end;
  display: flex;
  gap: 10px;
}
.tw-feed-list {
  display: grid;
  gap: 16px;
  margin: 0 40px;
}
.tw-data-table-section {
  margin: 0 40px 48px;
}
.tw-table-shell {
  display: grid;
  gap: 16px;
}
.tw-table-toolbar {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.tw-table-search {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  display: flex;
  flex: 1;
  gap: 10px;
  max-width: 420px;
  min-height: 42px;
  padding: 0 14px;
}
.tw-table-search input {
  background: transparent;
  border: 0;
  flex: 1;
  outline: none;
}
.tw-export-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.tw-export-actions button {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  color: #111;
  font-weight: 900;
  min-height: 38px;
  padding: 0 12px;
}
.tw-export-actions button.tw-primary-export {
  background: #000;
  color: #fff;
}
.tw-table-wrap {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  overflow-x: auto;
}
.tw-table-wrap table {
  border-collapse: collapse;
  min-width: 900px;
  width: 100%;
}
.tw-table-wrap th {
  background: #f4f6f9;
  border-bottom: 1px solid var(--tw-line);
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 14px 16px;
  text-align: left;
  text-transform: uppercase;
}
.tw-table-wrap td {
  border-bottom: 1px solid var(--tw-line-soft);
  color: var(--tw-muted);
  padding: 16px;
  vertical-align: middle;
}
.tw-table-wrap tr:last-child td {
  border-bottom: 0;
}
.tw-table-tender {
  align-items: center;
  color: var(--tw-text);
  display: grid;
  gap: 14px;
  grid-template-columns: 48px 1fr;
  min-width: 300px;
}
.tw-table-tender strong {
  display: block;
  font-size: 15px;
}
.tw-table-tender p {
  color: var(--tw-muted);
  margin: 5px 0 0;
}
.tw-row-icon.small {
  height: 48px;
  width: 48px;
}
.tw-row-icon.small span {
  height: 22px;
  width: 22px;
}
.tw-table-actions {
  display: flex;
  gap: 8px;
}
.tw-table-actions .tw-btn {
  min-height: 34px;
  padding: 0 14px;
}
.tw-empty-table {
  color: var(--tw-muted);
  padding: 36px !important;
  text-align: center;
}
.tw-table-pagination {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 14px 16px;
}
.tw-table-pagination p {
  color: var(--tw-muted);
  margin: 0;
}
.tw-table-pagination nav {
  display: flex;
  gap: 6px;
}
.tw-table-pagination a {
  border: 1px solid var(--tw-line);
  border-radius: 6px;
  font-weight: 800;
  padding: 8px 12px;
}
.tw-table-pagination a.is-active {
  background: #000;
  color: #fff;
}
.tw-tender-row {
  display: grid;
  gap: 24px;
  grid-template-columns: 64px 1fr 120px;
  padding: 24px;
  position: relative;
}
.tw-tender-row.is-urgent::before {
  background: var(--tw-red);
  border-radius: 8px 0 0 8px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}
.tw-row-icon {
  align-items: center;
  background: #e6e8eb;
  border-radius: 8px;
  display: flex;
  height: 64px;
  justify-content: center;
  width: 64px;
}
.tw-row-icon span {
  height: 28px;
  width: 28px;
}
.tw-row-title {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.tw-row-title h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}
.tw-row-main p {
  color: var(--tw-muted);
  margin: 10px 0 16px;
}
.tw-row-meta {
  color: var(--tw-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
.tw-row-meta span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}
.tw-row-actions {
  display: grid;
  gap: 10px;
}
.tw-bookmark {
  background: #f1f3f6;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
}
.tw-pagination {
  align-items: center;
  border-top: 1px solid var(--tw-line);
  display: flex;
  gap: 24px;
  justify-content: center;
  margin: 48px 40px;
  padding-top: 24px;
}
.tw-pagination strong {
  background: #000;
  border-radius: 8px;
  color: #fff;
  padding: 12px 16px;
}
.tw-pagination a:last-child {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.tw-pagination span {
  color: #aeb3bc;
  margin-right: auto;
}
.tw-detail-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 310px;
  padding: 34px 32px 64px;
}
.tw-detail-content {
  display: grid;
  gap: 24px;
}
.tw-detail-hero {
  padding: 32px;
}
.tw-detail-badges {
  display: flex;
  gap: 12px;
}
.tw-detail-badges span {
  background: var(--tw-amber);
  border-radius: 999px;
  color: #111;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 14px;
  text-transform: uppercase;
}
.tw-detail-badges span:last-child {
  background: #63ee82;
  color: #005321;
}
.tw-detail-hero h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  margin: 16px 0 22px;
}
.tw-detail-hero dl {
  border-top: 1px solid var(--tw-line);
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding-top: 24px;
}
.tw-detail-hero dt {
  color: #8b8f97;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.tw-detail-hero dd {
  font-weight: 900;
  margin: 6px 0 0;
}
.tw-detail-hero .danger {
  color: var(--tw-red);
}
.tw-tabs-card nav {
  background: #f1f3f6;
  border-bottom: 1px solid var(--tw-line);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.tw-tabs-card nav a {
  font-weight: 900;
  padding: 18px;
  text-align: center;
}
.tw-tabs-card nav .is-active {
  background: #fff;
  border-bottom: 3px solid var(--tw-amber);
}
.tw-prose {
  padding: 32px;
}
.tw-prose h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 16px;
}
.tw-prose p, .tw-prose li {
  color: var(--tw-muted);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.7;
}
.tw-prose ul {
  display: grid;
  gap: 14px;
  list-style: none;
  padding: 0;
}
.tw-prose li {
  align-items: center;
  display: flex;
  gap: 12px;
}
.tw-prose li span {
  color: var(--tw-amber);
}
.tw-officer {
  align-items: center;
  background: #f1f3f6;
  border-radius: 8px;
  display: flex;
  gap: 16px;
  margin-top: 36px;
  padding: 22px;
}
.tw-avatar.large {
  height: 56px;
  width: 56px;
}
.tw-officer p {
  flex: 1;
  margin: 0;
}
.tw-officer p span {
  display: block;
}
.tw-officer a {
  align-items: center;
  color: var(--tw-amber-dark);
  display: flex;
  font-weight: 900;
  gap: 8px;
}
.tw-ai-panel {
  background: #050505;
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(10, 22, 40, 0.24);
  color: #fff;
  padding: 22px;
}
.tw-ai-panel header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.tw-ai-panel header div {
  align-items: center;
  display: flex;
  gap: 12px;
}
.tw-ai-panel header span {
  align-items: center;
  background: var(--tw-amber);
  border-radius: 8px;
  color: #111;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.tw-ai-panel header p {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  margin: 0;
}
.tw-ai-panel small {
  color: rgba(255, 255, 255, 0.45);
  display: block;
  font-size: 10px;
  letter-spacing: 0.12em;
  margin-top: 4px;
  text-transform: uppercase;
}
.tw-ai-intro, .tw-chat-answer {
  background: #171717;
  border: 1px solid #343434;
  border-radius: 8px;
  margin: 28px 0 24px;
  padding: 18px;
}
.tw-ai-intro p, .tw-chat-answer {
  font-family: 'Inter', sans-serif;
  line-height: 1.65;
}
.tw-ai-intro strong {
  color: var(--tw-amber);
}
.tw-ai-intro div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tw-ai-intro button {
  background: #111;
  border: 1px solid #555;
  border-radius: 999px;
  color: #fff;
  padding: 8px 14px;
}
.tw-chat-question {
  background: var(--tw-amber);
  border-radius: 8px 8px 0 8px;
  color: #4b2f00;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  margin: 24px 0;
  padding: 18px;
}
.tw-ai-input {
  align-items: center;
  background: var(--tw-navy);
  border: 1px solid #31506d;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  margin-top: 24px;
  padding: 8px;
}
.tw-ai-input input {
  background: transparent;
  border: 0;
  color: #fff;
  flex: 1;
  min-height: 40px;
  outline: none;
}
.tw-ai-input button {
  align-items: center;
  background: var(--tw-amber);
  border: 0;
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.tw-ai-intro button:disabled, .tw-ai-input input:disabled, .tw-ai-input button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.tw-ai-working {
  align-items: center;
  display: flex;
  gap: 8px;
  min-height: 34px;
}
.tw-ai-working span {
  animation: tw-ai-bounce 1s infinite ease-in-out;
  background: var(--tw-amber);
  border-radius: 999px;
  display: block;
  height: 8px;
  opacity: 0.7;
  width: 8px;
}
.tw-ai-working span:nth-child(2) {
  animation-delay: 0.12s;
}
.tw-ai-working span:nth-child(3) {
  animation-delay: 0.24s;
}
@keyframes tw-ai-bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
}
.tw-ai-response-panel {
  display: grid;
  gap: 16px;
}
.tw-ai-response-head {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.tw-ai-response-head strong {
  color: #fff;
}
.tw-ai-response-text {
  color: rgba(255, 255, 255, 0.82);
  font: inherit;
  line-height: 1.65;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.tw-ai-response-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tw-ai-response-actions form {
  margin: 0;
}
.tw-ai-action-button {
  align-items: center;
  background: #111;
  border: 1px solid #555;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
}
.tw-ai-action-button:hover, .tw-ai-action-button.is-copied {
  background: var(--tw-amber);
  border-color: var(--tw-amber);
  color: #111;
}
.tw-ai-action-button [class^="hero-"] {
  height: 18px;
  width: 18px;
}
.tw-ai-notice {
  align-items: center;
  background: rgba(255, 173, 47, 0.12);
  border: 1px solid rgba(255, 173, 47, 0.28);
  border-radius: 8px;
  color: #f8fafc;
  display: flex;
  font-size: 13px;
  gap: 8px;
  margin: 0 0 12px;
  padding: 12px;
}
.tw-assistant-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  height: calc(100vh - 64px);
  overflow: hidden;
}
.tw-assistant-sidebar {
  background: #fff;
  border-right: 1px solid var(--tw-line-soft);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px 16px;
}
.tw-assistant-new-chat {
  width: 100%;
  margin-bottom: 16px;
}
.tw-assistant-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  padding: 4px;
  background: #f4f6f9;
  border-radius: 10px;
}
.tw-assistant-tabs button {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--tw-muted);
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  padding: 9px 12px;
  transition: all 0.15s ease;
}
.tw-assistant-tabs button [class^="hero-"] {
  height: 16px;
  width: 16px;
}
.tw-assistant-tabs button:hover {
  color: var(--tw-text);
}
.tw-assistant-tabs button.is-active {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  color: var(--tw-text);
}
.tw-assistant-history {
  flex: 1;
  overflow-y: auto;
}
.tw-assistant-history__label {
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.tw-assistant-history ul {
  display: grid;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tw-assistant-history li a {
  border-radius: 8px;
  display: block;
  padding: 12px;
  transition: background 0.15s ease;
}
.tw-assistant-history li a:hover {
  background: #f4f6f9;
}
.tw-assistant-conv {
  display: flex;
  gap: 10px;
}
.tw-assistant-conv .dot {
  flex-shrink: 0;
  margin-top: 4px;
  height: 10px;
  width: 10px;
}
.tw-assistant-conv strong {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 4px;
}
.tw-assistant-conv p {
  color: var(--tw-muted);
  font-size: 12px;
  line-height: 1.4;
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.tw-assistant-conv small {
  align-items: center;
  color: var(--tw-muted);
  display: flex;
  font-size: 11px;
  gap: 4px;
}
.tw-assistant-conv small [class^="hero-"] {
  height: 12px;
  width: 12px;
}
.tw-assistant-sidebar__footer {
  border-top: 1px solid var(--tw-line-soft);
  margin-top: auto;
  padding-top: 16px;
}
.tw-assistant-usage {
  background: #f4f6f9;
  border-radius: 8px;
  padding: 14px;
}
.tw-assistant-usage>div:first-child {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tw-assistant-usage span {
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 600;
}
.tw-assistant-usage strong {
  font-size: 12px;
}
.tw-assistant-chat {
  background: var(--tw-bg);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.tw-assistant-chat__messages {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding: 24px;
}
.tw-assistant-welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 40px 24px;
}
.tw-assistant-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.tw-assistant-prompts button {
  align-items: center;
  background: #fff;
  border: 1.5px solid var(--tw-line-soft);
  border-radius: 999px;
  color: var(--tw-text);
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
  padding: 10px 18px;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.tw-assistant-prompts button:hover {
  background: var(--tw-amber);
  border-color: var(--tw-amber);
  color: #111;
}
.tw-assistant-msg {
  display: flex;
  gap: 14px;
  max-width: 780px;
}
.tw-assistant-msg.is-user {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.tw-assistant-msg__avatar {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.tw-assistant-msg__avatar [class^="hero-"] {
  height: 20px;
  width: 20px;
}
.tw-assistant-msg__avatar.is-user {
  background: var(--tw-amber);
  color: #111;
  font-size: 13px;
  font-weight: 700;
}
.tw-assistant-msg__content {
  flex: 1;
  min-width: 0;
}
.tw-assistant-msg__header {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}
.tw-assistant-msg__header strong {
  font-size: 13px;
}
.tw-assistant-msg__header time {
  color: var(--tw-muted);
  font-size: 11px;
}
.tw-assistant-msg__body {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.7;
  padding: 18px 20px;
}
.is-user .tw-assistant-msg__body {
  background: var(--tw-navy);
  border-color: var(--tw-navy);
  color: #fff;
}
.tw-assistant-msg__body p {
  margin: 0 0 10px;
}
.tw-assistant-msg__body p:last-child, .tw-assistant-msg__body ul:last-child, .tw-assistant-msg__body ol:last-child {
  margin-bottom: 0;
}
.tw-assistant-msg__heading {
  font-size: 15px;
  line-height: 1.35;
  margin: 2px 0 10px;
}
.tw-assistant-msg__body ul, .tw-assistant-msg__body ol {
  display: grid;
  gap: 7px;
  margin: 10px 0 12px;
  padding-left: 20px;
}
.tw-assistant-msg__body li {
  margin: 0;
}
.tw-assistant-msg__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.tw-assistant-msg__actions form {
  margin: 0;
}
.tw-assistant-msg__actions button {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 999px;
  color: var(--tw-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 14px;
  transition: all 0.15s ease;
}
.tw-assistant-msg__actions button:hover {
  background: var(--tw-amber);
  border-color: var(--tw-amber);
  color: #111;
}
.tw-assistant-msg__actions .tw-ai-action-button {
  border-radius: 8px;
  min-height: 34px;
  padding: 0 12px;
}
.tw-assistant-cursor {
  animation: tw-assistant-cursor 1s steps(2, start) infinite;
  background: var(--tw-amber);
  display: inline-block;
  height: 1.15em;
  margin-left: 2px;
  transform: translateY(0.2em);
  width: 2px;
}
@keyframes tw-assistant-cursor {
  0%, 45% {
    opacity: 1;
  }
  46%, 100% {
    opacity: 0;
  }
}
.tw-assistant-result-cards {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}
.tw-assistant-result-cards article {
  background: #f9fafb;
  border: 1px solid var(--tw-line-soft);
  border-radius: 10px;
  padding: 16px;
}
.tw-assistant-result__header {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tw-assistant-result__deadline {
  color: var(--tw-red);
  font-size: 12px;
  font-weight: 700;
}
.tw-assistant-result-cards h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 4px;
}
.tw-assistant-result-cards p {
  color: var(--tw-muted);
  font-size: 13px;
  margin: 0 0 12px;
}
.tw-assistant-result-cards .tw-btn {
  font-size: 12px;
  min-height: 32px;
  padding: 0 14px;
}
.tw-assistant-result-cards .tw-chip {
  font-size: 11px;
  padding: 4px 10px;
}
.tw-assistant-chat__input-area {
  border-top: 1px solid var(--tw-line-soft);
  padding: 20px 32px;
}
.tw-assistant-chat__input-area small {
  color: var(--tw-muted);
  display: block;
  font-size: 11px;
  margin-top: 10px;
  text-align: center;
}
.tw-assistant-chat__input {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 14px;
  display: flex;
  gap: 8px;
  padding: 6px 6px 6px 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tw-assistant-chat__input:focus-within {
  border-color: var(--tw-navy);
  box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}
.tw-assistant-chat__input input {
  background: transparent;
  border: 0;
  flex: 1;
  font-size: 14px;
  outline: none;
  padding: 8px;
}
.tw-assistant-attach {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--tw-muted);
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: color 0.15s ease;
  width: 36px;
}
.tw-assistant-attach:hover {
  color: var(--tw-text);
}
.tw-assistant-attach [class^="hero-"] {
  height: 20px;
  width: 20px;
}
.tw-assistant-send {
  align-items: center;
  background: var(--tw-navy);
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  transition: background 0.15s ease;
  width: 40px;
}
.tw-assistant-send:hover {
  background: #2a5298;
}
.tw-assistant-send [class^="hero-"] {
  height: 18px;
  width: 18px;
}
.tw-assistant-gate {
  padding: 40px;
  max-width: 960px;
  margin: 0 auto;
}
.tw-assistant-gate__hero {
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border-radius: 16px;
  color: #fff;
  margin-bottom: 40px;
  padding: 48px 40px;
  text-align: center;
}
.tw-assistant-gate__icon {
  align-items: center;
  background: var(--tw-amber);
  border-radius: 16px;
  color: #111;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 20px;
  width: 56px;
}
.tw-assistant-gate__icon [class^="hero-"] {
  height: 28px;
  width: 28px;
}
.tw-assistant-gate__hero h2 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 12px;
}
.tw-assistant-gate__hero p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 15px;
  line-height: 1.7;
  margin: 0 auto 32px;
  max-width: 560px;
}
.tw-assistant-gate__features {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 8px;
}
.tw-assistant-gate__features>div {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
}
.tw-assistant-gate__features [class^="hero-"] {
  color: var(--tw-amber);
  height: 24px;
  margin-bottom: 10px;
  width: 24px;
}
.tw-assistant-gate__features strong {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.tw-assistant-gate__features span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.tw-register {
  display: grid;
  grid-template-columns: 480px 1fr;
  min-height: 100vh;
}
.tw-register aside {
  background: var(--tw-navy);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tw-register aside .tw-auth-bg {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.tw-register aside .tw-auth-overlay {
  background: linear-gradient(to top, rgba(10, 22, 40, 0.92) 0%, rgba(10, 22, 40, 0.5) 50%, rgba(10, 22, 40, 0.25) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  padding: 48px 40px;
  position: relative;
  z-index: 1;
}
.tw-register aside>h1 {
  font-size: 28px;
  line-height: 1.2;
  margin: 32px 0 16px;
  position: relative;
  z-index: 1;
}
.tw-register aside h1 strong {
  color: var(--tw-amber);
  display: block;
}
.tw-register aside>p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}
.tw-register ol {
  display: grid;
  gap: 24px;
  list-style: none;
  margin: 72px 0 0;
  padding: 0;
}
.tw-register li {
  align-items: center;
  display: flex;
  gap: 16px;
  opacity: 0.45;
}
.tw-register li.is-active {
  opacity: 1;
}
.tw-register li span {
  align-items: center;
  background: var(--tw-navy-soft);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.tw-register li.is-active span {
  background: var(--tw-amber);
  color: #111;
}
.tw-register li p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
}
.tw-register li strong {
  color: #fff;
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}
.tw-register section {
  margin: 0 auto;
  max-width: 560px;
  padding: 36px 0 64px;
  width: 100%;
}
.tw-register h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 8px;
}
.tw-register section>p {
  color: var(--tw-muted);
  font-size: 15px;
  margin: 0 0 28px;
}
.tw-register form, .tw-form-card form {
  display: grid;
  gap: 22px;
}
.tw-register form>div, .tw-form-card form>div {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.tw-register input {
  font-size: 14px;
}
.tw-register .tw-btn {
  min-height: 50px;
}
.tw-login {
  text-align: center;
}
.tw-login a {
  color: var(--tw-amber-dark);
  font-weight: 900;
}
.tw-settings-page {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 0;
  min-height: calc(100vh - 64px);
}
.tw-settings-sidebar {
  background: #fff;
  border-right: 1px solid var(--tw-line-soft);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px 20px;
  position: sticky;
  top: 64px;
  height: calc(100vh - 64px);
  overflow-y: auto;
}
.tw-settings-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tw-line-soft);
}
.tw-settings-avatar {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border-radius: 14px;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.tw-settings-identity strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.tw-settings-identity span {
  color: var(--tw-muted);
  font-size: 12px;
}
.tw-settings-completeness {
  background: #f8fafc;
  border: 1px solid var(--tw-line-soft);
  border-radius: 10px;
  padding: 14px;
}
.tw-settings-completeness__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tw-settings-completeness__header span {
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 600;
}
.tw-settings-completeness__header strong {
  font-size: 13px;
  font-weight: 800;
}
.tw-settings-completeness p {
  color: var(--tw-muted);
  font-size: 11px;
  margin: 8px 0 0;
  line-height: 1.5;
}
.tw-settings-completeness p a {
  color: var(--tw-navy);
  font-weight: 600;
  text-decoration: underline;
}
.tw-settings-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tw-settings-nav__item {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--tw-muted);
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  padding: 9px 12px;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
  text-decoration: none;
  width: 100%;
}
.tw-settings-nav__item [class^="hero-"] {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.tw-settings-nav__item:hover {
  background: #f4f6f9;
  color: var(--tw-text);
}
.tw-settings-nav__item.is-active {
  background: #f0f4ff;
  color: var(--tw-navy);
  font-weight: 700;
}
.tw-settings-plan-badge {
  align-items: center;
  border-top: 1px solid var(--tw-line-soft);
  display: flex;
  font-size: 12px;
  gap: 8px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
}
.tw-settings-plan-badge span {
  color: var(--tw-muted);
  font-weight: 600;
}
.tw-settings-plan-badge a {
  color: var(--tw-navy);
  font-weight: 700;
  text-decoration: underline;
}
.tw-settings-main {
  padding: 36px 40px;
  max-width: 720px;
}
.tw-settings-section__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
}
.tw-settings-section__header h2 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 4px;
  letter-spacing: -0.02em;
}
.tw-settings-section__header p {
  color: var(--tw-muted);
  font-size: 13px;
  margin: 0;
}
.tw-settings-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tw-settings-form__row {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}
.tw-settings-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tw-settings-form__field label {
  align-items: center;
  color: var(--tw-text);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
}
.tw-settings-form__field input {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 10px;
  color: var(--tw-text);
  font-size: 14px;
  padding: 10px 14px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
}
.tw-settings-form__field input:focus {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 173, 47, 0.12);
  outline: none;
}
.tw-settings-form__field input.is-readonly {
  background: #f8fafc;
  color: var(--tw-muted);
  cursor: default;
}
.tw-settings-form__hint {
  color: var(--tw-muted);
  font-size: 12px;
  margin: 0;
}
.tw-settings-form__hint a {
  color: var(--tw-navy);
  font-weight: 600;
  text-decoration: underline;
}
.tw-settings-form__error {
  color: var(--tw-red);
  font-size: 12px;
  margin: 0;
}
.tw-settings-form__badge {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  gap: 4px;
  padding: 3px 8px;
}
.tw-settings-form__badge [class^="hero-"] {
  height: 12px;
  width: 12px;
}
.tw-settings-form__badge--wa {
  background: #dcfce7;
  color: #166534;
}
.tw-settings-form__badge--green {
  background: #dcfce7;
  color: #166534;
}
.tw-settings-form__badge--red {
  background: #fee2e2;
  color: #991b1b;
}
.tw-settings-form__badge--muted {
  background: #f4f6f9;
  color: var(--tw-muted);
}
.tw-settings-form__divider {
  border: none;
  border-top: 1px solid var(--tw-line-soft);
  margin: 4px 0;
}
.tw-settings-form__actions {
  display: flex;
  gap: 12px;
  padding-top: 4px;
}
.tw-settings-pref-block {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 20px;
}
.tw-settings-pref-block__label {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.tw-settings-pref-block__label [class^="hero-"] {
  color: var(--tw-navy);
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.tw-settings-pref-block__label span {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
}
.tw-settings-pref-block__label strong {
  background: #f0f4ff;
  border-radius: 999px;
  color: var(--tw-navy);
  font-size: 11px;
  font-weight: 800;
  padding: 3px 9px;
}
.tw-settings-pref-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tw-pref-tag {
  background: #f4f6f9;
  border: 1px solid var(--tw-line-soft);
  border-radius: 6px;
  color: var(--tw-text);
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
}
.tw-settings-pref-empty {
  color: var(--tw-muted);
  font-size: 13px;
}
.tw-settings-pref-empty a {
  color: var(--tw-navy);
  font-weight: 600;
  text-decoration: underline;
  margin-left: 4px;
}
.tw-settings-pref-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.tw-settings-pref-meta > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tw-settings-pref-meta span {
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.tw-settings-pref-meta strong {
  font-size: 14px;
}
.tw-settings-pref-cta {
  margin-top: 24px;
}
@media (max-width: 860px) {
  .tw-settings-page {
    grid-template-columns: 1fr;
  }
  .tw-settings-sidebar {
    position: static;
    height: auto;
    border-right: none;
    border-bottom: 1px solid var(--tw-line-soft);
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px;
    gap: 12px;
  }
  .tw-settings-identity {
    border-bottom: none;
    padding-bottom: 0;
  }
  .tw-settings-completeness {
    display: none;
  }
  .tw-settings-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .tw-settings-nav__item {
    width: auto;
  }
  .tw-settings-plan-badge {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .tw-settings-main {
    padding: 24px 16px;
  }
  .tw-settings-form__row {
    grid-template-columns: 1fr;
  }
}
.tw-logo-placeholder {
  align-items: center;
  background: #f1f3f6;
  border-radius: 8px;
  color: var(--tw-navy);
  display: flex;
  font-weight: 900;
  height: 96px;
  justify-content: center;
  margin: 0 auto 18px;
  width: 96px;
}
.tw-company-card h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}
.tw-company-card span {
  background: #e7f7ee;
  border-radius: 999px;
  color: #00833a;
  font-size: 12px;
  font-weight: 900;
  padding: 8px 22px;
}
.tw-form-card {
  padding: 0;
}
.tw-form-card h2 {
  border-bottom: 1px solid var(--tw-line);
  padding: 20px 24px;
}
.tw-form-card form {
  padding: 24px;
}
.tw-form-card textarea {
  min-height: 90px;
  padding-top: 12px;
}
.tw-form-actions {
  display: flex !important;
  justify-content: flex-end;
}
.tw-billing-status {
  align-items: center;
  background: linear-gradient(135deg, rgba(30, 58, 95, 0.04) 0%, rgba(255, 173, 47, 0.06) 100%);
  border-bottom: 1px solid var(--tw-line-soft);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px 40px;
}
.tw-billing-status__plan {
  align-items: center;
  display: flex;
  gap: 12px;
}
.tw-billing-status__badge {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
  padding: 8px 14px;
}
.tw-billing-status__badge [class^="hero-"] {
  height: 16px;
  width: 16px;
}
.tw-billing-status__price {
  color: var(--tw-muted);
  font-size: 14px;
  font-weight: 600;
}
.tw-billing-trial {
  align-items: center;
  color: var(--tw-muted);
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 6px;
}
.tw-billing-trial [class^="hero-"] {
  height: 16px;
  width: 16px;
  color: var(--tw-amber-dark);
}
.tw-billing-trial.is-expired {
  color: var(--tw-red);
}
.tw-billing-trial.is-expired [class^="hero-"] {
  color: var(--tw-red);
}
.tw-billing-status__meta {
  align-items: center;
  display: flex;
  gap: 8px;
}
.tw-billing-content {
  display: grid;
  gap: 40px;
  padding: 32px 40px 48px;
}
.tw-billing-section {
  display: grid;
  gap: 20px;
}
.tw-billing-section__header {
  display: grid;
  gap: 4px;
}
.tw-billing-section__header h2 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}
.tw-billing-section__header p {
  color: var(--tw-muted);
  font-size: 14px;
  margin: 0;
}
.tw-plan-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-plan-card {
  background: #fff;
  border: 1.5px solid var(--tw-line-soft);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}
.tw-plan-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}
.tw-plan-card.is-current {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.15);
}
.tw-plan-card.is-current:hover {
  box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.15), 0 12px 36px rgba(0, 0, 0, 0.06);
}
.tw-plan-current-tag {
  background: var(--tw-amber);
  border-radius: 999px;
  color: #111;
  font-size: 11px;
  font-weight: 800;
  left: 50%;
  letter-spacing: 0.04em;
  padding: 4px 14px;
  position: absolute;
  text-transform: uppercase;
  top: -12px;
  transform: translateX(-50%);
}
.tw-plan-name {
  font-weight: 900;
  margin: 0 0 6px;
}
.tw-plan-price {
  display: block;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.tw-plan-desc {
  color: var(--tw-muted);
  display: block;
  font-size: 13px;
  line-height: 1.5;
}
.tw-plan-features {
  display: grid;
  flex: 1;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tw-plan-features li {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 8px;
}
.tw-plan-features li svg, .tw-check-icon {
  color: var(--tw-green);
  flex: 0 0 18px;
  height: 18px;
  width: 18px;
}
.tw-plan-action {
  align-self: end;
}
.tw-plan-payment-fields {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}
.tw-plan-payment-fields .tw-field input, .tw-plan-payment-fields .tw-field select {
  min-height: 40px;
}
.tw-plan-card .tw-btn {
  justify-content: center;
  width: 100%;
}
.tw-plan-card .tw-btn:disabled {
  cursor: default;
  opacity: 0.7;
}
.tw-billing-table-wrap {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  overflow: hidden;
  overflow-x: auto;
}
.tw-billing-table {
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}
.tw-billing-table thead th {
  background: #f8f9fb;
  border-bottom: 1px solid var(--tw-line-soft);
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 14px 18px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.tw-billing-table thead th span {
  color: var(--tw-muted);
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 2px;
  text-transform: none;
}
.tw-billing-table thead th.is-current {
  background: rgba(255, 173, 47, 0.08);
  color: var(--tw-amber-dark);
}
.tw-billing-table tbody td {
  border-bottom: 1px solid #f2f4f7;
  padding: 14px 18px;
  vertical-align: middle;
}
.tw-billing-table tbody tr:last-child td {
  border-bottom: none;
}
.tw-billing-table tbody tr {
  transition: background 0.15s ease;
}
.tw-billing-table tbody tr:hover {
  background: #fafbfc;
}
.tw-billing-table tbody td.is-current {
  background: rgba(255, 173, 47, 0.04);
}
.tw-billing-table tbody td strong {
  font-weight: 700;
}
.tw-feature-yes {
  color: var(--tw-green);
}
.tw-feature-yes [class^="hero-"] {
  height: 18px;
  width: 18px;
}
.tw-feature-no {
  color: #bcc0c8;
  font-weight: 600;
}
.tw-billing-info-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
.tw-billing-info-card {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  display: flex;
  gap: 14px;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-billing-info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.tw-billing-info-card__icon {
  align-items: center;
  border-radius: 12px;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
  flex-shrink: 0;
}
.tw-billing-info-card__icon [class^="hero-"] {
  height: 20px;
  width: 20px;
}
.tw-billing-info-card__icon.tone-navy {
  background: rgba(30, 58, 95, 0.08);
  color: var(--tw-navy);
}
.tw-billing-info-card__icon.tone-amber {
  background: rgba(255, 173, 47, 0.12);
  color: var(--tw-amber-dark);
}
.tw-billing-info-card__icon.tone-green {
  background: rgba(0, 166, 81, 0.1);
  color: var(--tw-green);
}
.tw-billing-info-card__label {
  color: var(--tw-muted);
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.tw-billing-info-card__value {
  display: block;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: 2px;
  text-transform: capitalize;
}
.tw-billing-table-section {
  display: grid;
  gap: 12px;
}
.tw-billing-table-section__header {
  align-items: center;
  display: flex;
  gap: 10px;
}
.tw-billing-table-section__header h3 {
  align-items: center;
  display: flex;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  gap: 8px;
  margin: 0;
}
.tw-billing-table-section__header h3 [class^="hero-"] {
  color: var(--tw-muted);
  height: 18px;
  width: 18px;
}
.tw-billing-table-count {
  background: #f0f2f5;
  border-radius: 6px;
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
}
.tw-billing-table.is-data thead th:first-child {
  width: 120px;
}
.tw-billing-table.is-data thead th:last-child {
  text-align: right;
}
.tw-tx-ref {
  background: #f4f6f9;
  border-radius: 4px;
  color: var(--tw-navy);
  font-family: 'Space Grotesk', 'Inter', monospace;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 8px;
}
.tw-tx-status {
  border-radius: 6px;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 4px 10px;
  text-transform: capitalize;
}
.tw-tx-status.is-success {
  background: #e7f7ee;
  color: #00833a;
}
.tw-tx-status.is-pending {
  background: #fff8e6;
  color: var(--tw-amber-dark);
}
.tw-tx-status.is-failed {
  background: #fef2f2;
  color: var(--tw-red);
}
.tw-tx-plan {
  background: rgba(30, 58, 95, 0.06);
  border-radius: 6px;
  color: var(--tw-navy);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  text-transform: capitalize;
}
.tw-tx-actions {
  text-align: right;
}
.tw-tx-btn {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  color: var(--tw-text);
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  padding: 7px 14px;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.tw-tx-btn [class^="hero-"] {
  height: 14px;
  width: 14px;
}
.tw-tx-btn:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.tw-tx-btn:active {
  transform: translateY(0) scale(0.97);
}
.tw-tx-empty {
  color: var(--tw-muted);
  font-size: 13px;
  padding: 32px 18px !important;
  text-align: center;
}
.tw-tx-empty [class^="hero-"] {
  display: inline;
  height: 16px;
  margin-right: 4px;
  vertical-align: -3px;
  width: 16px;
}
.tw-notif-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 20px 40px 0;
}
.tw-notif-summary {
  align-items: center;
  color: var(--tw-muted);
  display: flex;
  font-size: 13px;
  gap: 8px;
}
.tw-notif-count {
  align-items: center;
  background: linear-gradient(135deg, var(--tw-navy) 0%, #2a5298 100%);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  min-width: 28px;
  padding: 0 8px;
}
.tw-notif-list {
  display: grid;
  gap: 10px;
  padding: 20px 40px 48px;
}
.tw-notif-card {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-left: 3px solid var(--tw-line-soft);
  border-radius: 12px;
  display: grid;
  gap: 18px;
  grid-template-columns: 52px 1fr auto;
  padding: 20px 24px;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
  animation: notif-slide-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
@keyframes notif-slide-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tw-notif-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
  border-color: var(--tw-line);
}
.tw-notif-card.is-read {
  opacity: 0.7;
}
.tw-notif-card.is-read:hover {
  opacity: 1;
}
.tw-notif-card.tone-green {
  border-left-color: var(--tw-green);
}
.tw-notif-card.tone-amber {
  border-left-color: var(--tw-amber);
}
.tw-notif-card.tone-navy {
  border-left-color: var(--tw-navy);
}
.tw-notif-card__indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tw-notif-icon {
  align-items: center;
  border-radius: 12px;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tw-notif-icon [class^="hero-"] {
  height: 20px;
  width: 20px;
}
.tw-notif-card:hover .tw-notif-icon {
  transform: scale(1.06);
}
.tw-notif-icon.tone-green {
  background: rgba(0, 166, 81, 0.1);
  color: var(--tw-green);
}
.tw-notif-icon.tone-amber {
  background: rgba(255, 173, 47, 0.12);
  color: var(--tw-amber-dark);
}
.tw-notif-icon.tone-navy {
  background: rgba(30, 58, 95, 0.08);
  color: var(--tw-navy);
}
.tw-notif-pulse {
  animation: pulse-ring 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border: 2px solid var(--tw-amber);
  border-radius: 50%;
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
}
@keyframes pulse-ring {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.3);
  }
}
.tw-notif-card__body {
  min-width: 0;
}
.tw-notif-card__header {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 4px;
}
.tw-notif-card__header h3 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 0;
}
.tw-notif-card__body p {
  color: var(--tw-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}
.tw-notif-time {
  color: #8b8f97;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.tw-notif-card__action {
  flex-shrink: 0;
}
.tw-notif-btn {
  align-items: center;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: 8px;
  color: var(--tw-text);
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  padding: 10px 16px;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.tw-notif-btn [class^="hero-"] {
  height: 14px;
  width: 14px;
  transition: transform 0.2s ease;
}
.tw-notif-btn:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tw-notif-btn:hover [class^="hero-"] {
  transform: translateX(2px);
}
.tw-notif-btn:active {
  transform: translateY(0) scale(0.97);
}
.tw-notif-btn.is-muted {
  color: var(--tw-muted);
  cursor: default;
  border-color: var(--tw-line-soft);
}
.tw-notif-btn.is-muted:hover {
  background: #fff;
  border-color: var(--tw-line-soft);
  color: var(--tw-muted);
  transform: none;
  box-shadow: none;
}
.tw-notif-empty {
  align-items: center;
  background: #fff;
  border: 1px dashed var(--tw-line);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 64px 32px;
  text-align: center;
  animation: notif-slide-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.tw-notif-empty__icon {
  align-items: center;
  background: linear-gradient(135deg, rgba(30, 58, 95, 0.06) 0%, rgba(255, 173, 47, 0.08) 100%);
  border-radius: 20px;
  color: var(--tw-navy);
  display: flex;
  height: 72px;
  justify-content: center;
  margin-bottom: 8px;
  width: 72px;
}
.tw-notif-empty__icon [class^="hero-"] {
  height: 32px;
  width: 32px;
}
.tw-notif-empty h2 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}
.tw-notif-empty p {
  color: var(--tw-muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 360px;
}
.tw-notif-empty .tw-btn {
  margin-top: 8px;
}
@media (max-width: 980px) {
  .tw-register, .tw-hero, .tw-detail-grid {
    grid-template-columns: 1fr;
  }
  .tw-app {
    grid-template-columns: 200px 1fr;
  }
  .tw-sidebar {
    height: auto;
    position: sticky;
    top: 0;
    height: 100vh;
  }
  .tw-company {
    margin: 0 8px 24px;
  }
  .tw-nav {
    grid-template-columns: 1fr;
  }
  .tw-sidebar-footer {
    margin-top: 24px;
  }
  .tw-page-header {
    flex-wrap: wrap;
    padding: 16px;
  }
  .tw-page-header__search {
    order: 99;
    max-width: 100%;
    width: 100%;
  }
  .tw-stats-grid, .tw-process-grid, .tw-feature-grid, .tw-pricing-grid, .tw-filter-form, .tw-feed-profile, .tw-plan-grid, .tw-billing-info-grid {
    grid-template-columns: 1fr;
  }
  .tw-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .tw-stats-grid, .tw-dashboard-grid, .tw-feed-header, .tw-feed-profile, .tw-filter-card, .tw-empty-state, .tw-feed-list, .tw-data-table-section, .tw-detail-grid, .tw-notif-list, .tw-notif-toolbar, .tw-billing-content, .tw-billing-status {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .tw-billing-status {
    flex-direction: column;
    align-items: flex-start;
  }
  .tw-billing-table-wrap {
    margin: 0 -16px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .tw-tender-row, .tw-match-card, .tw-notif-card {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .tw-notif-card__action {
    justify-self: start;
  }
  .tw-row-actions {
    grid-template-columns: 1fr 1fr;
  }
  .tw-table-toolbar, .tw-table-pagination {
    align-items: stretch;
    flex-direction: column;
  }
  .tw-detail-hero dl, .tw-register form>div, .tw-form-card form>div {
    grid-template-columns: 1fr;
  }
  .tw-register aside {
    padding: 32px 24px;
  }
  .tw-register section {
    padding: 32px 16px;
  }
}
@media (max-width: 720px) {
  .tw-landing-nav {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
  }
  .tw-landing-nav nav {
    flex-wrap: wrap;
    gap: 14px;
  }
  .tw-hero, .tw-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.tw-hamburger {
  display: none;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 8px;
  color: var(--tw-text);
  cursor: pointer;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
.tw-hamburger:hover {
  background: #f0f2f5;
}
.tw-hamburger [class^="hero-"] {
  height: 24px;
  width: 24px;
}
.tw-sidebar-close {
  display: none;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  height: 36px;
  width: 36px;
  margin-bottom: 8px;
  transition: background 0.15s ease;
}
.tw-sidebar-close:hover {
  background: rgba(255, 255, 255, 0.22);
}
.tw-sidebar-close [class^="hero-"] {
  height: 20px;
  width: 20px;
}
.tw-sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 199;
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.tw-sidebar-overlay.is-visible {
  opacity: 1;
  pointer-events: all;
}
.tw-bottom-nav {
  display: none;
}
@media (max-width: 768px) {
  .tw-hamburger {
    display: flex;
  }
  .tw-sidebar-close {
    display: flex;
  }
  .tw-app {
    grid-template-columns: 1fr;
  }
  .tw-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100dvh;
    width: 280px;
    z-index: 200;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
  }
  .tw-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 4px 0 32px rgba(0, 0, 0, 0.25);
  }
  .tw-main {
    width: 100%;
    padding-bottom: 72px;
  }
  .tw-page-header {
    padding: 0 16px;
    gap: 12px;
    min-height: 56px;
  }
  .tw-plan {
    display: none;
  }
  .tw-page-header__search {
    display: none;
  }
  .tw-page-header__left h1 {
    font-size: 17px;
  }
  .tw-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 16px 16px;
    gap: 12px;
  }
  .tw-stat-value {
    font-size: 22px;
  }
  .tw-dashboard-grid {
    grid-template-columns: 1fr;
    padding: 0 16px 24px;
    gap: 16px;
  }
  .tw-match-card {
    grid-template-columns: 52px 1fr;
    padding: 18px 16px;
    gap: 16px;
  }
  .tw-score-ring {
    height: 52px;
    width: 52px;
  }
  .tw-actions {
    flex-wrap: wrap;
    gap: 8px;
  }
  .tw-btn {
    font-size: 13px;
    min-height: 36px;
    padding: 0 14px;
  }
  .tw-chat-fab {
    bottom: 88px;
    right: 16px;
    height: 48px;
    width: 48px;
  }
  .tw-chat-panel {
    right: 0;
    left: 0;
    bottom: 72px;
    width: 100%;
    border-radius: 16px 16px 0 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  .tw-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: #fff;
    border-top: 1px solid var(--tw-line-soft);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
    z-index: 100;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .tw-bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--tw-muted);
    font-size: 10px;
    font-weight: 600;
    padding: 8px 4px;
    transition: color 0.15s ease;
    text-decoration: none;
  }
  .tw-bottom-nav-item [class^="hero-"] {
    height: 22px;
    width: 22px;
  }
  .tw-bottom-nav-item.is-active {
    color: var(--tw-navy);
  }
  .tw-bottom-nav-item.is-active [class^="hero-"] {
    color: var(--tw-amber-dark);
  }
  .tw-bottom-nav-icon-wrap {
    position: relative;
    display: inline-flex;
  }
  .tw-bottom-nav-icon-wrap .tw-nav-badge {
    position: absolute;
    top: -6px;
    right: -8px;
    margin-left: 0;
  }
  .tw-section-row {
    margin: 4px 0 16px;
  }
  .tw-landing-nav {
    padding: 0 16px;
    min-height: 56px;
  }
  .tw-landing-nav-links {
    display: none !important;
  }
  .tw-landing-nav-actions .tw-btn:first-child {
    display: none;
  }
  .tw-hero {
    grid-template-columns: 1fr;
    padding: 32px 16px 40px;
    gap: 32px;
  }
  .tw-hero h1 {
    font-size: clamp(28px, 7vw, 36px);
  }
  .tw-hero-visual {
    display: none;
  }
  .tw-social-bar {
    padding: 16px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .tw-social-tags {
    flex-wrap: wrap;
    gap: 8px;
  }
  .tw-steps-grid {
    grid-template-columns: 1fr !important;
  }
  .tw-step-arrow {
    display: none;
  }
  .tw-feature-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .tw-testimonials-grid {
    grid-template-columns: 1fr !important;
  }
  .tw-pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .tw-faq-grid {
    grid-template-columns: 1fr !important;
  }
  .tw-cta-banner {
    flex-direction: column;
    text-align: center;
    padding: 40px 16px;
    gap: 20px;
  }
  .tw-footer-top {
    flex-direction: column !important;
    gap: 32px;
  }
  .tw-footer-links {
    flex-wrap: wrap;
    gap: 24px;
  }
  .tw-section {
    padding: 48px 16px;
  }
  .tw-assistant-layout {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
  }
  .tw-assistant-sidebar {
    border-right: none;
    border-bottom: 1px solid var(--tw-line-soft);
    max-height: none;
    overflow: visible;
  }
  .tw-assistant-history {
    overflow-y: visible;
    max-height: 240px;
    overflow-y: auto;
  }
  .tw-assistant-chat {
    height: calc(100dvh - 56px - 64px);
    min-height: 400px;
  }
  .tw-assistant-gate__features {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px;
  }
  .tw-plan-grid {
    grid-template-columns: 1fr !important;
  }
}
.tw-table-shell {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 12px;
  overflow: hidden;
}
.tw-table-toolbar {
  align-items: center;
  border-bottom: 1px solid var(--tw-line-soft);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px 18px;
}
.tw-table-search {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--tw-line-soft);
  border-radius: 8px;
  display: flex;
  flex: 1;
  gap: 8px;
  max-width: 340px;
  padding: 0 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tw-table-search:focus-within {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 173, 47, 0.1);
}
.tw-table-search [class^="hero-"] {
  color: var(--tw-muted);
  flex-shrink: 0;
  height: 15px;
  width: 15px;
}
.tw-table-search input {
  background: transparent;
  border: none;
  color: var(--tw-text);
  font-size: 13px;
  height: 36px;
  outline: none;
  width: 100%;
}
.tw-table-search input::placeholder {
  color: #94a3b8;
}
.tw-export-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}
.tw-export-actions button {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--tw-line-soft);
  border-radius: 7px;
  color: var(--tw-muted);
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  gap: 5px;
  height: 32px;
  letter-spacing: 0.04em;
  padding: 0 10px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.tw-export-actions button [class^="hero-"] {
  height: 14px;
  width: 14px;
}
.tw-export-actions button:hover {
  background: #f0f4ff;
  border-color: var(--tw-navy);
  color: var(--tw-navy);
}
.tw-export-actions button.tw-primary-export {
  background: var(--tw-navy);
  border-color: var(--tw-navy);
  color: #fff;
}
.tw-export-actions button.tw-primary-export:hover {
  background: #2a5298;
  border-color: #2a5298;
}
.tw-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tw-table-wrap table {
  border-collapse: collapse;
  font-size: 13px;
  min-width: 600px;
  width: 100%;
}
.tw-table-wrap thead th {
  background: #f8fafc;
  border-bottom: 1px solid var(--tw-line-soft);
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 10px 16px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.tw-table-wrap tbody td {
  border-bottom: 1px solid var(--tw-line-soft);
  color: var(--tw-text);
  padding: 12px 16px;
  vertical-align: middle;
}
.tw-table-wrap tbody tr:last-child td {
  border-bottom: none;
}
.tw-table-wrap tbody tr:hover td {
  background: #fafbfc;
}
.tw-empty-table {
  color: var(--tw-muted);
  font-size: 13px;
  padding: 40px 20px !important;
  text-align: center;
}
.tw-table-cell-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 360px;
}
.tw-table-cell-stack strong {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
.tw-table-cell-stack span {
  color: var(--tw-muted);
  font-size: 11px;
}
.tw-table-muted {
  color: var(--tw-muted);
  font-size: 12px;
}
.tw-table-mono {
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.tw-table-pagination {
  align-items: center;
  border-top: 1px solid var(--tw-line-soft);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 18px;
}
.tw-table-pagination p {
  color: var(--tw-muted);
  font-size: 12px;
  margin: 0;
}
.tw-table-pagination p strong {
  color: var(--tw-text);
}
.tw-table-pagination nav {
  align-items: center;
  display: flex;
  gap: 2px;
}
.tw-table-pagination nav a, .tw-table-pagination nav span {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--tw-muted);
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  min-width: 30px;
  padding: 0 6px;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.tw-table-pagination nav a:hover {
  background: #f0f4ff;
  color: var(--tw-navy);
}
.tw-table-pagination nav a.is-active {
  background: var(--tw-navy);
  border-color: var(--tw-navy);
  color: #fff;
}
.tw-table-pagination nav span.is-disabled {
  color: #cbd5e1;
  cursor: not-allowed;
}
.tw-table-pagination nav span.is-gap {
  color: #94a3b8;
  min-width: 20px;
  padding: 0 2px;
}
@media (max-width: 600px) {
  .tw-table-pagination {
    flex-direction: column;
    gap: 10px;
  }
}
.tw-admin {
  min-height: 100vh;
  background: oklch(96% 0.001 286.375);
  font-family: inherit;
}
.tw-admin-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  background: white;
  border-bottom: 1px solid oklch(92% 0.004 286.32);
}
.tw-admin-header .tw-brand {
  font-weight: 700;
  font-size: 18px;
  margin-right: auto;
}
.tw-admin-title h1 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.tw-admin-title span {
  font-size: 12px;
  color: oklch(55% 0.027 264.364);
}
.tw-admin-main {
  padding: 32px;
  max-width: 1200px;
  margin: 0 auto;
}
.tw-admin-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
.tw-stat-card {
  background: white;
  border-radius: 8px;
  padding: 20px 24px;
  border: 1px solid oklch(92% 0.004 286.32);
}
.tw-stat-card dt {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: oklch(55% 0.027 264.364);
  margin-bottom: 4px;
}
.tw-stat-card dd {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
}
.tw-stat-card small {
  font-size: 12px;
  color: oklch(55% 0.027 264.364);
}
.tw-admin-section {
  background: white;
  border-radius: 8px;
  border: 1px solid oklch(92% 0.004 286.32);
  overflow: hidden;
}
.tw-admin-section h2 {
  font-size: 15px;
  font-weight: 600;
  padding: 16px 24px;
  border-bottom: 1px solid oklch(92% 0.004 286.32);
  margin: 0;
}
.tw-admin-table-wrap {
  overflow-x: auto;
}
.tw-admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.tw-admin-table th {
  text-align: left;
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: oklch(55% 0.027 264.364);
  background: oklch(98% 0 0);
  border-bottom: 1px solid oklch(92% 0.004 286.32);
}
.tw-admin-table td {
  padding: 12px 16px;
  border-bottom: 1px solid oklch(96% 0.001 286.375);
  vertical-align: middle;
}
.tw-admin-table tr:last-child td {
  border-bottom: none;
}
.tw-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}
.tw-badge-green {
  background: oklch(93% 0.05 150);
  color: oklch(35% 0.1 150);
}
.tw-badge-red {
  background: oklch(93% 0.05 20);
  color: oklch(40% 0.15 20);
}
.tw-badge-starter {
  background: oklch(93% 0.01 260);
  color: oklch(40% 0.05 260);
}
.tw-badge-pro {
  background: oklch(93% 0.05 280);
  color: oklch(40% 0.15 280);
}
.tw-badge-agency {
  background: oklch(93% 0.08 50);
  color: oklch(40% 0.15 50);
}
.tw-plan-admin {
  background: #1e293b;
  color: #f59e0b;
}
.tw-mark-sm {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #1e293b;
  color: #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
.tw-page-subtitle {
  font-size: 13px;
  color: #64748b;
  margin: 2px 0 0;
}
.tw-admin-card {
  background: white;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
.tw-scraper-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px 32px 48px;
}
.tw-scraper-summary {
  border-bottom: 1px solid var(--tw-line-soft);
  border-top: 1px solid var(--tw-line-soft);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.tw-scraper-summary > div {
  border-right: 1px solid var(--tw-line-soft);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
}
.tw-scraper-summary > div:last-child {
  border-right: none;
}
.tw-scraper-summary span {
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.tw-scraper-summary strong {
  color: var(--tw-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-scraper-table {
  min-width: 0;
}
@media (max-width: 1100px) {
  .tw-scraper-page {
    padding: 20px 16px 40px;
  }
  .tw-scraper-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw-scraper-summary > div:nth-child(3n) {
    border-right: none;
  }
  .tw-scraper-summary > div:nth-child(n+4) {
    border-top: 1px solid var(--tw-line-soft);
  }
}
@media (max-width: 640px) {
  .tw-scraper-summary {
    grid-template-columns: 1fr 1fr;
  }
  .tw-scraper-summary > div:nth-child(3n) {
    border-right: 1px solid var(--tw-line-soft);
  }
  .tw-scraper-summary > div:nth-child(even) {
    border-right: none;
  }
  .tw-scraper-summary > div:nth-child(n+3) {
    border-top: 1px solid var(--tw-line-soft);
  }
}
.tw-admin-ops-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 24px;
}
.tw-ops-card {
  padding: 18px;
}
.tw-ops-card__header {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.tw-ops-card__header h2 {
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}
.tw-ops-card__header p {
  color: #64748b;
  font-size: 12px;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}
.tw-ops-link {
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  color: #334155;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 10px;
}
.tw-ops-link:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.tw-ops-summary {
  border-bottom: 1px solid #f1f5f9;
  border-top: 1px solid #f1f5f9;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px 0;
}
.tw-ops-summary span, .tw-source-status p, .tw-ai-ops-row p {
  color: #64748b;
  font-size: 12px;
}
.tw-ops-summary span {
  display: block;
  margin-bottom: 3px;
}
.tw-ops-summary strong, .tw-source-status strong, .tw-ai-ops-row strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}
.tw-source-status-list, .tw-ai-ops-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
.tw-source-status, .tw-ai-ops-row {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  min-height: 58px;
  padding: 10px 12px;
}
.tw-source-status {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.tw-source-status p, .tw-ai-ops-row p {
  margin: 2px 0 0;
}
.tw-source-status small {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}
.tw-source-dot {
  border-radius: 999px;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.tw-source-dot.is-green {
  background: #16a34a;
}
.tw-source-dot.is-amber {
  background: #f59e0b;
}
.tw-source-dot.is-red {
  background: #ef4444;
}
.tw-ai-ops-row {
  grid-template-columns: 78px minmax(0, 1fr) auto;
}
.tw-ai-ops-role {
  align-items: center;
  background: #eff6ff;
  border-radius: 999px;
  color: #1d4ed8;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: center;
  min-height: 26px;
  padding: 4px 9px;
}
.tw-dashboard-empty-link {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 20px;
}
.tw-dashboard-empty-link strong {
  color: #0f172a;
  display: block;
  font-size: 16px;
  font-weight: 800;
}
.tw-dashboard-empty-link p {
  color: #64748b;
  font-size: 13px;
  margin: 4px 0 0;
}
.tw-companies-page {
  padding: 0 32px 36px;
}
.tw-company-editor {
  margin-bottom: 20px;
  padding: 18px;
}
.tw-company-editor__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.tw-company-editor__header h3 {
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}
.tw-company-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-company-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tw-company-form label span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.tw-company-form input:not([type="checkbox"]), .tw-company-form select {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  font-size: 13px;
  min-height: 38px;
  padding: 8px 10px;
}
.tw-company-checkbox {
  align-items: center;
  flex-direction: row !important;
  grid-column: span 1;
  justify-content: flex-start;
  padding-top: 22px;
}
.tw-company-checkbox input {
  height: 16px;
  width: 16px;
}
.tw-company-checkbox span {
  color: #334155 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.tw-company-form__actions {
  align-items: end;
  display: flex;
  gap: 8px;
  grid-column: span 2;
  justify-content: flex-end;
}
.tw-company-form-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 7px;
  color: #b91c1c;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 12px;
  padding: 9px 11px;
}
.tw-company-table-name {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  min-width: 0;
}
.tw-company-table-name strong {
  color: #0f172a;
  display: block;
  font-size: 15px;
  font-weight: 800;
  margin: 0;
}
.tw-company-table-name p, .tw-company-user p {
  color: #64748b;
  font-size: 12px;
  margin: 2px 0 0;
}
.tw-company-table-users {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 140px;
}
.tw-company-table-users strong {
  color: #334155;
  font-size: 13px;
}
.tw-company-table-users span {
  color: #64748b;
  display: block;
  font-size: 12px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-company-table-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 320px;
}
.tw-company-row__actions {
  display: flex;
  gap: 8px;
}
.tw-btn.is-danger {
  color: #b91c1c;
}
.tw-company-users {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tw-company-user {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-height: 54px;
  padding: 10px 12px;
}
.tw-company-user strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}
.tw-company-user.is-empty {
  color: #64748b;
  display: block;
  font-size: 13px;
}
@media (max-width: 760px) {
  .tw-companies-page {
    padding: 0 16px 24px;
  }
  .tw-company-form {
    grid-template-columns: 1fr;
  }
  .tw-company-form__actions, .tw-company-checkbox {
    grid-column: auto;
  }
  .tw-company-table-actions {
    min-width: 260px;
  }
}
.tw-admin-billing-page {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 0 32px 40px;
}
.tw-admin-billing-summary {
  border-bottom: 1px solid var(--tw-line-soft);
  border-top: 1px solid var(--tw-line-soft);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw-admin-billing-summary > div {
  border-right: 1px solid var(--tw-line-soft);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
}
.tw-admin-billing-summary > div:last-child {
  border-right: none;
}
.tw-admin-billing-summary span, .tw-admin-billing-plan dt, .tw-admin-billing-form label span {
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.tw-admin-billing-summary strong {
  color: var(--tw-text);
  font-size: 16px;
  font-weight: 800;
}
.tw-admin-billing-plans {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-admin-billing-plan {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.tw-admin-billing-plan__header {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.tw-admin-billing-plan__header span:first-child {
  color: var(--tw-muted);
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.tw-admin-billing-plan__header strong {
  color: var(--tw-text);
  display: block;
  font-size: 22px;
  font-weight: 800;
  margin-top: 2px;
}
.tw-admin-billing-plan__header small {
  color: var(--tw-muted);
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 2px;
}
.tw-admin-billing-plan p {
  color: var(--tw-muted);
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}
.tw-admin-billing-plan dl {
  border-top: 1px solid var(--tw-line-soft);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: auto 0 0;
  padding-top: 12px;
}
.tw-admin-billing-plan dd {
  color: var(--tw-text);
  font-size: 13px;
  font-weight: 800;
  margin: 3px 0 0;
}
.tw-admin-plan-price-form {
  border-top: 1px solid var(--tw-line-soft);
  display: grid;
  gap: 10px;
  margin-top: 2px;
  padding-top: 12px;
}
.tw-admin-plan-price-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tw-admin-plan-price-form label span {
  color: var(--tw-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.tw-admin-plan-price-form input {
  border: 1px solid var(--tw-line-soft);
  border-radius: 7px;
  color: var(--tw-text);
  font-size: 13px;
  min-height: 36px;
  padding: 8px 10px;
}
.tw-admin-plan-price-form > div, .tw-admin-plan-price-actions {
  display: flex;
  gap: 8px;
}
.tw-admin-billing-editor {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 8px;
  padding: 18px;
}
.tw-admin-billing-editor__header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.tw-admin-billing-editor__header h2 {
  color: var(--tw-text);
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}
.tw-admin-billing-editor__header p {
  color: var(--tw-muted);
  font-size: 13px;
  margin: 3px 0 0;
}
.tw-admin-billing-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tw-admin-billing-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.tw-admin-billing-form input:not([type="checkbox"]), .tw-admin-billing-form select {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 7px;
  color: var(--tw-text);
  font-size: 13px;
  min-height: 38px;
  padding: 8px 10px;
}
.tw-admin-billing-checkbox {
  align-items: center;
  flex-direction: row !important;
  padding-top: 22px;
}
.tw-admin-billing-checkbox input {
  height: 16px;
  width: 16px;
}
.tw-admin-billing-checkbox span {
  color: var(--tw-text) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.tw-admin-billing-form__actions {
  align-items: end;
  display: flex;
  gap: 8px;
  grid-column: span 2;
  justify-content: flex-end;
}
.tw-admin-billing-table-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tw-admin-billing-ids {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 180px;
}
.tw-admin-billing-ids span, .tw-admin-billing-ids small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-admin-billing-ids span {
  color: var(--tw-text);
  font-size: 12px;
  font-weight: 700;
}
.tw-admin-billing-ids small {
  color: var(--tw-muted);
  font-size: 11px;
}
@media (max-width: 1020px) {
  .tw-admin-billing-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw-admin-billing-plans {
    grid-template-columns: 1fr;
  }
  .tw-admin-billing-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .tw-admin-billing-page {
    padding: 0 16px 28px;
  }
  .tw-admin-billing-summary, .tw-admin-billing-form {
    grid-template-columns: 1fr;
  }
  .tw-admin-billing-summary > div {
    border-right: none;
    border-bottom: 1px solid var(--tw-line-soft);
  }
  .tw-admin-billing-summary > div:last-child {
    border-bottom: none;
  }
  .tw-admin-billing-plan dl {
    grid-template-columns: 1fr;
  }
  .tw-admin-billing-form__actions {
    grid-column: auto;
    justify-content: flex-start;
  }
}
.tw-pref-section {
  padding: 24px;
}
.tw-pref-desc {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 16px;
}
.tw-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  min-height: 36px;
}
.tw-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #f1f5f9;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.tw-tag button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #94a3b8;
  padding: 0;
}
.tw-tag button:hover {
  color: #ef4444;
}
.tw-tag-region {
  background: #eff6ff;
  color: #1d4ed8;
}
.tw-pref-add {
  display: flex;
  gap: 8px;
}
.tw-pref-add input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
}
.tw-inline-flash {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 13px;
  margin-bottom: 16px;
}
.tw-ai-page {
  padding: 0 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tw-ai-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}
.tw-ai-card {
  background: #fff;
  border: 1px solid var(--tw-line-soft);
  border-radius: 8px;
  overflow: hidden;
}
.tw-ai-card + .tw-ai-card {
  margin-top: 20px;
}
.tw-ai-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #f1f5f9;
}
.tw-ai-card__header h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.tw-ai-card__header p {
  font-size: 13px;
  color: #64748b;
  margin: 2px 0 0;
}
.tw-ai-active-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 5px 12px;
  border-radius: 8px;
  white-space: nowrap;
}
.tw-ai-active-badge__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16a34a;
  animation: tw-pulse-dot 2s ease infinite;
}
@keyframes tw-pulse-dot {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.tw-ai-model-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px 20px;
}
.tw-ai-model {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tw-ai-model:hover {
  border-color: #cbd5e1;
}
.tw-ai-model.is-primary {
  border-color: #cbd5e1;
  background: #f8fafc;
  box-shadow: inset 3px 0 0 #1e293b;
}
.tw-ai-model.is-stopped {
  background: #fafafa;
}
.tw-ai-model__top, .tw-ai-model__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.tw-ai-model__brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.tw-ai-model__brand strong {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tw-ai-model__brand span {
  display: block;
  font-size: 12px;
  color: #64748b;
  overflow-wrap: anywhere;
}
.tw-ai-provider-logo {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  background: #1e293b;
  color: #f8fafc;
}
.tw-ai-provider-logo--sm {
  width: 28px;
  height: 28px;
  font-size: 9px;
  border-radius: 6px;
}
.tw-ai-role-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.tw-ai-role-chip.is-primary-role {
  background: #e2e8f0;
  color: #1e293b;
}
.tw-ai-role-chip.is-fallback-role {
  background: #fffbeb;
  color: #92400e;
}
.tw-ai-role-chip.is-running-role {
  background: #dcfce7;
  color: #15803d;
}
.tw-ai-model__controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.tw-ai-icon-btn {
  width: 34px;
  height: 34px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.tw-ai-icon-btn svg {
  width: 17px;
  height: 17px;
}
.tw-ai-icon-btn:hover:not(:disabled) {
  border-color: #f59e0b;
  color: #92400e;
  background: #fffbeb;
}
.tw-ai-icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.tw-ai-model__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
}
.tw-ai-model__stat {
  min-width: 0;
}
.tw-ai-model__stat span {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  font-weight: 500;
}
.tw-ai-model__stat strong {
  font-size: 14px;
  font-weight: 700;
}
.tw-ai-status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db;
  vertical-align: middle;
}
.tw-ai-status-dot.is-on {
  background: #22c55e;
  box-shadow: 0 0 6px rgba(34, 197, 94, 0.4);
}
.tw-ai-usage-bar {
  height: 6px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
}
.tw-ai-usage-bar__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.4s ease;
  background: #1e293b;
}
.tw-ai-model__usage small {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
  display: block;
}
.tw-ai-model__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 150px;
}
.tw-ai-model__action:hover:not(:disabled) {
  border-color: #f59e0b;
  color: #92400e;
  background: #fffbeb;
}
.tw-ai-model__action.is-active {
  border-color: #1e293b;
  background: #1e293b;
  color: #fff;
  cursor: default;
}
.tw-ai-model__action.is-fallback {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
  cursor: default;
}
.tw-ai-model__check {
  width: 16px;
  height: 16px;
}
.tw-ai-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}
.tw-ai-pill.is-free {
  background: #ecfdf5;
  color: #047857;
}
.tw-ai-model__meta, .tw-ai-model__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tw-ai-provider-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.tw-ai-provider-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tw-ai-provider-form label span {
  font-size: 11px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.tw-ai-provider-form input:not([type="checkbox"]) {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  padding: 8px 10px;
  font-size: 13px;
  background: #fff;
}
.tw-ai-provider-form input:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}
.tw-ai-provider-form__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.tw-ai-checkbox {
  flex-direction: row !important;
  align-items: center;
}
.tw-ai-checkbox input {
  width: 16px;
  height: 16px;
}
.tw-ai-checkbox span {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  color: #334155 !important;
}
.tw-log-page {
  padding: 0 32px 36px;
}
.tw-log-tabs {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
.tw-log-tab {
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #475569;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
}
.tw-log-tab span {
  background: #f1f5f9;
  border-radius: 999px;
  color: #64748b;
  font-size: 11px;
  padding: 2px 7px;
}
.tw-log-tab.is-active {
  background: #1e293b;
  border-color: #1e293b;
  color: #fff;
}
.tw-log-tab.is-active span {
  background: rgba(255, 255, 255, 0.16);
  color: #f8fafc;
}
.tw-log-table td {
  max-width: 280px;
}
.tw-log-muted {
  color: #64748b;
  font-size: 12px;
}
.tw-log-content {
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
  min-width: 240px;
}
.tw-log-empty {
  color: #64748b;
  padding: 28px !important;
  text-align: center;
}
@media (max-width: 760px) {
  .tw-log-page {
    padding: 0 16px 24px;
  }
  .tw-log-tabs {
    align-items: stretch;
    flex-direction: column;
  }
  .tw-log-tab {
    justify-content: space-between;
    width: 100%;
  }
}
.tw-ai-key-list {
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.tw-ai-key {
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fafbfc;
}
.tw-ai-key__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.tw-ai-key__header strong {
  font-size: 13px;
  font-weight: 700;
  flex: 1;
}
.tw-ai-key__status {
  font-size: 11px;
  font-weight: 600;
  color: #ef4444;
  background: #fef2f2;
  padding: 2px 8px;
  border-radius: 10px;
}
.tw-ai-key__status.is-connected {
  color: #16a34a;
  background: #f0fdf4;
}
.tw-ai-key__value {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tw-ai-key__value code {
  font-size: 11px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 5px 8px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
  font-family: 'SF Mono', 'Fira Code', monospace;
}
.tw-ai-key__edit-btn {
  background: none;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 5px 6px;
  cursor: pointer;
  color: #94a3b8;
  display: flex;
  align-items: center;
  transition: all 0.15s ease;
}
.tw-ai-key__edit-btn svg {
  width: 14px;
  height: 14px;
}
.tw-ai-key__edit-btn:hover {
  color: #f59e0b;
  border-color: #f59e0b;
  background: #fffbeb;
}
.tw-ai-key__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tw-ai-key__form input[type="password"] {
  width: 100%;
  padding: 8px 12px;
  border: 1.5px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-family: 'SF Mono', 'Fira Code', monospace;
  transition: border-color 0.15s ease;
}
.tw-ai-key__form input[type="password"]:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}
.tw-ai-key__actions {
  display: flex;
  gap: 6px;
}
.tw-btn--sm {
  padding: 5px 12px;
  font-size: 12px;
  min-height: auto;
}
.tw-ai-card--info .tw-ai-info-list {
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.tw-ai-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.tw-ai-info-row:last-child {
  border-bottom: none;
}
.tw-ai-info-row span {
  font-size: 13px;
  color: #64748b;
}
.tw-ai-info-row strong {
  font-size: 13px;
  font-weight: 600;
}
@media (max-width: 900px) {
  .tw-ai-page {
    padding: 0 16px 24px;
  }
  .tw-ai-grid {
    grid-template-columns: 1fr;
  }
  .tw-ai-card__header, .tw-ai-model__top, .tw-ai-model__footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .tw-ai-model__stats {
    grid-template-columns: 1fr;
  }
  .tw-ai-model__actions {
    width: 100%;
  }
  .tw-ai-active-badge {
    white-space: normal;
  }
  .tw-ai-model__action {
    width: 100%;
  }
  .tw-ai-provider-form__row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1100px) {
  .tw-admin-ops-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .tw-ops-summary, .tw-ai-ops-row {
    grid-template-columns: 1fr;
  }
  .tw-source-status {
    align-items: flex-start;
    grid-template-columns: auto minmax(0, 1fr);
  }
  .tw-source-status small {
    grid-column: 2;
  }
}
.tw-compose-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 0 0;
}
.tw-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tw-field span {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.tw-field input, .tw-field select, .tw-field textarea {
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
  background: white;
}
.tw-field textarea {
  resize: vertical;
}
.tw-compose-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tw-admin-notification-panel, .tw-admin-delivery-panel, .tw-admin-history-list {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.tw-admin-panel-icon {
  align-items: center;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #1e293b;
  display: inline-flex;
  flex: 0 0 auto;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.tw-admin-panel-icon.is-amber {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.tw-admin-notification-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 340px;
  padding: 28px 32px 24px;
}
.tw-admin-notification-panel, .tw-admin-delivery-panel {
  padding: 24px;
}
.tw-admin-panel-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
}
.tw-admin-panel-heading.compact {
  align-items: flex-start;
  margin-bottom: 18px;
}
.tw-admin-panel-heading h2 {
  font-size: 18px;
  margin: 0;
}
.tw-admin-panel-heading p {
  color: #64748b;
  font-size: 13px;
  margin: 2px 0 0;
}
.tw-admin-compose-form {
  display: grid;
  gap: 16px;
}
.tw-field-with-meta small {
  color: #64748b;
  font-size: 12px;
  margin-top: 2px;
}
.tw-admin-compose-form .tw-field span {
  color: #334155;
  letter-spacing: 0.01em;
}
.tw-admin-compose-form .tw-field input, .tw-admin-compose-form .tw-field select, .tw-admin-compose-form .tw-field textarea {
  border-color: #cbd5e1;
  border-radius: 8px;
  font-size: 14px;
  min-height: 42px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tw-admin-compose-form .tw-field input:focus, .tw-admin-compose-form .tw-field select:focus, .tw-admin-compose-form .tw-field textarea:focus {
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.16);
}
.tw-admin-compose-form .tw-field textarea {
  line-height: 1.55;
  min-height: 220px;
}
.tw-admin-compose-footer {
  align-items: center;
  border-top: 1px solid #e2e8f0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 2px;
  padding-top: 18px;
}
.tw-admin-compose-meter {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: inline-flex;
  gap: 10px;
  min-height: 40px;
  padding: 8px 12px;
}
.tw-admin-compose-meter span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}
.tw-admin-compose-meter strong {
  color: #0f172a;
  font-size: 14px;
}
.tw-admin-delivery-panel {
  align-self: start;
}
.tw-admin-delivery-overview {
  border-bottom: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
  display: grid;
  gap: 0;
  margin-bottom: 16px;
}
.tw-admin-delivery-overview div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 0;
}
.tw-admin-delivery-overview div+div {
  border-top: 1px solid #f1f5f9;
}
.tw-admin-delivery-overview span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.tw-admin-delivery-overview strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  max-width: 190px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-admin-delivery-list {
  display: grid;
  gap: 10px;
  margin: 0;
}
.tw-admin-delivery-list div {
  border-bottom: 1px solid #f1f5f9;
  padding: 0 0 10px;
}
.tw-admin-delivery-list div:last-child {
  border-bottom: none;
}
.tw-admin-delivery-list dt {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.tw-admin-delivery-list dd {
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  overflow-wrap: anywhere;
}
.tw-admin-delivery-note {
  align-items: flex-start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #334155;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  line-height: 1.45;
  margin-top: 16px;
  padding: 12px;
}
.tw-admin-delivery-note [class^="hero-"] {
  flex: 0 0 auto;
  margin-top: 1px;
}
.tw-admin-history-section {
  padding: 0 32px 40px;
}
.tw-admin-history-section .tw-section-row {
  margin-bottom: 12px;
}
.tw-admin-section-caption {
  color: #64748b;
  font-size: 13px;
  margin: 2px 0 0;
}
.tw-admin-history-list {
  display: grid;
  overflow: hidden;
}
.tw-admin-history-item {
  align-items: flex-start;
  display: grid;
  gap: 16px;
  grid-template-columns: 36px minmax(0, 1fr);
  padding: 16px 18px;
}
.tw-admin-history-item+.tw-admin-history-item {
  border-top: 1px solid #e2e8f0;
}
.tw-admin-history-avatar {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  color: #1e293b;
  display: flex;
  font-size: 11px;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  letter-spacing: 0.03em;
  width: 36px;
}
.tw-admin-history-content {
  min-width: 0;
}
.tw-admin-history-title-row {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.tw-admin-history-title-row h3 {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.35;
  margin: 0;
}
.tw-admin-history-content p {
  color: #475569;
  font-size: 13px;
  line-height: 1.6;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}
.tw-admin-history-meta {
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 12px;
  margin-top: 12px;
}
.tw-admin-history-meta span {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}
.tw-admin-history-empty {
  align-items: center;
  display: flex;
  gap: 14px;
  padding: 28px;
}
.tw-admin-history-empty h3 {
  color: #0f172a;
  font-size: 15px;
  margin: 0 0 4px;
}
.tw-admin-history-empty p {
  color: #64748b;
  font-size: 13px;
  margin: 0;
}
@media (max-width: 1180px) {
  .tw-admin-notification-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 980px) {
  .tw-admin-notification-layout, .tw-admin-history-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 640px) {
  .tw-admin-notification-panel, .tw-admin-delivery-panel {
    padding: 18px;
  }
  .tw-admin-compose-footer, .tw-admin-history-title-row {
    align-items: stretch;
    flex-direction: column;
  }
  .tw-admin-compose-footer .tw-btn {
    width: 100%;
  }
  .tw-admin-compose-meter {
    justify-content: space-between;
    width: 100%;
  }
  .tw-admin-history-item {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .tw-admin-history-avatar {
    height: 40px;
    width: 40px;
  }
}
.tw-plan-edit {
  background: #f8fafc;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 8px;
}
.tw-dot-starter {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #94a3b8;
}
.tw-dot-pro {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22c55e;
}
.tw-dot-agency {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f59e0b;
}
.tw-price {
  padding: 80px 24px;
}
.tw-price-head {
  text-align: center;
  margin-bottom: 48px;
}
.tw-price-head h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin: 8px 0 6px;
}
.tw-price-head p {
  color: var(--tw-muted);
  font-size: 15px;
}
.tw-price-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1040px;
  margin: 0 auto;
  align-items: start;
}
.tw-price-card {
  background: #fff;
  border: 1.5px solid var(--tw-line-soft);
  border-radius: 16px;
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.tw-price-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.tw-price-hot {
  background: var(--tw-navy);
  border-color: var(--tw-amber);
  border-width: 2.5px;
  color: #fff;
  position: relative;
  transform: scale(1.04);
  box-shadow: 0 12px 40px rgba(30, 58, 95, 0.18), 0 0 0 1px rgba(255, 173, 47, 0.1);
  z-index: 1;
}
.tw-price-hot:hover {
  transform: scale(1.04) translateY(-2px);
  box-shadow: 0 16px 48px rgba(30, 58, 95, 0.22), 0 0 0 1px rgba(255, 173, 47, 0.15);
}
.tw-price-tag {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--tw-amber);
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.2px;
}
.tw-price-name {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
  color: inherit;
}
.tw-price-hot .tw-price-name {
  color: var(--tw-amber);
}
.tw-price-amount {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 2px;
  letter-spacing: -1px;
}
.tw-price-currency {
  font-size: 24px;
  font-weight: 600;
  vertical-align: super;
  margin-right: 2px;
  opacity: 0.7;
}
.tw-price-per {
  font-size: 16px;
  font-weight: 500;
  opacity: 0.5;
  margin-left: 2px;
}
.tw-price-sub {
  font-size: 12px;
  color: var(--tw-muted);
  margin: 0 0 16px;
}
.tw-price-hot .tw-price-sub {
  color: rgba(255, 255, 255, 0.5);
}
.tw-price-desc {
  font-size: 14px;
  color: var(--tw-muted);
  line-height: 1.5;
  margin: 0 0 20px;
  min-height: 42px;
}
.tw-price-hot .tw-price-desc {
  color: rgba(255, 255, 255, 0.7);
}
.tw-price-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: grid;
  gap: 10px;
  flex: 1;
}
.tw-price-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  line-height: 1.4;
}
.tw-price-list li svg, .tw-price-list li .hero-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--tw-green);
}
.tw-price-hot .tw-price-list li svg, .tw-price-hot .tw-price-list li .hero-icon {
  color: var(--tw-amber);
}
.tw-price-dim {
  color: #94a3b8;
}
.tw-price-dim svg, .tw-price-dim .hero-icon {
  color: #cbd5e1 !important;
}
.tw-price-btn {
  width: 100%;
  justify-content: center;
  margin-top: auto;
}
.tw-price-note {
  text-align: center;
  font-size: 13px;
  color: var(--tw-muted);
  margin-top: 32px;
}
.tw-price-note a {
  color: var(--tw-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 768px) {
  .tw-price {
    padding: 48px 16px;
  }
  .tw-price-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tw-price-hot {
    transform: none;
    order: -1;
  }
  .tw-price-hot:hover {
    transform: translateY(-2px);
  }
  .tw-price-head h2 {
    font-size: 26px;
  }
  .tw-price-amount {
    font-size: 40px;
  }
}
.tw-plan-dot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tw-chip.is-red {
  background: #fee2e2;
  color: #991b1b;
}
@keyframes authFadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes authFloat {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(30px, -20px) scale(1.05);
  }
  66% {
    transform: translate(-20px, 15px) scale(0.95);
  }
}
@keyframes authFloatAlt {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(-25px, 25px) scale(1.08);
  }
  66% {
    transform: translate(15px, -10px) scale(0.92);
  }
}
@keyframes authShimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 200%;
  }
}
@keyframes authPulseRing {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 173, 47, 0.4);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(255, 173, 47, 0);
  }
}
@keyframes authCardIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.tw-auth-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  font-family: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.tw-auth-left {
  position: relative;
  background: linear-gradient(160deg, #0f172a 0%, #1e3a5f 50%, #0f2744 100%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tw-auth-left::before, .tw-auth-left::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}
.tw-auth-left::before {
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(255, 173, 47, 0.18) 0%, transparent 70%);
  top: -60px;
  right: -80px;
  animation: authFloat 14s ease-in-out infinite;
}
.tw-auth-left::after {
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
  bottom: -40px;
  left: -60px;
  animation: authFloatAlt 18s ease-in-out infinite;
}
.tw-auth-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.12;
  z-index: 0;
  mix-blend-mode: luminosity;
}
.tw-auth-left-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 48px 52px;
  height: 100%;
  min-height: 100vh;
}
.tw-auth-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  margin-bottom: auto;
  animation: authFadeInUp 0.6s ease-out both;
}
.tw-auth-logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.tw-auth-logo-img {
  height: 40px;
  width: auto;
  display: block;
  object-fit: contain;
}
.tw-auth-logo-mark {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--tw-amber) 0%, #f59e0b 100%);
  border-radius: 8px;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(255, 173, 47, 0.3);
}
.tw-auth-hero {
  margin: auto 0 40px;
  animation: authFadeInUp 0.6s ease-out 0.15s both;
}
.tw-auth-hero h1 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin: 0 0 16px;
}
.tw-auth-hero h1 span {
  color: var(--tw-amber);
  text-shadow: 0 0 40px rgba(255, 173, 47, 0.2);
}
.tw-auth-hero p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.65;
  max-width: 400px;
  margin: 0;
}
.tw-auth-features {
  list-style: none;
  padding: 0;
  margin: 0 0 48px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tw-auth-features li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  animation: authFadeInUp 0.5s ease-out both;
}
.tw-auth-features li:nth-child(1) {
  animation-delay: 0.3s;
}
.tw-auth-features li:nth-child(2) {
  animation-delay: 0.4s;
}
.tw-auth-features li:nth-child(3) {
  animation-delay: 0.5s;
}
.tw-auth-feat-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tw-amber);
  transition: background 0.25s ease, border-color 0.25s ease;
}
.tw-auth-features li:hover .tw-auth-feat-icon {
  background: rgba(255, 173, 47, 0.12);
  border-color: rgba(255, 173, 47, 0.25);
}
.tw-auth-feat-icon [class^="hero-"] {
  width: 20px;
  height: 20px;
}
.tw-auth-features strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: -0.01em;
}
.tw-auth-features p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 0;
  line-height: 1.4;
}
.tw-auth-steps {
  display: flex;
  align-items: center;
  gap: 0;
  padding-top: 8px;
  animation: authFadeInUp 0.5s ease-out 0.6s both;
}
.tw-auth-step {
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.4;
  transition: opacity 0.25s ease;
}
.tw-auth-step.is-active {
  opacity: 1;
}
.tw-auth-step span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.tw-auth-step.is-active span {
  background: var(--tw-amber);
  border-color: var(--tw-amber);
  color: #111;
  box-shadow: 0 2px 10px rgba(255, 173, 47, 0.35);
  animation: authPulseRing 2.5s ease-in-out infinite;
}
.tw-auth-step p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
}
.tw-auth-step-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  margin: 0 16px;
}
.tw-auth-right {
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 32px;
}
.tw-auth-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 32px rgba(0, 0, 0, 0.06);
  padding: 40px 44px;
  width: 100%;
  max-width: 480px;
  animation: authCardIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.tw-auth-card-header {
  margin-bottom: 28px;
}
.tw-auth-card-header h2 {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 6px;
  color: #0f172a;
}
.tw-auth-card-header p {
  font-size: 14px;
  color: #64748b;
  margin: 0;
}
.tw-auth-link {
  color: #1e3a5f;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}
.tw-auth-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1.5px;
  background: var(--tw-amber);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s ease;
}
.tw-auth-link:hover {
  color: var(--tw-amber-dark);
}
.tw-auth-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.tw-auth-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.tw-auth-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.tw-auth-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tw-auth-field label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  letter-spacing: 0.01em;
}
.tw-auth-form .phx-no-feedback input, .tw-auth-form input[type="email"], .tw-auth-form input[type="text"], .tw-auth-form input[type="password"] {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  font-family: 'DM Sans', 'Inter', sans-serif;
  background: #fff;
  color: #1e293b;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  outline: none;
}
.tw-auth-form input::placeholder {
  color: #94a3b8;
}
.tw-auth-form input:hover {
  border-color: #cbd5e1;
}
.tw-auth-form input:focus {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255, 173, 47, 0.12);
  background: #fff;
}
.tw-auth-consent {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}
.tw-auth-consent input[type="checkbox"] {
  accent-color: var(--tw-amber);
  flex: 0 0 auto;
  height: 16px;
  margin-top: 2px;
  width: 16px;
}
.tw-auth-consent label {
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}
.tw-auth-consent a {
  color: #0f172a;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tw-auth-consent-error {
  color: #dc2626;
  font-size: 12px;
  margin: -10px 0 0 26px;
}
.tw-auth-submit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 24px;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
  margin-top: 4px;
  overflow: hidden;
  min-height: 48px;
}
.tw-auth-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.12), transparent );
  transition: none;
}
.tw-auth-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25);
}
.tw-auth-submit:hover::before {
  animation: authShimmer 0.6s ease-out;
}
.tw-auth-submit:active {
  transform: translateY(0) scale(0.99);
  box-shadow: none;
}
.tw-auth-submit:focus-visible {
  outline: 2px solid var(--tw-amber);
  outline-offset: 2px;
}
.tw-auth-submit span {
  font-size: 18px;
  transition: transform 0.2s ease;
}
.tw-auth-submit:hover span {
  transform: translateX(3px);
}
.tw-auth-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
  margin: 24px 0 16px;
}
.tw-auth-google-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: #94a3b8;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tw-auth-google-divider::before, .tw-auth-google-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}
.tw-auth-google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 12px 20px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}
.tw-auth-google-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.tw-auth-footer-link {
  text-align: center;
  font-size: 13px;
  color: #64748b;
  margin: 0;
}
.tw-auth-footer-link a {
  color: #1e3a5f;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}
.tw-auth-footer-link a:hover {
  color: var(--tw-amber-dark);
}
@media (prefers-reduced-motion: reduce) {
  .tw-auth-left::before, .tw-auth-left::after {
    animation: none;
  }
  .tw-auth-logo, .tw-auth-hero, .tw-auth-features li, .tw-auth-steps, .tw-auth-card {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .tw-auth-step.is-active span {
    animation: none;
  }
  .tw-auth-submit:hover::before {
    animation: none;
  }
}
@media (max-width: 900px) {
  .tw-auth-page {
    grid-template-columns: 1fr;
  }
  .tw-auth-left {
    min-height: auto;
    padding: 0;
  }
  .tw-auth-left-inner {
    min-height: auto;
    padding: 24px 24px 28px;
  }
  .tw-auth-left::before, .tw-auth-left::after {
    display: none;
  }
  .tw-auth-bg-img {
    opacity: 0.08;
  }
  .tw-auth-logo {
    margin-bottom: 16px;
  }
  .tw-auth-hero {
    margin: 0 0 20px;
  }
  .tw-auth-hero h1 {
    font-size: 28px;
  }
  .tw-auth-hero p {
    font-size: 14px;
  }
  .tw-auth-features {
    display: none;
  }
  .tw-auth-steps {
    display: none;
  }
  .tw-auth-right {
    padding: 32px 16px;
  }
  .tw-auth-card {
    padding: 28px 24px;
    border-radius: 12px;
  }
  .tw-auth-row {
    grid-template-columns: 1fr;
  }
}
.tw-auth-field-hint {
  font-size: 11px;
  font-weight: 400;
  color: #94a3b8;
  margin-left: 4px;
}
.tw-verify-email-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
.tw-verify-email-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f0fdf4;
  border: 2px solid #bbf7d0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px auto 0;
}
.tw-verify-email-icon [class^="hero-"] {
  width: 32px;
  height: 32px;
  color: #16a34a;
}
#confirm-email-page .tw-verify-email-icon {
  background: #fef2f2;
  border-color: #fecaca;
}
#confirm-email-page .tw-verify-email-icon [class^="hero-x"] {
  color: #dc2626;
}
.tw-verify-email-info {
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
  margin: 0;
  max-width: 320px;
}
.tw-verify-email-tip {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}
.tw-verify-email-body .tw-auth-submit {
  width: 100%;
  justify-content: center;
}
.tw-verify-email-body .tw-auth-submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.tw-auth-password-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.tw-auth-password-wrap .fieldset {
  flex: 1;
  margin-bottom: 0;
}
.tw-auth-password-wrap input[type="password"], .tw-auth-password-wrap input[type="text"] {
  padding-right: 40px !important;
}
.tw-auth-eye-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease;
  z-index: 1;
}
.tw-auth-eye-btn:hover {
  color: #475569;
}
.tw-auth-eye-btn:focus-visible {
  outline: 2px solid var(--tw-amber);
  outline-offset: 2px;
  border-radius: 4px;
}
.tw-auth-eye-icon {
  width: 18px;
  height: 18px;
  pointer-events: none;
}
.tw-auth-eye-btn .eye-hide {
  display: none;
}
.tw-auth-eye-btn.is-visible .eye-show {
  display: none;
}
.tw-auth-eye-btn.is-visible .eye-hide {
  display: block;
}
.tw-auth-eye-btn--settings {
  position: static;
  transform: none;
  margin-top: -38px;
  margin-left: auto;
  margin-bottom: 8px;
  display: flex;
}
.tw-onboarding-right {
  align-items: flex-start;
  padding: 40px 32px;
  overflow-y: auto;
}
.tw-onboarding-card {
  max-width: 580px;
  width: 100%;
}
.tw-onboarding-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tw-onboarding-actions {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.tw-onboarding-actions .tw-btn-light {
  flex: 1;
  justify-content: center;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.tw-onboarding-actions .tw-btn-light:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.tw-landing {
  background: #fff;
  color: #0f172a;
  font-family: 'Inter', -apple-system, sans-serif;
}
.tw-landing-nav {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 0 64px;
  height: 68px;
  border-bottom: 1px solid #f1f5f9;
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  z-index: 100;
}
.tw-brand-mark {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--tw-amber);
  border-radius: 6px;
  flex-shrink: 0;
}
.tw-brand-logo {
  height: 36px;
  width: auto;
  display: block;
  object-fit: contain;
}
.tw-landing .tw-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0f172a;
  margin-right: auto;
}
.tw-landing-nav-links {
  display: flex;
  gap: 28px;
}
.tw-landing-nav-links a {
  font-size: 14px;
  font-weight: 500;
  color: #475569;
  transition: color 0.15s;
}
.tw-landing-nav-links a:hover {
  color: #0f172a;
}
.tw-landing-nav-actions {
  display: flex;
  gap: 10px;
}
.tw-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  padding: 96px 64px;
  background: linear-gradient(135deg, #0a1628 0%, #1e3a5f 100%);
  min-height: 600px;
}
.tw-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 24px;
}
.tw-dot-pulse {
  width: 8px;
  height: 8px;
  background: #22c55e;
  border-radius: 50%;
  display: inline-block;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.tw-hero-content h1 {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 0 0 20px;
}
.tw-hero-content h1 span {
  color: var(--tw-amber);
}
.tw-hero-content>p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.65;
  max-width: 480px;
  margin: 0 0 32px;
}
.tw-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.tw-btn-lg {
  min-height: 52px;
  padding: 0 28px;
  font-size: 16px;
}
.tw-btn-ghost-white {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  gap: 8px;
  min-height: 52px;
  padding: 0 24px;
  transition: background 0.15s;
}
.tw-btn-ghost-white:hover {
  background: rgba(255, 255, 255, 0.08);
}
.tw-hero-trust {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  margin: 0;
}
.tw-hero-visual {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tw-hero-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}
.tw-hero-card-sm {
  padding: 18px 24px;
  opacity: 0.9;
}
.tw-hero-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.tw-hero-card-timer {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #ef4444;
  font-weight: 600;
}
.tw-hero-card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
  line-height: 1.3;
}
.tw-hero-card p {
  font-size: 12px;
  color: #64748b;
  margin: 0 0 14px;
}
.tw-hero-card-bar {
  height: 6px;
  background: #f1f5f9;
  border-radius: 999px;
  margin-bottom: 8px;
  overflow: hidden;
}
.tw-hero-card-bar div {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 999px;
}
.tw-hero-card-actions {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.tw-hero-stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.tw-hero-stat-row>div {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
}
.tw-hero-stat-row strong {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--tw-amber);
  letter-spacing: -0.02em;
}
.tw-hero-stat-row span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
}
.tw-social-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 64px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  flex-wrap: wrap;
}
.tw-social-bar>span {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}
.tw-social-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.tw-social-tags span {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
.tw-section {
  padding: 96px 64px;
}
.tw-section-alt {
  background: #f8fafc;
}
.tw-section-dark {
  background: #0f172a;
}
.tw-section-heading {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 64px;
}
.tw-section-heading-light h2, .tw-section-heading-light p {
  color: #fff;
}
.tw-section-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tw-amber-dark);
  background: #fff8ec;
  border: 1px solid #fde68a;
  border-radius: 999px;
  padding: 4px 12px;
  margin-bottom: 16px;
}
.tw-section-label-amber {
  color: var(--tw-amber);
  background: rgba(255, 173, 47, 0.12);
  border-color: rgba(255, 173, 47, 0.25);
}
.tw-section-heading h2 {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 12px;
  line-height: 1.2;
}
.tw-section-heading p {
  font-size: 16px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.tw-steps-grid {
  display: flex;
  align-items: center;
  gap: 0;
  max-width: 900px;
  margin: 0 auto;
}
.tw-step-card {
  flex: 1;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 28px;
  text-align: center;
  transition: box-shadow 0.2s;
}
.tw-step-card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
.tw-step-num {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #94a3b8;
  margin-bottom: 12px;
}
.tw-step-icon {
  width: 52px;
  height: 52px;
  background: #fff8ec;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 24px;
  color: var(--tw-amber-dark);
}
.tw-step-card h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 8px;
}
.tw-step-card p {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.tw-step-arrow {
  font-size: 24px;
  color: #cbd5e1;
  padding: 0 8px;
  flex-shrink: 0;
}
.tw-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1000px;
  margin: 0 auto;
}
.tw-feature-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 28px 24px;
  transition: background 0.2s;
}
.tw-feature-card:hover {
  background: rgba(255, 255, 255, 0.08);
}
.tw-feature-icon {
  width: 44px;
  height: 44px;
  background: rgba(255, 173, 47, 0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tw-amber);
  margin-bottom: 16px;
}
.tw-feature-card h3 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px;
}
.tw-feature-card p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  line-height: 1.6;
}
.tw-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1000px;
  margin: 0 auto;
}
.tw-testimonial {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 28px 24px;
}
.tw-testimonial-stars {
  color: var(--tw-amber);
  font-size: 16px;
  margin-bottom: 14px;
  letter-spacing: 2px;
}
.tw-testimonial>p {
  font-size: 14px;
  color: #374151;
  line-height: 1.7;
  margin: 0 0 20px;
  font-style: italic;
}
.tw-testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tw-avatar-sm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1e3a5f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
.tw-testimonial-author strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}
.tw-testimonial-author span {
  font-size: 12px;
  color: #64748b;
}
.tw-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
  align-items: start;
}
.tw-pricing-card {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 28px;
  position: relative;
}
.tw-pricing-featured {
  border-color: var(--tw-amber);
  box-shadow: 0 8px 32px rgba(255, 173, 47, 0.15);
}
.tw-pricing-badge {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--tw-amber);
  color: #111;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.tw-pricing-header {
  margin-bottom: 8px;
}
.tw-pricing-header h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
}
.tw-pricing-price {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.tw-pricing-price strong {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.tw-pricing-price span {
  font-size: 14px;
  color: #64748b;
}
.tw-pricing-desc {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 20px;
  line-height: 1.5;
}
.tw-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tw-pricing-features li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
}
.tw-pricing-no {
  color: #94a3b8;
}
.tw-pricing-no .hero-x-circle {
  color: #cbd5e1;
}
.tw-pricing-cta {
  width: 100%;
  justify-content: center;
}
.tw-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.tw-faq-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
}
.tw-faq-item h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #0f172a;
}
.tw-faq-item p {
  font-size: 14px;
  color: #475569;
  margin: 0;
  line-height: 1.65;
}
.tw-cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 64px;
  background: linear-gradient(135deg, #0a1628 0%, #1e3a5f 100%);
  flex-wrap: wrap;
}
.tw-cta-banner h2 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.tw-cta-banner p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}
.tw-landing-footer {
  background: #0f172a;
  padding: 64px 64px 32px;
}
.tw-footer-top {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 64px;
  margin-bottom: 48px;
}
.tw-footer-brand .tw-brand {
  color: #fff;
  margin-bottom: 12px;
}
.tw-footer-brand p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
  max-width: 260px;
  line-height: 1.6;
  margin: 0;
}
.tw-footer-links {
  display: flex;
  gap: 64px;
}
.tw-footer-links>div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tw-footer-links h4 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  margin: 0 0 4px;
}
.tw-footer-links a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.15s;
}
.tw-footer-links a:hover {
  color: #fff;
}
.tw-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.35);
}
@media (max-width: 1024px) {
  .tw-hero {
    grid-template-columns: 1fr;
    padding: 64px 32px;
  }
  .tw-hero-visual {
    display: none;
  }
  .tw-landing-nav {
    padding: 0 32px;
  }
  .tw-landing-nav-links {
    display: none;
  }
  .tw-section {
    padding: 64px 32px;
  }
  .tw-social-bar {
    padding: 16px 32px;
  }
  .tw-feature-grid, .tw-testimonials-grid, .tw-pricing-grid {
    grid-template-columns: 1fr;
  }
  .tw-steps-grid {
    flex-direction: column;
  }
  .tw-step-arrow {
    transform: rotate(90deg);
  }
  .tw-faq-grid {
    grid-template-columns: 1fr;
  }
  .tw-cta-banner {
    padding: 48px 32px;
    flex-direction: column;
    text-align: center;
  }
  .tw-landing-footer {
    padding: 48px 32px 24px;
  }
  .tw-footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .tw-footer-links {
    flex-wrap: wrap;
    gap: 32px;
  }
}
.tw-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1000px;
  margin: 0 auto;
}
.tw-testimonial {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 28px 24px;
}
.tw-testimonial-stars {
  color: var(--tw-amber);
  font-size: 16px;
  margin-bottom: 14px;
  letter-spacing: 2px;
}
.tw-testimonial>p {
  font-size: 14px;
  color: #374151;
  line-height: 1.7;
  margin: 0 0 20px;
  font-style: italic;
}
.tw-testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tw-avatar-sm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1e3a5f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
.tw-testimonial-author strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}
.tw-testimonial-author span {
  font-size: 12px;
  color: #64748b;
}
.tw-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
  align-items: start;
}
.tw-pricing-card {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 28px;
  position: relative;
}
.tw-pricing-featured {
  border-color: var(--tw-amber);
  box-shadow: 0 8px 32px rgba(255, 173, 47, 0.15);
}
.tw-pricing-badge {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--tw-amber);
  color: #111;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.tw-pricing-header {
  margin-bottom: 8px;
}
.tw-pricing-header h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
}
.tw-pricing-price {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.tw-pricing-price strong {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.tw-pricing-price span {
  font-size: 14px;
  color: #64748b;
}
.tw-pricing-desc {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 20px;
  line-height: 1.5;
}
.tw-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tw-pricing-features li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
}
.tw-pricing-no {
  color: #94a3b8;
}
.tw-pricing-no .hero-x-circle {
  color: #cbd5e1;
}
.tw-pricing-cta {
  width: 100%;
  justify-content: center;
}
.tw-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.tw-faq-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
}
.tw-faq-item h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #0f172a;
}
.tw-faq-item p {
  font-size: 14px;
  color: #475569;
  margin: 0;
  line-height: 1.65;
}
.tw-cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 64px;
  background: linear-gradient(135deg, #0a1628 0%, #1e3a5f 100%);
  flex-wrap: wrap;
}
.tw-cta-banner h2 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.tw-cta-banner p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}
.tw-landing-footer {
  background: #0f172a;
  padding: 64px 64px 32px;
}
.tw-footer-top {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 64px;
  margin-bottom: 48px;
}
.tw-footer-brand .tw-brand {
  color: #fff;
  margin-bottom: 12px;
}
.tw-footer-brand p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
  max-width: 260px;
  line-height: 1.6;
  margin: 0;
}
.tw-footer-links {
  display: flex;
  gap: 64px;
}
.tw-footer-links>div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tw-footer-links h4 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  margin: 0 0 4px;
}
.tw-footer-links a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.15s;
}
.tw-footer-links a:hover {
  color: #fff;
}
.tw-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.35);
}
@media (max-width: 1024px) {
  .tw-hero {
    grid-template-columns: 1fr;
    padding: 64px 32px;
  }
  .tw-hero-visual {
    display: none;
  }
  .tw-landing-nav {
    padding: 0 32px;
  }
  .tw-landing-nav-links {
    display: none;
  }
  .tw-section {
    padding: 64px 32px;
  }
  .tw-social-bar {
    padding: 16px 32px;
  }
  .tw-feature-grid, .tw-testimonials-grid, .tw-pricing-grid {
    grid-template-columns: 1fr;
  }
  .tw-steps-grid {
    flex-direction: column;
  }
  .tw-step-arrow {
    transform: rotate(90deg);
  }
  .tw-faq-grid {
    grid-template-columns: 1fr;
  }
  .tw-cta-banner {
    padding: 48px 32px;
    flex-direction: column;
    text-align: center;
  }
  .tw-landing-footer {
    padding: 48px 32px 24px;
  }
  .tw-footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .tw-footer-links {
    flex-wrap: wrap;
    gap: 32px;
  }
}
.tw-ms-field {
  display: grid;
  gap: 10px;
  position: relative;
}
.tw-ms-state-input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}
.tw-ms-label {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}
.tw-ms-wrap {
  position: relative;
}
.tw-ms-trigger {
  align-items: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  min-height: 48px;
  padding: 6px 8px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.tw-ms-trigger.is-open {
  border-color: var(--tw-amber);
  box-shadow: 0 0 0 3px rgba(255,173,47,0.15);
  background: #fff;
}
.tw-ms-trigger-tags {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.tw-ms-placeholder, .tw-ms-fill, .tw-ms-caret, .tw-ms-more, .tw-ms-remove, .tw-ms-footer button, .tw-ms-custom button {
  border: 0;
  cursor: pointer;
  font: inherit;
}
.tw-ms-placeholder, .tw-ms-fill {
  background: transparent;
  color: #94a3b8;
  flex: 1;
  min-height: 32px;
  text-align: left;
  font-size: 14px;
}
.tw-ms-tag, .tw-ms-more {
  align-items: center;
  background: #edf7f1;
  border: 1px solid #cce8d7;
  border-radius: 999px;
  color: #075e2b;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  line-height: 1.2;
  max-width: 100%;
  padding: 5px 10px;
}
.tw-ms-tag-label {
  color: #123527;
  font-size: 12px;
  line-height: 1.2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tw-ms-remove {
  align-items: center;
  background: rgba(7,94,43,0.1);
  border-radius: 999px;
  color: #123527;
  display: inline-flex;
  flex: 0 0 18px;
  font-size: 14px;
  font-weight: 900;
  height: 18px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  transition: background 0.15s, color 0.15s;
}
.tw-ms-remove:hover {
  background: #fee2e2;
  color: #991b1b;
}
.tw-ms-more {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #475569;
}
.tw-ms-caret {
  align-items: center;
  background: #f1f5f9;
  border-radius: 6px;
  color: #475569;
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
}
.tw-ms-extra-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 8px;
}
.tw-ms-panel {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(15,23,42,0.14);
  display: grid;
  gap: 10px;
  left: 0;
  margin-top: 6px;
  padding: 12px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 30;
}
.tw-ms-search, .tw-ms-custom input {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  color: #111827;
  min-height: 40px;
  outline: none;
  padding: 0 12px;
  width: 100%;
  font-size: 14px;
  transition: border-color 0.15s;
}
.tw-ms-search:focus, .tw-ms-custom input:focus {
  border-color: var(--tw-amber);
  background: #fff;
}
.tw-ms-options {
  display: grid;
  gap: 4px;
  max-height: 340px;
  overflow: auto;
  padding-right: 4px;
}
.tw-ms-group p {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 10px 0 4px;
  text-transform: uppercase;
}
.tw-ms-option {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 8px;
  transition: background 0.1s;
}
.tw-ms-option:hover {
  background: #f8fafc;
}
.tw-ms-option.is-selected {
  background: #f0fdf4;
}
.tw-ms-option input {
  accent-color: #0f172a;
  flex: 0 0 auto;
  pointer-events: none;
}
.tw-ms-option span {
  color: #1e293b;
  font-size: 13px;
}
.tw-ms-empty {
  color: #94a3b8;
  margin: 12px 0;
  font-size: 13px;
}
.tw-ms-footer {
  align-items: center;
  border-top: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.tw-ms-footer span {
  color: #475569;
  font-size: 13px;
  font-weight: 600;
}
.tw-ms-footer button {
  background: transparent;
  color: var(--tw-amber-dark);
  font-size: 13px;
  font-weight: 700;
}
.tw-ms-custom {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto;
}
.tw-ms-custom button {
  background: #0f172a;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  min-height: 40px;
  padding: 0 16px;
}
.tw-ms-error {
  color: #b42318;
  font-size: 13px;
  margin: 0;
}
.tw-lp {
  background: #fff;
  color: #0f172a;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
}
.tw-lp .tw-nav {
  align-items: center;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  gap: 32px;
  height: 60px;
  padding: 0 48px;
  position: sticky;
  top: 0;
  z-index: 100;
}
.tw-nav-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
  text-decoration: none;
}
.tw-nav-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
}
.tw-nav-links {
  display: flex;
  gap: 28px;
}
.tw-nav-links a {
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.15s;
}
.tw-nav-links a:hover {
  color: #0f172a;
}
.tw-nav-cta {
  display: flex;
  gap: 8px;
}
.tw-hero {
  background: linear-gradient(170deg, #f8fafc 0%, #eef2f7 50%, #fff 100%);
  padding: 80px 48px 96px;
}
.tw-hero-inner {
  display: grid;
  gap: 56px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 0 auto;
  max-width: 1120px;
}
.tw-hero-pill {
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 28px;
  padding: 6px 16px;
}
.tw-hero-dot {
  animation: tw-pulse 2s infinite;
  background: #22c55e;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  width: 7px;
}
@keyframes tw-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.tw-hero h1 {
  color: #0f172a;
  font-size: clamp(36px, 5vw, 54px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0 0 20px;
}
.tw-hero h1 span {
  color: var(--tw-amber);
}
.tw-hero-sub {
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 32px;
  max-width: 460px;
}
.tw-hero-btns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
.tw-hero-see {
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.15s;
}
.tw-hero-see:hover {
  color: #0f172a;
}
.tw-hero-note {
  color: #94a3b8;
  font-size: 13px;
  margin: 0;
}
.tw-hero-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.tw-hero-mock {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.tw-hero-mock-head {
  align-items: center;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  padding: 14px 20px;
}
.tw-hero-mock-title {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}
.tw-hero-mock-badge {
  background: #ecfdf5;
  color: #059669;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
}
.tw-hero-mock-item {
  align-items: center;
  border-bottom: 1px solid #f8fafc;
  display: flex;
  gap: 14px;
  padding: 14px 20px;
  transition: background 0.1s;
}
.tw-hero-mock-item:last-of-type {
  border-bottom: none;
}
.tw-hero-mock-item:hover {
  background: #fafbfc;
}
.tw-hero-mock-score {
  background: #f0fdf4;
  border-radius: 8px;
  color: #16a34a;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 800;
  flex-shrink: 0;
  padding: 6px 10px;
  text-align: center;
  min-width: 44px;
}
.tw-hero-mock-score.is-mid {
  background: #fffbeb;
  color: #d97706;
}
.tw-hero-mock-item strong {
  color: #0f172a;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
.tw-hero-mock-item span {
  color: #94a3b8;
  font-size: 11px;
}
.tw-hero-mock-foot {
  background: #f8fafc;
  padding: 10px 20px;
  text-align: center;
}
.tw-hero-mock-foot span {
  color: #94a3b8;
  font-size: 12px;
}
.tw-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.tw-hero-stats > div {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 12px;
  text-align: center;
}
.tw-hero-stats strong {
  color: var(--tw-navy);
  display: block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.tw-hero-stats span {
  color: #64748b;
  font-size: 11px;
}
.tw-trust {
  align-items: center;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 16px 48px;
}
.tw-trust > span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.tw-trust-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tw-trust-tags span {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 12px;
}
.tw-flow {
  padding: 88px 48px;
}
.tw-flow-head {
  margin: 0 auto 56px;
  max-width: 520px;
  text-align: center;
}
.tw-flow-head h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 10px 0 8px;
}
.tw-flow-head p {
  color: #64748b;
  font-size: 15px;
  margin: 0;
}
.tw-flow-row {
  align-items: flex-start;
  display: flex;
  gap: 0;
  justify-content: center;
  margin: 0 auto;
  max-width: 880px;
}
.tw-flow-step {
  flex: 1;
  padding: 0 20px;
  text-align: center;
}
.tw-flow-num {
  align-items: center;
  background: var(--tw-navy);
  border-radius: 50%;
  color: var(--tw-amber);
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  margin: 0 auto 16px;
  width: 32px;
}
.tw-flow-icon {
  align-items: center;
  background: #fff8ec;
  border: 1px solid #fde68a;
  border-radius: 14px;
  color: var(--tw-amber-dark);
  display: flex;
  font-size: 22px;
  height: 52px;
  justify-content: center;
  margin: 0 auto 18px;
  width: 52px;
}
.tw-flow-step h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
}
.tw-flow-step p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.tw-flow-connector {
  background: #e2e8f0;
  flex-shrink: 0;
  height: 2px;
  margin-top: 15px;
  width: 40px;
}
.tw-feats {
  background: #fff;
  padding: 88px 48px;
}
.tw-feats-head {
  margin: 0 auto 48px;
  max-width: 520px;
  text-align: center;
}
.tw-feats-head h2 {
  color: #0f172a;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 10px 0 0;
}
.tw-feats-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  max-width: 1000px;
}
.tw-feats-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 28px 24px;
  transition: background 0.2s, border-color 0.2s;
}
.tw-feats-card:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.tw-feats-wide {
  grid-column: span 2;
  align-items: center;
  display: flex;
  gap: 20px;
}
.tw-feats-icon {
  align-items: center;
  background: rgba(255, 173, 47, 0.12);
  border-radius: 10px;
  color: var(--tw-amber);
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  height: 44px;
  justify-content: center;
  margin-bottom: 14px;
  width: 44px;
}
.tw-feats-wide .tw-feats-icon {
  margin-bottom: 0;
}
.tw-feats-card h3 {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 6px;
}
.tw-feats-card p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.tw-quotes {
  padding: 88px 48px;
}
.tw-quotes-head {
  margin: 0 auto 48px;
  max-width: 520px;
  text-align: center;
}
.tw-quotes-head h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 10px 0 0;
}
.tw-quotes-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.3fr 1fr 1fr;
  margin: 0 auto;
  max-width: 1000px;
}
.tw-quotes-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
}
.tw-quotes-featured {
  background: #fff;
  border-color: var(--tw-amber);
  box-shadow: 0 4px 20px rgba(255, 173, 47, 0.1);
}
.tw-quotes-card blockquote {
  color: #374151;
  flex: 1;
  font-size: 15px;
  font-style: normal;
  line-height: 1.7;
  margin: 0 0 24px;
}
.tw-quotes-featured blockquote {
  font-size: 17px;
}
.tw-quotes-who {
  align-items: center;
  display: flex;
  gap: 12px;
}
.tw-quotes-avatar {
  align-items: center;
  background: var(--tw-navy);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.tw-quotes-who strong {
  color: #0f172a;
  display: block;
  font-size: 13px;
  font-weight: 700;
}
.tw-quotes-who span {
  color: #64748b;
  font-size: 12px;
}
.tw-faq {
  background: #f8fafc;
  padding: 88px 48px;
}
.tw-faq-head {
  margin: 0 auto 40px;
  max-width: 520px;
  text-align: center;
}
.tw-faq-head h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 10px 0 0;
}
.tw-faq-list {
  display: grid;
  gap: 10px;
  margin: 0 auto;
  max-width: 640px;
}
.tw-faq-item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.15s;
}
.tw-faq-item[open] {
  border-color: var(--tw-amber);
}
.tw-faq-item summary {
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  list-style: none;
  padding: 18px 24px;
  position: relative;
  color: #0f172a;
}
.tw-faq-item summary::-webkit-details-marker {
  display: none;
}
.tw-faq-item summary::after {
  color: #94a3b8;
  content: '+';
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.tw-faq-item[open] summary::after {
  content: '\2212';
  color: var(--tw-amber-dark);
}
.tw-faq-item p {
  border-top: 1px solid #f1f5f9;
  color: #475569;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  padding: 16px 24px 20px;
}
.tw-go {
  background: linear-gradient(170deg, #fff8ec 0%, #fef3c7 50%, #fff 100%);
  padding: 80px 48px;
  text-align: center;
}
.tw-go h2 {
  color: #0f172a;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 12px;
}
.tw-go p {
  color: #475569;
  font-size: 16px;
  margin: 0 auto 28px;
  max-width: 480px;
}
.tw-foot {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 56px 48px 28px;
}
.tw-foot-top {
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr auto;
  margin-bottom: 40px;
}
.tw-foot-brand p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0 0;
  max-width: 240px;
}
.tw-foot-brand .tw-nav-brand {
  margin-bottom: 4px;
}
.tw-foot-cols {
  display: flex;
  gap: 56px;
}
.tw-foot-cols > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tw-foot-cols h4 {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 6px;
  text-transform: uppercase;
}
.tw-foot-cols a {
  color: #475569;
  font-size: 14px;
  transition: color 0.15s;
}
.tw-foot-cols a:hover {
  color: #0f172a;
}
.tw-foot-bottom {
  align-items: center;
  border-top: 1px solid #e2e8f0;
  color: #94a3b8;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  padding-top: 20px;
}
.tw-legal {
  color: #334155;
  margin: 0 auto;
  max-width: 880px;
  padding: 84px 24px 96px;
}
.tw-legal-header {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 36px;
  padding-bottom: 28px;
}
.tw-legal-header > p:first-child {
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 0 0 14px;
  text-transform: uppercase;
}
.tw-legal h1 {
  color: #0f172a;
  font-size: clamp(36px, 6vw, 56px);
  line-height: 1;
  margin: 0 0 18px;
}
.tw-legal-header p:last-child {
  color: #475569;
  font-size: 18px;
  line-height: 1.65;
  margin: 0;
  max-width: 720px;
}
.tw-legal section {
  margin-top: 32px;
}
.tw-legal h2 {
  color: #0f172a;
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 12px;
}
.tw-legal p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 14px;
}
@media (max-width: 1024px) {
  .tw-hero-inner {
    grid-template-columns: 1fr;
  }
  .tw-hero-right {
    display: none;
  }
}
@media (max-width: 768px) {
  .tw-lp .tw-nav {
    padding: 0 20px;
    gap: 16px;
  }
  .tw-nav-links {
    display: none;
  }
  .tw-nav-cta .tw-btn:first-child {
    display: none;
  }
  .tw-hero {
    padding: 56px 20px 64px;
  }
  .tw-hero h1 {
    font-size: 32px;
  }
  .tw-hero-sub {
    font-size: 15px;
  }
  .tw-trust {
    padding: 14px 20px;
  }
  .tw-flow {
    padding: 56px 20px;
  }
  .tw-flow-head h2, .tw-feats-head h2, .tw-quotes-head h2, .tw-faq-head h2 {
    font-size: 26px;
  }
  .tw-flow-row {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .tw-flow-connector {
    height: 24px;
    width: 2px;
    margin: 0;
  }
  .tw-flow-step {
    padding: 0;
    max-width: 320px;
  }
  .tw-feats {
    padding: 56px 20px;
  }
  .tw-feats-grid {
    grid-template-columns: 1fr;
  }
  .tw-feats-wide {
    grid-column: span 1;
    flex-direction: column;
    align-items: flex-start;
  }
  .tw-quotes {
    padding: 56px 20px;
  }
  .tw-quotes-grid {
    grid-template-columns: 1fr;
  }
  .tw-faq {
    padding: 56px 20px;
  }
  .tw-go {
    padding: 56px 20px;
  }
  .tw-go h2 {
    font-size: 26px;
  }
  .tw-foot {
    padding: 40px 20px 24px;
  }
  .tw-foot-top {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .tw-foot-cols {
    flex-wrap: wrap;
    gap: 28px;
  }
  .tw-foot-bottom {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}
.tw-lp {
  background: #eef2f6;
  color: #132033;
}
.tw-lp .tw-nav {
  background: rgba(244, 247, 250, 0.9);
  border-bottom: 1px solid rgba(30, 41, 59, 0.1);
}
.tw-lp .tw-nav-links a {
  color: #475569;
}
.tw-lp .tw-nav-links a:hover {
  color: #111827;
}
.tw-lp .tw-hero {
  background: radial-gradient(circle at 78% 18%, rgba(245, 158, 11, 0.22), transparent 30%), radial-gradient(circle at 16% 72%, rgba(20, 184, 166, 0.18), transparent 28%), linear-gradient(135deg, #d8e0e9 0%, #eef2f6 38%, #cfd8e3 100%);
  padding: 84px 48px 104px;
}
.tw-lp .tw-hero-inner {
  max-width: 1180px;
}
.tw-lp .tw-hero-pill {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(15, 23, 42, 0.12);
  color: #334155;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
}
.tw-lp .tw-hero h1 {
  color: #101827;
  max-width: 650px;
}
.tw-lp .tw-hero h1 span {
  color: #8a4f05;
  display: block;
}
.tw-lp .tw-hero-sub {
  color: #334155;
  max-width: 590px;
}
.tw-lp .tw-flow {
  background: #f8fafc;
}
.tw-lp .tw-feats {
  background: #eef2f6;
}
.tw-lp .tw-feats-card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.05);
}
.tw-lp .tw-feats-card:hover {
  background: #fff;
  transform: translateY(-3px);
}
.tw-lp .tw-price {
  background: #f8fafc;
}
.tw-lp .tw-faq {
  background: #dfe7f0;
}
.tw-lp .tw-go {
  background: radial-gradient(circle at 70% 20%, rgba(245, 158, 11, 0.2), transparent 28%), linear-gradient(135deg, #172033 0%, #25364d 100%);
}
.tw-lp .tw-go h2, .tw-lp .tw-go p {
  color: #f8fafc;
}
.tw-lp .tw-foot {
  background: #111827;
  border-top: 0;
}
.tw-lp .tw-foot-brand p, .tw-lp .tw-foot-cols a, .tw-lp .tw-foot-bottom {
  color: #94a3b8;
}
.tw-lp .tw-foot-cols h4 {
  color: #e5e7eb;
}
@media (max-width: 760px) {
  .tw-lp .tw-hero, .tw-lp .tw-lp-alerts, .tw-lp .tw-lp-ai {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@layer base {
  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
    overflow: hidden;
  }
}
@layer base {
  :root, [data-theme] {
    background-color: var(--root-bg, var(--color-base-100));
    color: var(--color-base-content);
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@layer base {
  :where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {
    scrollbar-gutter: stable;
    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
    --root-bg: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
    }
  }
  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {
    scrollbar-gutter: stable;
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
  .chat {
    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(98% 0 0);
    --color-base-200: oklch(96% 0.001 286.375);
    --color-base-300: oklch(92% 0.004 286.32);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(70% 0.213 47.604);
    --color-primary-content: oklch(98% 0.016 73.684);
    --color-secondary: oklch(55% 0.027 264.364);
    --color-secondary-content: oklch(98% 0.002 247.839);
    --color-accent: oklch(0% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(44% 0.017 285.786);
    --color-neutral-content: oklch(98% 0 0);
    --color-info: oklch(62% 0.214 259.815);
    --color-info-content: oklch(97% 0.014 254.604);
    --color-success: oklch(70% 0.14 182.503);
    --color-success-content: oklch(98% 0.014 180.72);
    --color-warning: oklch(66% 0.179 58.318);
    --color-warning-content: oklch(98% 0.022 95.277);
    --color-error: oklch(58% 0.253 17.585);
    --color-error-content: oklch(96% 0.015 12.422);
    --radius-selector: 0.25rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.21875rem;
    --size-field: 0.21875rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
  }
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}