@charset "UTF-8";
/*! Voice Aura Design System v1.0.0 | ISC License | github.com/reckerswartz/voice-aura-design-system */
@layer va {
  :root,
  [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0478FF;
    --bs-secondary: #1A1919;
    --bs-success: #10B981;
    --bs-warning: #F59E0B;
    --bs-danger: #EF4444;
    --bs-light: #E9E9EA;
    --bs-dark: #1A1919;
    --bs-section-bg: #F7F7F8;
    --bs-body-text: #4B5563;
    --bs-muted-text: #6B7280;
    --bs-primary-rgb: 4, 120, 255;
    --bs-secondary-rgb: 26, 25, 25;
    --bs-success-rgb: 16, 185, 129;
    --bs-warning-rgb: 245, 158, 11;
    --bs-danger-rgb: 239, 68, 68;
    --bs-light-rgb: 233, 233, 234;
    --bs-dark-rgb: 26, 25, 25;
    --bs-section-bg-rgb: 247, 247, 248;
    --bs-body-text-rgb: 75, 85, 99;
    --bs-muted-text-rgb: 107, 114, 128;
    --bs-primary-text-emphasis: rgb(1.6, 48, 102);
    --bs-secondary-text-emphasis: rgb(10.4, 10, 10);
    --bs-success-text-emphasis: rgb(6.4, 74, 51.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(98, 63.2, 4.4);
    --bs-danger-text-emphasis: rgb(95.6, 27.2, 27.2);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(204.8, 228, 255);
    --bs-secondary-bg-subtle: rgb(209.2, 209, 209);
    --bs-success-bg-subtle: rgb(207.2, 241, 229.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(253, 235.6, 206.2);
    --bs-danger-bg-subtle: rgb(251.8, 217.6, 217.6);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(154.6, 201, 255);
    --bs-secondary-border-subtle: rgb(163.4, 163, 163);
    --bs-success-border-subtle: rgb(159.4, 227, 204.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(251, 216.2, 157.4);
    --bs-danger-border-subtle: rgb(248.6, 180.2, 180.2);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bs-font-monospace: "IBM Plex Mono", "SF Mono", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
    --bs-body-color: #1A1919;
    --bs-body-color-rgb: 26, 25, 25;
    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #1A1919;
    --bs-emphasis-color-rgb: 26, 25, 25;
    --bs-secondary-color: #4B5563;
    --bs-secondary-color-rgb: 75, 85, 99;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: #6B7280;
    --bs-tertiary-color-rgb: 107, 114, 128;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: #1A1919;
    --bs-link-color: #0478FF;
    --bs-link-color-rgb: 4, 120, 255;
    --bs-link-decoration: none;
    --bs-link-hover-color: rgb(0, 96.1274900398, 208);
    --bs-link-hover-color-rgb: 0, 96, 208;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #d63384;
    --bs-highlight-color: #1A1919;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #E5E7EB;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.75rem;
    --bs-border-radius-sm: 0.5rem;
    --bs-border-radius-lg: 1rem;
    --bs-border-radius-xl: 1.5rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.2rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(4, 120, 255, 0.25);
    --bs-form-valid-color: #10B981;
    --bs-form-valid-border-color: #10B981;
    --bs-form-invalid-color: #EF4444;
    --bs-form-invalid-border-color: #EF4444;
  }
  [data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: rgb(104.4, 174, 255);
    --bs-secondary-text-emphasis: rgb(117.6, 117, 117);
    --bs-success-text-emphasis: rgb(111.6, 213, 179.4);
    --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
    --bs-warning-text-emphasis: rgb(249, 196.8, 108.6);
    --bs-danger-text-emphasis: rgb(245.4, 142.8, 142.8);
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: rgb(0.8, 24, 51);
    --bs-secondary-bg-subtle: rgb(5.2, 5, 5);
    --bs-success-bg-subtle: rgb(3.2, 37, 25.8);
    --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
    --bs-warning-bg-subtle: rgb(49, 31.6, 2.2);
    --bs-danger-bg-subtle: rgb(47.8, 13.6, 13.6);
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: rgb(2.4, 72, 153);
    --bs-secondary-border-subtle: rgb(15.6, 15, 15);
    --bs-success-border-subtle: rgb(9.6, 111, 77.4);
    --bs-info-border-subtle: rgb(7.8, 121.2, 144);
    --bs-warning-border-subtle: rgb(147, 94.8, 6.6);
    --bs-danger-border-subtle: rgb(143.4, 40.8, 40.8);
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: rgb(104.4, 174, 255);
    --bs-link-hover-color: rgb(134.52, 190.2, 255);
    --bs-link-color-rgb: 104, 174, 255;
    --bs-link-hover-color-rgb: 135, 190, 255;
    --bs-code-color: rgb(230.4, 132.6, 181.2);
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: rgb(102, 77.2, 2.8);
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: rgb(117, 183, 152.4);
    --bs-form-valid-border-color: rgb(117, 183, 152.4);
    --bs-form-invalid-color: rgb(234, 133.8, 143.4);
    --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
  }
  h6, .h6, .va-h6, h5, .h5, .va-h5, h4, .h4, .va-h4, h3, .h3, .va-h3, h2, .h2, .va-h2, h1, .h1, .va-h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color);
  }
  h1, .h1, .va-h1 {
    font-size: calc(1.475rem + 2.7vw);
  }
  @media (min-width: 1200px) {
    h1, .h1, .va-h1 {
      font-size: 3.5rem;
    }
  }
  h2, .h2, .va-h2 {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    h2, .h2, .va-h2 {
      font-size: 2.5rem;
    }
  }
  h3, .h3, .va-h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    h3, .h3, .va-h3 {
      font-size: 1.75rem;
    }
  }
  h4, .h4, .va-h4 {
    font-size: 1.25rem;
  }
  h5, .h5, .va-h5 {
    font-size: 1.125rem;
  }
  h6, .h6, .va-h6 {
    font-size: 1rem;
  }
  p {
    margin-top: 0;
    margin-bottom: 1.25rem;
  }
  abbr[title] {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  ol,
  ul {
    padding-left: 2rem;
  }
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  dt {
    font-weight: 700;
  }
  dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  blockquote {
    margin: 0 0 1rem;
  }
  b,
  strong {
    font-weight: bolder;
  }
  small, .small {
    font-size: 0.875em;
  }
  mark, .mark {
    padding: 0.1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg);
  }
  sub,
  sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
  }
  a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: underline;
  }
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
  }
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
  }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }
  code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
  }
  a > code {
    color: inherit;
  }
  kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.5rem;
  }
  kbd kbd {
    padding: 0;
    font-size: 1em;
  }
  figure {
    margin: 0 0 1rem;
  }
  img,
  svg {
    vertical-align: middle;
  }
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-secondary-color);
    text-align: left;
  }
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  label {
    display: inline-block;
  }
  button {
    border-radius: 0;
  }
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  button,
  select {
    text-transform: none;
  }
  [role=button] {
    cursor: pointer;
  }
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  textarea {
    resize: vertical;
  }
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    line-height: inherit;
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem;
    }
  }
  legend + * {
    clear: left;
  }
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1);
  }
  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }
  output {
    display: inline-block;
  }
  iframe {
    border: 0;
  }
  summary {
    display: list-item;
    cursor: pointer;
  }
  progress {
    vertical-align: baseline;
  }
  [hidden] {
    display: none !important;
  }
  .lead, .va-lead {
    font-size: 1.125rem;
    font-weight: 400;
  }
  .display-1, .va-display-1 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: clamp(3rem, 5vw + 1rem, 5.5rem);
  }
  .display-2, .va-display-2 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: clamp(2.5rem, 4vw + 1rem, 4.5rem);
  }
  .display-3, .va-display-3 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: clamp(2rem, 3.5vw + 1rem, 3.5rem);
  }
  .display-4, .va-display-4 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: clamp(1.75rem, 3vw + 0.5rem, 2.75rem);
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list-inline {
    padding-left: 0;
    list-style: none;
  }
  .list-inline-item {
    display: inline-block;
  }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
  }
  .initialism {
    font-size: 0.875em;
    text-transform: uppercase;
  }
  .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
  .blockquote > :last-child {
    margin-bottom: 0;
  }
  .blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
  }
  .blockquote-footer::before {
    content: "— ";
  }
  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .container-sm, .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container-md, .container-sm, .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1280px;
    }
  }
  :root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
  }
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  .col {
    flex: 1 0 0;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-left: 8.33333333%;
  }
  .offset-2 {
    margin-left: 16.66666667%;
  }
  .offset-3 {
    margin-left: 25%;
  }
  .offset-4 {
    margin-left: 33.33333333%;
  }
  .offset-5 {
    margin-left: 41.66666667%;
  }
  .offset-6 {
    margin-left: 50%;
  }
  .offset-7 {
    margin-left: 58.33333333%;
  }
  .offset-8 {
    margin-left: 66.66666667%;
  }
  .offset-9 {
    margin-left: 75%;
  }
  .offset-10 {
    margin-left: 83.33333333%;
  }
  .offset-11 {
    margin-left: 91.66666667%;
  }
  .g-0,
  .gx-0 {
    --bs-gutter-x: 0;
  }
  .g-0,
  .gy-0 {
    --bs-gutter-y: 0;
  }
  .g-1,
  .gx-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-2,
  .gy-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-3,
  .gx-3 {
    --bs-gutter-x: 1rem;
  }
  .g-3,
  .gy-3 {
    --bs-gutter-y: 1rem;
  }
  .g-4,
  .gx-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .g-5,
  .gy-5 {
    --bs-gutter-y: 3rem;
  }
  .g-6,
  .gx-6 {
    --bs-gutter-x: 4rem;
  }
  .g-6,
  .gy-6 {
    --bs-gutter-y: 4rem;
  }
  .g-7,
  .gx-7 {
    --bs-gutter-x: 5rem;
  }
  .g-7,
  .gy-7 {
    --bs-gutter-y: 5rem;
  }
  .g-8,
  .gx-8 {
    --bs-gutter-x: 6rem;
  }
  .g-8,
  .gy-8 {
    --bs-gutter-y: 6rem;
  }
  .g-9,
  .gx-9 {
    --bs-gutter-x: 7.5rem;
  }
  .g-9,
  .gy-9 {
    --bs-gutter-y: 7.5rem;
  }
  @media (min-width: 576px) {
    .col-sm {
      flex: 1 0 0;
    }
    .row-cols-sm-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.33333333%;
    }
    .offset-sm-2 {
      margin-left: 16.66666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.33333333%;
    }
    .offset-sm-5 {
      margin-left: 41.66666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.33333333%;
    }
    .offset-sm-8 {
      margin-left: 66.66666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.33333333%;
    }
    .offset-sm-11 {
      margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
      --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
      --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
      --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
      --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
      --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
      --bs-gutter-y: 3rem;
    }
    .g-sm-6,
    .gx-sm-6 {
      --bs-gutter-x: 4rem;
    }
    .g-sm-6,
    .gy-sm-6 {
      --bs-gutter-y: 4rem;
    }
    .g-sm-7,
    .gx-sm-7 {
      --bs-gutter-x: 5rem;
    }
    .g-sm-7,
    .gy-sm-7 {
      --bs-gutter-y: 5rem;
    }
    .g-sm-8,
    .gx-sm-8 {
      --bs-gutter-x: 6rem;
    }
    .g-sm-8,
    .gy-sm-8 {
      --bs-gutter-y: 6rem;
    }
    .g-sm-9,
    .gx-sm-9 {
      --bs-gutter-x: 7.5rem;
    }
    .g-sm-9,
    .gy-sm-9 {
      --bs-gutter-y: 7.5rem;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex: 1 0 0;
    }
    .row-cols-md-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.33333333%;
    }
    .offset-md-2 {
      margin-left: 16.66666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.33333333%;
    }
    .offset-md-5 {
      margin-left: 41.66666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.33333333%;
    }
    .offset-md-8 {
      margin-left: 66.66666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.33333333%;
    }
    .offset-md-11 {
      margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
      --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
      --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
      --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
      --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
      --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
      --bs-gutter-y: 3rem;
    }
    .g-md-6,
    .gx-md-6 {
      --bs-gutter-x: 4rem;
    }
    .g-md-6,
    .gy-md-6 {
      --bs-gutter-y: 4rem;
    }
    .g-md-7,
    .gx-md-7 {
      --bs-gutter-x: 5rem;
    }
    .g-md-7,
    .gy-md-7 {
      --bs-gutter-y: 5rem;
    }
    .g-md-8,
    .gx-md-8 {
      --bs-gutter-x: 6rem;
    }
    .g-md-8,
    .gy-md-8 {
      --bs-gutter-y: 6rem;
    }
    .g-md-9,
    .gx-md-9 {
      --bs-gutter-x: 7.5rem;
    }
    .g-md-9,
    .gy-md-9 {
      --bs-gutter-y: 7.5rem;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex: 1 0 0;
    }
    .row-cols-lg-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.33333333%;
    }
    .offset-lg-2 {
      margin-left: 16.66666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.33333333%;
    }
    .offset-lg-5 {
      margin-left: 41.66666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.33333333%;
    }
    .offset-lg-8 {
      margin-left: 66.66666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.33333333%;
    }
    .offset-lg-11 {
      margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
      --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
      --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
      --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
      --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
      --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
      --bs-gutter-y: 3rem;
    }
    .g-lg-6,
    .gx-lg-6 {
      --bs-gutter-x: 4rem;
    }
    .g-lg-6,
    .gy-lg-6 {
      --bs-gutter-y: 4rem;
    }
    .g-lg-7,
    .gx-lg-7 {
      --bs-gutter-x: 5rem;
    }
    .g-lg-7,
    .gy-lg-7 {
      --bs-gutter-y: 5rem;
    }
    .g-lg-8,
    .gx-lg-8 {
      --bs-gutter-x: 6rem;
    }
    .g-lg-8,
    .gy-lg-8 {
      --bs-gutter-y: 6rem;
    }
    .g-lg-9,
    .gx-lg-9 {
      --bs-gutter-x: 7.5rem;
    }
    .g-lg-9,
    .gy-lg-9 {
      --bs-gutter-y: 7.5rem;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0;
    }
    .row-cols-xl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xl-11 {
      margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
      --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
      --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
      --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
      --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
      --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
      --bs-gutter-y: 3rem;
    }
    .g-xl-6,
    .gx-xl-6 {
      --bs-gutter-x: 4rem;
    }
    .g-xl-6,
    .gy-xl-6 {
      --bs-gutter-y: 4rem;
    }
    .g-xl-7,
    .gx-xl-7 {
      --bs-gutter-x: 5rem;
    }
    .g-xl-7,
    .gy-xl-7 {
      --bs-gutter-y: 5rem;
    }
    .g-xl-8,
    .gx-xl-8 {
      --bs-gutter-x: 6rem;
    }
    .g-xl-8,
    .gy-xl-8 {
      --bs-gutter-y: 6rem;
    }
    .g-xl-9,
    .gx-xl-9 {
      --bs-gutter-x: 7.5rem;
    }
    .g-xl-9,
    .gy-xl-9 {
      --bs-gutter-y: 7.5rem;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex: 1 0 0;
    }
    .row-cols-xxl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
      margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
      --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
      --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
      --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
      --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
      --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
      --bs-gutter-y: 3rem;
    }
    .g-xxl-6,
    .gx-xxl-6 {
      --bs-gutter-x: 4rem;
    }
    .g-xxl-6,
    .gy-xxl-6 {
      --bs-gutter-y: 4rem;
    }
    .g-xxl-7,
    .gx-xxl-7 {
      --bs-gutter-x: 5rem;
    }
    .g-xxl-7,
    .gy-xxl-7 {
      --bs-gutter-y: 5rem;
    }
    .g-xxl-8,
    .gx-xxl-8 {
      --bs-gutter-x: 6rem;
    }
    .g-xxl-8,
    .gy-xxl-8 {
      --bs-gutter-y: 6rem;
    }
    .g-xxl-9,
    .gx-xxl-9 {
      --bs-gutter-x: 7.5rem;
    }
    .g-xxl-9,
    .gy-xxl-9 {
      --bs-gutter-y: 7.5rem;
    }
  }
  .btn, .va-auth__social-btn, .va-auth__submit, .va-pricing-card__cta, .va-btn, .va-navbar-btn--ghost, .va-navbar-btn--outlined, .va-navbar-btn--filled, .va-hero__btn--primary, .va-hero__btn--secondary {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.5;
    --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .btn, .va-auth__social-btn, .va-auth__submit, .va-pricing-card__cta, .va-btn, .va-navbar-btn--ghost, .va-navbar-btn--outlined, .va-navbar-btn--filled, .va-hero__btn--primary, .va-hero__btn--secondary {
      transition: none;
    }
  }
  .btn:hover, .va-auth__social-btn:hover, .va-auth__submit:hover, .va-pricing-card__cta:hover, .va-btn:hover, .va-navbar-btn--ghost:hover, .va-navbar-btn--outlined:hover, .va-navbar-btn--filled:hover, .va-hero__btn--primary:hover, .va-hero__btn--secondary:hover {
    color: var(--bs-btn-hover-color);
    text-decoration: none;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
  }
  .btn-check + .btn:hover, .btn-check + .va-auth__social-btn:hover, .btn-check + .va-auth__submit:hover, .btn-check + .va-pricing-card__cta:hover, .btn-check + .va-btn:hover, .btn-check + .va-navbar-btn--ghost:hover, .btn-check + .va-navbar-btn--outlined:hover, .btn-check + .va-navbar-btn--filled:hover, .btn-check + .va-hero__btn--primary:hover, .btn-check + .va-hero__btn--secondary:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
  }
  .btn:focus-visible, .va-auth__social-btn:focus-visible, .va-auth__submit:focus-visible, .va-pricing-card__cta:focus-visible, .va-btn:focus-visible, .va-navbar-btn--ghost:focus-visible, .va-navbar-btn--outlined:focus-visible, .va-navbar-btn--filled:focus-visible, .va-hero__btn--primary:focus-visible, .va-hero__btn--secondary:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:focus-visible + .btn, .btn-check:focus-visible + .va-auth__social-btn, .btn-check:focus-visible + .va-auth__submit, .btn-check:focus-visible + .va-pricing-card__cta, .btn-check:focus-visible + .va-btn, .btn-check:focus-visible + .va-navbar-btn--ghost, .btn-check:focus-visible + .va-navbar-btn--outlined, .btn-check:focus-visible + .va-navbar-btn--filled, .btn-check:focus-visible + .va-hero__btn--primary, .btn-check:focus-visible + .va-hero__btn--secondary {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:checked + .btn, .btn-check:checked + .va-auth__social-btn, .btn-check:checked + .va-auth__submit, .btn-check:checked + .va-pricing-card__cta, .btn-check:checked + .va-btn, .btn-check:checked + .va-navbar-btn--ghost, .btn-check:checked + .va-navbar-btn--outlined, .btn-check:checked + .va-navbar-btn--filled, .btn-check:checked + .va-hero__btn--primary, .btn-check:checked + .va-hero__btn--secondary, :not(.btn-check) + .btn:active, :not(.btn-check) + .va-auth__social-btn:active, :not(.btn-check) + .va-auth__submit:active, :not(.btn-check) + .va-pricing-card__cta:active, :not(.btn-check) + .va-btn:active, :not(.btn-check) + .va-navbar-btn--ghost:active, :not(.btn-check) + .va-navbar-btn--outlined:active, :not(.btn-check) + .va-navbar-btn--filled:active, :not(.btn-check) + .va-hero__btn--primary:active, :not(.btn-check) + .va-hero__btn--secondary:active, .btn:first-child:active, .va-auth__social-btn:first-child:active, .va-auth__submit:first-child:active, .va-pricing-card__cta:first-child:active, .va-btn:first-child:active, .va-navbar-btn--ghost:first-child:active, .va-navbar-btn--outlined:first-child:active, .va-navbar-btn--filled:first-child:active, .va-hero__btn--primary:first-child:active, .va-hero__btn--secondary:first-child:active, .btn.active, .active.va-auth__social-btn, .active.va-auth__submit, .active.va-pricing-card__cta, .active.va-btn, .active.va-navbar-btn--ghost, .active.va-navbar-btn--outlined, .active.va-navbar-btn--filled, .active.va-hero__btn--primary, .active.va-hero__btn--secondary, .btn.show, .show.va-auth__social-btn, .show.va-auth__submit, .show.va-pricing-card__cta, .show.va-btn, .show.va-navbar-btn--ghost, .show.va-navbar-btn--outlined, .show.va-navbar-btn--filled, .show.va-hero__btn--primary, .show.va-hero__btn--secondary {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
  }
  .btn-check:checked + .btn:focus-visible, .btn-check:checked + .va-auth__social-btn:focus-visible, .btn-check:checked + .va-auth__submit:focus-visible, .btn-check:checked + .va-pricing-card__cta:focus-visible, .btn-check:checked + .va-btn:focus-visible, .btn-check:checked + .va-navbar-btn--ghost:focus-visible, .btn-check:checked + .va-navbar-btn--outlined:focus-visible, .btn-check:checked + .va-navbar-btn--filled:focus-visible, .btn-check:checked + .va-hero__btn--primary:focus-visible, .btn-check:checked + .va-hero__btn--secondary:focus-visible, :not(.btn-check) + .btn:active:focus-visible, :not(.btn-check) + .va-auth__social-btn:active:focus-visible, :not(.btn-check) + .va-auth__submit:active:focus-visible, :not(.btn-check) + .va-pricing-card__cta:active:focus-visible, :not(.btn-check) + .va-btn:active:focus-visible, :not(.btn-check) + .va-navbar-btn--ghost:active:focus-visible, :not(.btn-check) + .va-navbar-btn--outlined:active:focus-visible, :not(.btn-check) + .va-navbar-btn--filled:active:focus-visible, :not(.btn-check) + .va-hero__btn--primary:active:focus-visible, :not(.btn-check) + .va-hero__btn--secondary:active:focus-visible, .btn:first-child:active:focus-visible, .va-auth__social-btn:first-child:active:focus-visible, .va-auth__submit:first-child:active:focus-visible, .va-pricing-card__cta:first-child:active:focus-visible, .va-btn:first-child:active:focus-visible, .va-navbar-btn--ghost:first-child:active:focus-visible, .va-navbar-btn--outlined:first-child:active:focus-visible, .va-navbar-btn--filled:first-child:active:focus-visible, .va-hero__btn--primary:first-child:active:focus-visible, .va-hero__btn--secondary:first-child:active:focus-visible, .btn.active:focus-visible, .active.va-auth__social-btn:focus-visible, .active.va-auth__submit:focus-visible, .active.va-pricing-card__cta:focus-visible, .active.va-btn:focus-visible, .active.va-navbar-btn--ghost:focus-visible, .active.va-navbar-btn--outlined:focus-visible, .active.va-navbar-btn--filled:focus-visible, .active.va-hero__btn--primary:focus-visible, .active.va-hero__btn--secondary:focus-visible, .btn.show:focus-visible, .show.va-auth__social-btn:focus-visible, .show.va-auth__submit:focus-visible, .show.va-pricing-card__cta:focus-visible, .show.va-btn:focus-visible, .show.va-navbar-btn--ghost:focus-visible, .show.va-navbar-btn--outlined:focus-visible, .show.va-navbar-btn--filled:focus-visible, .show.va-hero__btn--primary:focus-visible, .show.va-hero__btn--secondary:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:checked:focus-visible + .btn, .btn-check:checked:focus-visible + .va-auth__social-btn, .btn-check:checked:focus-visible + .va-auth__submit, .btn-check:checked:focus-visible + .va-pricing-card__cta, .btn-check:checked:focus-visible + .va-btn, .btn-check:checked:focus-visible + .va-navbar-btn--ghost, .btn-check:checked:focus-visible + .va-navbar-btn--outlined, .btn-check:checked:focus-visible + .va-navbar-btn--filled, .btn-check:checked:focus-visible + .va-hero__btn--primary, .btn-check:checked:focus-visible + .va-hero__btn--secondary {
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn:disabled, .va-auth__social-btn:disabled, .va-auth__submit:disabled, .va-pricing-card__cta:disabled, .va-btn:disabled, .va-navbar-btn--ghost:disabled, .va-navbar-btn--outlined:disabled, .va-navbar-btn--filled:disabled, .va-hero__btn--primary:disabled, .va-hero__btn--secondary:disabled, .btn.disabled, .disabled.va-auth__social-btn, .disabled.va-auth__submit, .disabled.va-pricing-card__cta, .disabled.va-btn, .disabled.va-navbar-btn--ghost, .disabled.va-navbar-btn--outlined, .disabled.va-navbar-btn--filled, .disabled.va-hero__btn--primary, .disabled.va-hero__btn--secondary, fieldset:disabled .btn, fieldset:disabled .va-auth__social-btn, fieldset:disabled .va-auth__submit, fieldset:disabled .va-pricing-card__cta, fieldset:disabled .va-btn, fieldset:disabled .va-navbar-btn--ghost, fieldset:disabled .va-navbar-btn--outlined, fieldset:disabled .va-navbar-btn--filled, fieldset:disabled .va-hero__btn--primary, fieldset:disabled .va-hero__btn--secondary {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
  }
  .btn-primary, .va-btn--accent {
    --bs-btn-color: #000;
    --bs-btn-bg: #0478FF;
    --bs-btn-border-color: #0478FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(41.65, 140.25, 255);
    --bs-btn-hover-border-color: rgb(29.1, 133.5, 255);
    --bs-btn-focus-shadow-rgb: 3, 102, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(54.2, 147, 255);
    --bs-btn-active-border-color: rgb(29.1, 133.5, 255);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0478FF;
    --bs-btn-disabled-border-color: #0478FF;
  }
  .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A1919;
    --bs-btn-border-color: #1A1919;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(22.1, 21.25, 21.25);
    --bs-btn-hover-border-color: rgb(20.8, 20, 20);
    --bs-btn-focus-shadow-rgb: 60, 60, 60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(20.8, 20, 20);
    --bs-btn-active-border-color: rgb(19.5, 18.75, 18.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1A1919;
    --bs-btn-disabled-border-color: #1A1919;
  }
  .btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: #10B981;
    --bs-btn-border-color: #10B981;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(51.85, 195.5, 147.9);
    --bs-btn-hover-border-color: rgb(39.9, 192, 141.6);
    --bs-btn-focus-shadow-rgb: 14, 157, 110;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(63.8, 199, 154.2);
    --bs-btn-active-border-color: rgb(39.9, 192, 141.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #10B981;
    --bs-btn-disabled-border-color: #10B981;
  }
  .btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #F59E0B;
    --bs-btn-border-color: #F59E0B;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(246.5, 172.55, 47.6);
    --bs-btn-hover-border-color: rgb(246, 167.7, 35.4);
    --bs-btn-focus-shadow-rgb: 208, 134, 9;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(247, 177.4, 59.8);
    --bs-btn-active-border-color: rgb(246, 167.7, 35.4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F59E0B;
    --bs-btn-disabled-border-color: #F59E0B;
  }
  .btn-danger {
    --bs-btn-color: #000;
    --bs-btn-bg: #EF4444;
    --bs-btn-border-color: #EF4444;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(241.4, 96.05, 96.05);
    --bs-btn-hover-border-color: rgb(240.6, 86.7, 86.7);
    --bs-btn-focus-shadow-rgb: 203, 58, 58;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(242.2, 105.4, 105.4);
    --bs-btn-active-border-color: rgb(240.6, 86.7, 86.7);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #EF4444;
    --bs-btn-disabled-border-color: #EF4444;
  }
  .btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #E9E9EA;
    --bs-btn-border-color: #E9E9EA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(198.05, 198.05, 198.9);
    --bs-btn-hover-border-color: rgb(186.4, 186.4, 187.2);
    --bs-btn-focus-shadow-rgb: 198, 198, 199;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(186.4, 186.4, 187.2);
    --bs-btn-active-border-color: rgb(174.75, 174.75, 175.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E9E9EA;
    --bs-btn-disabled-border-color: #E9E9EA;
  }
  .btn-dark, .va-auth__submit, .va-btn--primary, .va-navbar-btn--filled, .va-hero__btn--primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A1919;
    --bs-btn-border-color: #1A1919;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(60.35, 59.5, 59.5);
    --bs-btn-hover-border-color: rgb(48.9, 48, 48);
    --bs-btn-focus-shadow-rgb: 60, 60, 60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(71.8, 71, 71);
    --bs-btn-active-border-color: rgb(48.9, 48, 48);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1A1919;
    --bs-btn-disabled-border-color: #1A1919;
  }
  .btn-section-bg {
    --bs-btn-color: #000;
    --bs-btn-bg: #F7F7F8;
    --bs-btn-border-color: #F7F7F8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(248.2, 248.2, 249.05);
    --bs-btn-hover-border-color: rgb(247.8, 247.8, 248.7);
    --bs-btn-focus-shadow-rgb: 210, 210, 211;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(248.6, 248.6, 249.4);
    --bs-btn-active-border-color: rgb(247.8, 247.8, 248.7);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F7F7F8;
    --bs-btn-disabled-border-color: #F7F7F8;
  }
  .btn-body-text {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4B5563;
    --bs-btn-border-color: #4B5563;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(63.75, 72.25, 84.15);
    --bs-btn-hover-border-color: rgb(60, 68, 79.2);
    --bs-btn-focus-shadow-rgb: 102, 111, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(60, 68, 79.2);
    --bs-btn-active-border-color: rgb(56.25, 63.75, 74.25);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4B5563;
    --bs-btn-disabled-border-color: #4B5563;
  }
  .btn-muted-text {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6B7280;
    --bs-btn-border-color: #6B7280;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(90.95, 96.9, 108.8);
    --bs-btn-hover-border-color: rgb(85.6, 91.2, 102.4);
    --bs-btn-focus-shadow-rgb: 129, 135, 147;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(85.6, 91.2, 102.4);
    --bs-btn-active-border-color: rgb(80.25, 85.5, 96);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6B7280;
    --bs-btn-disabled-border-color: #6B7280;
  }
  .btn-outline-primary {
    --bs-btn-color: #0478FF;
    --bs-btn-border-color: #0478FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0478FF;
    --bs-btn-hover-border-color: #0478FF;
    --bs-btn-focus-shadow-rgb: 4, 120, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0478FF;
    --bs-btn-active-border-color: #0478FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0478FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0478FF;
    --bs-gradient: none;
  }
  .btn-outline-secondary, .va-auth__social-btn, .va-pricing-card__cta, .va-btn--secondary, .va-navbar-btn--outlined, .va-hero__btn--secondary {
    --bs-btn-color: #1A1919;
    --bs-btn-border-color: #1A1919;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A1919;
    --bs-btn-hover-border-color: #1A1919;
    --bs-btn-focus-shadow-rgb: 26, 25, 25;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A1919;
    --bs-btn-active-border-color: #1A1919;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1A1919;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1A1919;
    --bs-gradient: none;
  }
  .btn-outline-success {
    --bs-btn-color: #10B981;
    --bs-btn-border-color: #10B981;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #10B981;
    --bs-btn-hover-border-color: #10B981;
    --bs-btn-focus-shadow-rgb: 16, 185, 129;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #10B981;
    --bs-btn-active-border-color: #10B981;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #10B981;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #10B981;
    --bs-gradient: none;
  }
  .btn-outline-warning {
    --bs-btn-color: #F59E0B;
    --bs-btn-border-color: #F59E0B;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F59E0B;
    --bs-btn-hover-border-color: #F59E0B;
    --bs-btn-focus-shadow-rgb: 245, 158, 11;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F59E0B;
    --bs-btn-active-border-color: #F59E0B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F59E0B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F59E0B;
    --bs-gradient: none;
  }
  .btn-outline-danger {
    --bs-btn-color: #EF4444;
    --bs-btn-border-color: #EF4444;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #EF4444;
    --bs-btn-hover-border-color: #EF4444;
    --bs-btn-focus-shadow-rgb: 239, 68, 68;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #EF4444;
    --bs-btn-active-border-color: #EF4444;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #EF4444;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EF4444;
    --bs-gradient: none;
  }
  .btn-outline-light {
    --bs-btn-color: #E9E9EA;
    --bs-btn-border-color: #E9E9EA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E9E9EA;
    --bs-btn-hover-border-color: #E9E9EA;
    --bs-btn-focus-shadow-rgb: 233, 233, 234;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E9E9EA;
    --bs-btn-active-border-color: #E9E9EA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E9E9EA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E9E9EA;
    --bs-gradient: none;
  }
  .btn-outline-dark {
    --bs-btn-color: #1A1919;
    --bs-btn-border-color: #1A1919;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A1919;
    --bs-btn-hover-border-color: #1A1919;
    --bs-btn-focus-shadow-rgb: 26, 25, 25;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A1919;
    --bs-btn-active-border-color: #1A1919;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1A1919;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1A1919;
    --bs-gradient: none;
  }
  .btn-outline-section-bg {
    --bs-btn-color: #F7F7F8;
    --bs-btn-border-color: #F7F7F8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F7F7F8;
    --bs-btn-hover-border-color: #F7F7F8;
    --bs-btn-focus-shadow-rgb: 247, 247, 248;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F7F7F8;
    --bs-btn-active-border-color: #F7F7F8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F7F7F8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F7F7F8;
    --bs-gradient: none;
  }
  .btn-outline-body-text {
    --bs-btn-color: #4B5563;
    --bs-btn-border-color: #4B5563;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4B5563;
    --bs-btn-hover-border-color: #4B5563;
    --bs-btn-focus-shadow-rgb: 75, 85, 99;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4B5563;
    --bs-btn-active-border-color: #4B5563;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #4B5563;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4B5563;
    --bs-gradient: none;
  }
  .btn-outline-muted-text {
    --bs-btn-color: #6B7280;
    --bs-btn-border-color: #6B7280;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6B7280;
    --bs-btn-hover-border-color: #6B7280;
    --bs-btn-focus-shadow-rgb: 107, 114, 128;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6B7280;
    --bs-btn-active-border-color: #6B7280;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6B7280;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6B7280;
    --bs-gradient: none;
  }
  .btn-link, .va-btn--ghost, .va-navbar-btn--ghost {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 3, 102, 217;
    text-decoration: none;
  }
  .btn-link:hover, .va-btn--ghost:hover, .va-navbar-btn--ghost:hover, .btn-link:focus-visible, .va-btn--ghost:focus-visible, .va-navbar-btn--ghost:focus-visible {
    text-decoration: underline;
  }
  .btn-link:focus-visible, .va-btn--ghost:focus-visible, .va-navbar-btn--ghost:focus-visible {
    color: var(--bs-btn-color);
  }
  .btn-link:hover, .va-btn--ghost:hover, .va-navbar-btn--ghost:hover {
    color: var(--bs-btn-hover-color);
  }
  .btn-lg, .va-btn--lg {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 1rem;
  }
  .btn-sm, .va-btn--sm {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.5rem;
  }
  .card, .va-card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-color: #E5E7EB;
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.75rem - 1px);
    --bs-card-cap-padding-y: 1.25rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #FFFFFF;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
  }
  .card > hr, .va-card > hr {
    margin-right: 0;
    margin-left: 0;
  }
  .card > .list-group, .va-card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
  }
  .card > .list-group:first-child, .va-card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
  }
  .card > .list-group:last-child, .va-card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
  }
  .card > .card-header + .list-group, .card > .va-card__header + .list-group, .va-card > .card-header + .list-group, .va-card > .va-card__header + .list-group,
  .card > .list-group + .card-footer,
  .card > .list-group + .va-card__footer,
  .va-card > .list-group + .card-footer,
  .va-card > .list-group + .va-card__footer {
    border-top: 0;
  }
  .card-body, .va-card__body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
  }
  .card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
  }
  .card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color);
  }
  .card-text:last-child {
    margin-bottom: 0;
  }
  .card-link:hover {
    text-decoration: none;
  }
  .card-link + .card-link {
    margin-left: var(--bs-card-spacer-x);
  }
  .card-header, .va-card__header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }
  .card-header:first-child, .va-card__header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
  }
  .card-footer, .va-card__footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }
  .card-footer:last-child, .va-card__footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
  }
  .card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
  }
  .card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
  }
  .card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  }
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
  }
  .card-img,
  .card-img-top,
  .card-img-bottom {
    width: 100%;
  }
  .card-img,
  .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
  }
  .card-img,
  .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
  }
  .card-group > .card, .card-group > .va-card {
    margin-bottom: var(--bs-card-group-margin);
  }
  @media (min-width: 576px) {
    .card-group {
      display: flex;
      flex-flow: row wrap;
    }
    .card-group > .card, .card-group > .va-card {
      flex: 1 0 0;
      margin-bottom: 0;
    }
    .card-group > .card + .card, .card-group > .va-card + .card, .card-group > .card + .va-card, .card-group > .va-card + .va-card {
      margin-left: 0;
      border-left: 0;
    }
    .card-group > .card:not(:last-child), .card-group > .va-card:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-top, .card-group > .va-card:not(:last-child) > .card-img-top,
    .card-group > .card:not(:last-child) > .card-header,
    .card-group > .card:not(:last-child) > .va-card__header,
    .card-group > .va-card:not(:last-child) > .card-header,
    .card-group > .va-card:not(:last-child) > .va-card__header {
      border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .va-card:not(:last-child) > .card-img-bottom,
    .card-group > .card:not(:last-child) > .card-footer,
    .card-group > .card:not(:last-child) > .va-card__footer,
    .card-group > .va-card:not(:last-child) > .card-footer,
    .card-group > .va-card:not(:last-child) > .va-card__footer {
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child), .card-group > .va-card:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-top, .card-group > .va-card:not(:first-child) > .card-img-top,
    .card-group > .card:not(:first-child) > .card-header,
    .card-group > .card:not(:first-child) > .va-card__header,
    .card-group > .va-card:not(:first-child) > .card-header,
    .card-group > .va-card:not(:first-child) > .va-card__header {
      border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .va-card:not(:first-child) > .card-img-bottom,
    .card-group > .card:not(:first-child) > .card-footer,
    .card-group > .card:not(:first-child) > .va-card__footer,
    .card-group > .va-card:not(:first-child) > .card-footer,
    .card-group > .va-card:not(:first-child) > .va-card__footer {
      border-bottom-left-radius: 0;
    }
  }
  .form-label, .va-form-label {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1A1919;
  }
  .col-form-label {
    padding-top: calc(0.75rem + var(--bs-border-width));
    padding-bottom: calc(0.75rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.6;
    color: #1A1919;
  }
  .col-form-label-lg {
    padding-top: calc(0.5rem + var(--bs-border-width));
    padding-bottom: calc(0.5rem + var(--bs-border-width));
    font-size: 1.25rem;
  }
  .col-form-label-sm {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    font-size: 0.875rem;
  }
  .form-text, .va-form-hint {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-secondary-color);
  }
  .form-control, .va-form-textarea, .va-form-input {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #1A1919;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #E5E7EB;
    border-radius: 0.5rem;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control, .va-form-textarea, .va-form-input {
      transition: none;
    }
  }
  .form-control[type=file], [type=file].va-form-textarea, [type=file].va-form-input {
    overflow: hidden;
  }
  .form-control[type=file]:not(:disabled):not([readonly]), [type=file].va-form-textarea:not(:disabled):not([readonly]), [type=file].va-form-input:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control:focus, .va-form-textarea:focus, .va-form-input:focus {
    color: #1A1919;
    background-color: #FFFFFF;
    border-color: #0478FF;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .form-control::-webkit-date-and-time-value, .va-form-textarea::-webkit-date-and-time-value, .va-form-input::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.6em;
    margin: 0;
  }
  .form-control::-webkit-datetime-edit, .va-form-textarea::-webkit-datetime-edit, .va-form-input::-webkit-datetime-edit {
    display: block;
    padding: 0;
  }
  .form-control::-moz-placeholder, .va-form-textarea::-moz-placeholder, .va-form-input::-moz-placeholder {
    color: #6B7280;
    opacity: 1;
  }
  .form-control::placeholder, .va-form-textarea::placeholder, .va-form-input::placeholder {
    color: #6B7280;
    opacity: 1;
  }
  .form-control:disabled, .va-form-textarea:disabled, .va-form-input:disabled {
    background-color: #F7F7F8;
    border-color: #E5E7EB;
    opacity: 1;
  }
  .form-control::file-selector-button, .va-form-textarea::file-selector-button, .va-form-input::file-selector-button {
    padding: 0.75rem 1rem;
    margin: -0.75rem -1rem;
    margin-inline-end: 1rem;
    color: #1A1919;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button, .va-form-textarea::file-selector-button, .va-form-input::file-selector-button {
      transition: none;
    }
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button, .va-form-textarea:hover:not(:disabled):not([readonly])::file-selector-button, .va-form-input:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg);
  }
  .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.75rem 0;
    margin-bottom: 0;
    line-height: 1.6;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
  }
  .form-control-plaintext:focus {
    outline: 0;
  }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .form-control-sm {
    min-height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm);
  }
  .form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem;
  }
  .form-control-lg {
    min-height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2));
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg);
  }
  .form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
  }
  textarea.form-control, textarea.va-form-textarea, textarea.va-form-input {
    min-height: calc(1.6em + 1.5rem + calc(var(--bs-border-width) * 2));
  }
  textarea.form-control-sm {
    min-height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2));
  }
  textarea.form-control-lg {
    min-height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2));
  }
  .form-control-color {
    width: 3rem;
    height: calc(1.6em + 1.5rem + calc(var(--bs-border-width) * 2));
    padding: 0.75rem;
  }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.5rem;
  }
  .form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: 0.5rem;
  }
  .form-control-color.form-control-sm {
    height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2));
  }
  .form-control-color.form-control-lg {
    height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2));
  }
  .form-select, .va-form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #1A1919;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #FFFFFF;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid #E5E7EB;
    border-radius: 0.5rem;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-select, .va-form-select {
      transition: none;
    }
  }
  .form-select:focus, .va-form-select:focus {
    border-color: #0478FF;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .form-select[multiple], [multiple].va-form-select, .form-select[size]:not([size="1"]), [size].va-form-select:not([size="1"]) {
    padding-right: 1rem;
    background-image: none;
  }
  .form-select:disabled, .va-form-select:disabled {
    background-color: #F7F7F8;
    border-color: #E5E7EB;
  }
  .form-select:-moz-focusring, .va-form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #1A1919;
  }
  .form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm);
  }
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg);
  }
  [data-bs-theme=dark] .form-select, [data-bs-theme=dark] .va-form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  }
  .form-check {
    display: block;
    min-height: 1.6rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
  }
  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
  }
  .form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
  }
  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
  }
  .form-check-input {
    --bs-form-check-bg: #FFFFFF;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.3em;
    vertical-align: top;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #E5E7EB;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
  .form-check-input[type=checkbox] {
    border-radius: 0.25rem;
  }
  .form-check-input[type=radio] {
    border-radius: 50%;
  }
  .form-check-input:active {
    filter: brightness(90%);
  }
  .form-check-input:focus {
    border-color: #0478FF;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .form-check-input:checked {
    background-color: #0478FF;
    border-color: #0478FF;
  }
  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
  }
  .form-check-input[type=checkbox]:indeterminate {
    background-color: #0478FF;
    border-color: #0478FF;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }
  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
  }
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
  }
  .form-switch {
    padding-left: 2.5em;
  }
  .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
      transition: none;
    }
  }
  .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230478FF'/%3e%3c/svg%3e");
  }
  .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
  }
  .form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
  }
  .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
  }
  .form-check-inline {
    display: inline-block;
    margin-right: 1rem;
  }
  .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check[disabled] + .btn, .btn-check[disabled] + .va-auth__social-btn, .btn-check[disabled] + .va-auth__submit, .btn-check[disabled] + .va-pricing-card__cta, .btn-check[disabled] + .va-btn, .btn-check[disabled] + .va-navbar-btn--ghost, .btn-check[disabled] + .va-navbar-btn--outlined, .btn-check[disabled] + .va-navbar-btn--filled, .btn-check[disabled] + .va-hero__btn--primary, .btn-check[disabled] + .va-hero__btn--secondary, .btn-check:disabled + .btn, .btn-check:disabled + .va-auth__social-btn, .btn-check:disabled + .va-auth__submit, .btn-check:disabled + .va-pricing-card__cta, .btn-check:disabled + .va-btn, .btn-check:disabled + .va-navbar-btn--ghost, .btn-check:disabled + .va-navbar-btn--outlined, .btn-check:disabled + .va-navbar-btn--filled, .btn-check:disabled + .va-hero__btn--primary, .btn-check:disabled + .va-hero__btn--secondary {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
  }
  [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
  }
  .form-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
  }
  .form-range:focus {
    outline: 0;
  }
  .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .form-range::-moz-focus-outer {
    border: 0;
  }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    -webkit-appearance: none;
            appearance: none;
    background-color: #0478FF;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }
  .form-range::-webkit-slider-thumb:active {
    background-color: rgb(179.7, 214.5, 255);
  }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
         appearance: none;
    background-color: #0478FF;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }
  .form-range::-moz-range-thumb:active {
    background-color: rgb(179.7, 214.5, 255);
  }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range:disabled {
    pointer-events: none;
  }
  .form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color);
  }
  .form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color);
  }
  .form-floating {
    position: relative;
  }
  .form-floating > .form-control, .form-floating > .va-form-textarea, .form-floating > .va-form-input,
  .form-floating > .form-control-plaintext,
  .form-floating > .form-select,
  .form-floating > .va-form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
  }
  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    height: 100%;
    padding: 1rem 1rem;
    overflow: hidden;
    color: rgba(var(--bs-body-color-rgb), 0.65);
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-floating > label {
      transition: none;
    }
  }
  .form-floating > .form-control, .form-floating > .va-form-textarea, .form-floating > .va-form-input,
  .form-floating > .form-control-plaintext {
    padding: 1rem 1rem;
  }
  .form-floating > .form-control::-moz-placeholder, .form-floating > .va-form-textarea::-moz-placeholder, .form-floating > .va-form-input::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
    color: transparent;
  }
  .form-floating > .form-control::placeholder, .form-floating > .va-form-textarea::placeholder, .form-floating > .va-form-input::placeholder,
  .form-floating > .form-control-plaintext::placeholder {
    color: transparent;
  }
  .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .va-form-textarea:not(:-moz-placeholder), .form-floating > .va-form-input:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:focus, .form-floating > .va-form-textarea:focus, .form-floating > .va-form-input:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .va-form-textarea:not(:placeholder-shown), .form-floating > .va-form-input:not(:placeholder-shown),
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:-webkit-autofill, .form-floating > .va-form-textarea:-webkit-autofill, .form-floating > .va-form-input:-webkit-autofill,
  .form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-select, .form-floating > .va-form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
  }
  .form-floating > .form-control:not(:-moz-placeholder) ~ label, .form-floating > .va-form-textarea:not(:-moz-placeholder) ~ label, .form-floating > .va-form-input:not(:-moz-placeholder) ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control:focus ~ label, .form-floating > .va-form-textarea:focus ~ label, .form-floating > .va-form-input:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .va-form-textarea:not(:placeholder-shown) ~ label,
  .form-floating > .va-form-input:not(:placeholder-shown) ~ label,
  .form-floating > .form-control-plaintext ~ label,
  .form-floating > .form-select ~ label,
  .form-floating > .va-form-select ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .va-form-textarea:-webkit-autofill ~ label, .form-floating > .va-form-input:-webkit-autofill ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > textarea:not(:-moz-placeholder) ~ label::after {
    position: absolute;
    inset: 1rem 0.5rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #FFFFFF;
    border-radius: 0.5rem;
  }
  .form-floating > textarea:focus ~ label::after,
  .form-floating > textarea:not(:placeholder-shown) ~ label::after {
    position: absolute;
    inset: 1rem 0.5rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #FFFFFF;
    border-radius: 0.5rem;
  }
  .form-floating > textarea:disabled ~ label::after {
    background-color: #F7F7F8;
  }
  .form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0;
  }
  .form-floating > :disabled ~ label,
  .form-floating > .form-control:disabled ~ label {
    color: #6c757d;
  }
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control, .input-group > .va-form-textarea, .input-group > .va-form-input,
  .input-group > .form-select,
  .input-group > .va-form-select,
  .input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .input-group > .form-control:focus, .input-group > .va-form-textarea:focus, .input-group > .va-form-input:focus,
  .input-group > .form-select:focus,
  .input-group > .va-form-select:focus,
  .input-group > .form-floating:focus-within {
    z-index: 5;
  }
  .input-group .btn, .input-group .va-auth__social-btn, .input-group .va-auth__submit, .input-group .va-pricing-card__cta, .input-group .va-btn, .input-group .va-navbar-btn--ghost, .input-group .va-navbar-btn--outlined, .input-group .va-navbar-btn--filled, .input-group .va-hero__btn--primary, .input-group .va-hero__btn--secondary {
    position: relative;
    z-index: 2;
  }
  .input-group .btn:focus, .input-group .va-auth__social-btn:focus, .input-group .va-auth__submit:focus, .input-group .va-pricing-card__cta:focus, .input-group .va-btn:focus, .input-group .va-navbar-btn--ghost:focus, .input-group .va-navbar-btn--outlined:focus, .input-group .va-navbar-btn--filled:focus, .input-group .va-hero__btn--primary:focus, .input-group .va-hero__btn--secondary:focus {
    z-index: 5;
  }
  .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #1A1919;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid #E5E7EB;
    border-radius: 0.5rem;
  }
  .input-group-lg > .form-control, .input-group-lg > .va-form-textarea, .input-group-lg > .va-form-input,
  .input-group-lg > .form-select,
  .input-group-lg > .va-form-select,
  .input-group-lg > .input-group-text,
  .input-group-lg > .btn,
  .input-group-lg > .va-auth__social-btn,
  .input-group-lg > .va-auth__submit,
  .input-group-lg > .va-pricing-card__cta,
  .input-group-lg > .va-btn,
  .input-group-lg > .va-navbar-btn--ghost,
  .input-group-lg > .va-navbar-btn--outlined,
  .input-group-lg > .va-navbar-btn--filled,
  .input-group-lg > .va-hero__btn--primary,
  .input-group-lg > .va-hero__btn--secondary {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg);
  }
  .input-group-sm > .form-control, .input-group-sm > .va-form-textarea, .input-group-sm > .va-form-input,
  .input-group-sm > .form-select,
  .input-group-sm > .va-form-select,
  .input-group-sm > .input-group-text,
  .input-group-sm > .btn,
  .input-group-sm > .va-auth__social-btn,
  .input-group-sm > .va-auth__submit,
  .input-group-sm > .va-pricing-card__cta,
  .input-group-sm > .va-btn,
  .input-group-sm > .va-navbar-btn--ghost,
  .input-group-sm > .va-navbar-btn--outlined,
  .input-group-sm > .va-navbar-btn--filled,
  .input-group-sm > .va-hero__btn--primary,
  .input-group-sm > .va-hero__btn--secondary {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm);
  }
  .input-group-lg > .form-select, .input-group-lg > .va-form-select,
  .input-group-sm > .form-select,
  .input-group-sm > .va-form-select {
    padding-right: 4rem;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
  .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .va-form-textarea,
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .va-form-input,
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .va-form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
  .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .va-form-textarea,
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .va-form-input,
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .va-form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.va-form-error) {
    margin-left: calc(-1 * var(--bs-border-width));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .va-form-textarea, .input-group > .form-floating:not(:first-child) > .va-form-input,
  .input-group > .form-floating:not(:first-child) > .form-select,
  .input-group > .form-floating:not(:first-child) > .va-form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-valid-color);
  }
  .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: 0.5rem;
  }
  .was-validated :valid ~ .valid-feedback,
  .was-validated :valid ~ .valid-tooltip,
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .form-control:valid, .was-validated .va-form-textarea:valid, .was-validated .va-form-input:valid, .form-control.is-valid, .is-valid.va-form-textarea, .is-valid.va-form-input {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.6em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310B981' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.375rem) center;
    background-size: calc(0.8em + 0.75rem) calc(0.8em + 0.75rem);
  }
  .was-validated .form-control:valid:focus, .was-validated .va-form-textarea:valid:focus, .was-validated .va-form-input:valid:focus, .form-control.is-valid:focus, .is-valid.va-form-textarea:focus, .is-valid.va-form-input:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated textarea.form-control:valid, .was-validated textarea.va-form-textarea:valid, .was-validated textarea.va-form-input:valid, textarea.form-control.is-valid, textarea.is-valid.va-form-textarea, textarea.is-valid.va-form-input {
    padding-right: calc(1.6em + 1.5rem);
    background-position: top calc(0.4em + 0.375rem) right calc(0.4em + 0.375rem);
  }
  .was-validated .form-select:valid, .was-validated .va-form-select:valid, .form-select.is-valid, .is-valid.va-form-select {
    border-color: var(--bs-form-valid-border-color);
  }
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .va-form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .va-form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.va-form-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.va-form-select:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310B981' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    padding-right: 5.5rem;
    background-position: right 1rem center, center right 3rem;
    background-size: 16px 12px, calc(0.8em + 0.75rem) calc(0.8em + 0.75rem);
  }
  .was-validated .form-select:valid:focus, .was-validated .va-form-select:valid:focus, .form-select.is-valid:focus, .is-valid.va-form-select:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
    width: calc(3rem + calc(1.6em + 1.5rem));
  }
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
  }
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: var(--bs-form-valid-color);
  }
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--bs-form-valid-color);
  }
  .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
  }
  .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .va-form-textarea:not(:focus):valid, .was-validated .input-group > .va-form-input:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .input-group > .va-form-textarea:not(:focus).is-valid, .input-group > .va-form-input:not(:focus).is-valid,
  .was-validated .input-group > .form-select:not(:focus):valid,
  .was-validated .input-group > .va-form-select:not(:focus):valid,
  .input-group > .form-select:not(:focus).is-valid,
  .input-group > .va-form-select:not(:focus).is-valid,
  .was-validated .input-group > .form-floating:not(:focus-within):valid,
  .input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
  }
  .invalid-feedback, .va-form-error {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
  }
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: 0.5rem;
  }
  .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .va-form-error,
  .was-validated :invalid ~ .invalid-tooltip,
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .va-form-error,
  .is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .form-control:invalid, .was-validated .va-form-textarea:invalid, .was-validated .va-form-input:invalid, .form-control.is-invalid, .is-invalid.va-form-textarea, .is-invalid.va-form-input {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.6em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.375rem) center;
    background-size: calc(0.8em + 0.75rem) calc(0.8em + 0.75rem);
  }
  .was-validated .form-control:invalid:focus, .was-validated .va-form-textarea:invalid:focus, .was-validated .va-form-input:invalid:focus, .form-control.is-invalid:focus, .is-invalid.va-form-textarea:focus, .is-invalid.va-form-input:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated textarea.form-control:invalid, .was-validated textarea.va-form-textarea:invalid, .was-validated textarea.va-form-input:invalid, textarea.form-control.is-invalid, textarea.is-invalid.va-form-textarea, textarea.is-invalid.va-form-input {
    padding-right: calc(1.6em + 1.5rem);
    background-position: top calc(0.4em + 0.375rem) right calc(0.4em + 0.375rem);
  }
  .was-validated .form-select:invalid, .was-validated .va-form-select:invalid, .form-select.is-invalid, .is-invalid.va-form-select {
    border-color: var(--bs-form-invalid-border-color);
  }
  .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .va-form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .va-form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.va-form-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.va-form-select:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e");
    padding-right: 5.5rem;
    background-position: right 1rem center, center right 3rem;
    background-size: 16px 12px, calc(0.8em + 0.75rem) calc(0.8em + 0.75rem);
  }
  .was-validated .form-select:invalid:focus, .was-validated .va-form-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.va-form-select:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
    width: calc(3rem + calc(1.6em + 1.5rem));
  }
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
  }
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: var(--bs-form-invalid-color);
  }
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: var(--bs-form-invalid-color);
  }
  .form-check-inline .form-check-input ~ .invalid-feedback, .form-check-inline .form-check-input ~ .va-form-error {
    margin-left: 0.5em;
  }
  .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .va-form-textarea:not(:focus):invalid, .was-validated .input-group > .va-form-input:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .input-group > .va-form-textarea:not(:focus).is-invalid, .input-group > .va-form-input:not(:focus).is-invalid,
  .was-validated .input-group > .form-select:not(:focus):invalid,
  .was-validated .input-group > .va-form-select:not(:focus):invalid,
  .input-group > .form-select:not(:focus).is-invalid,
  .input-group > .va-form-select:not(:focus).is-invalid,
  .was-validated .input-group > .form-floating:not(:focus-within):invalid,
  .input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
  }
  .nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 0.9375rem;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #4B5563;
    --bs-nav-link-hover-color: #1A1919;
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: none;
    border: 0;
    transition: color 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none;
    }
  }
  .nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color);
    text-decoration: none;
  }
  .nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(4, 120, 255, 0.25);
  }
  .nav-link.disabled, .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
  }
  .nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  }
  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
  }
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
  }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
  }
  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #FFFFFF;
    --bs-nav-pills-link-active-bg: #0478FF;
  }
  .nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
  }
  .nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap);
  }
  .nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
  }
  .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
    border-bottom-color: currentcolor;
  }
  .nav-underline .nav-link.active,
  .nav-underline .show > .nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor;
  }
  .nav-fill > .nav-link,
  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-justified > .nav-link,
  .nav-justified .nav-item {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
  }
  .nav-fill .nav-item .nav-link,
  .nav-justified .nav-item .nav-link {
    width: 100%;
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 1rem;
    --bs-navbar-color: #4B5563;
    --bs-navbar-hover-color: #1A1919;
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: #0478FF;
    --bs-navbar-brand-padding-y: 0.3rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: #0478FF;
    --bs-navbar-brand-hover-color: #0478FF;
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2826, 25, 25, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: #E5E7EB;
    --bs-navbar-toggler-border-radius: 0.5rem;
    --bs-navbar-toggler-focus-width: 0.2rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-sm,
  .navbar > .container-md,
  .navbar > .container-lg,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }
  .navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap;
  }
  .navbar-brand:hover, .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
    text-decoration: none;
  }
  .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 0.9375rem;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
  }
  .navbar-nav .dropdown-menu {
    position: static;
  }
  .navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
  }
  .navbar-text a,
  .navbar-text a:hover,
  .navbar-text a:focus {
    color: var(--bs-navbar-active-color);
  }
  .navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
  }
  .navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
  }
  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none;
    }
  }
  .navbar-toggler:hover {
    text-decoration: none;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  }
  .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
  }
  @media (min-width: 576px) {
    .navbar-expand-sm {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
      display: none;
    }
    .navbar-expand-sm .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }
  @media (min-width: 768px) {
    .navbar-expand-md {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
      display: none;
    }
    .navbar-expand-md .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }
  @media (min-width: 992px) {
    .navbar-expand-lg {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
      display: none;
    }
    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }
  @media (min-width: 1200px) {
    .navbar-expand-xl {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
      display: none;
    }
    .navbar-expand-xl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }
  @media (min-width: 1400px) {
    .navbar-expand-xxl {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
      display: none;
    }
    .navbar-expand-xxl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }
  .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand .navbar-toggler {
    display: none;
  }
  .navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .navbar-dark,
  .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  [data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .badge, .va-badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75rem;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 50rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
  }
  .badge:empty, .va-badge:empty {
    display: none;
  }
  .btn .badge, .va-auth__social-btn .badge, .va-auth__submit .badge, .va-pricing-card__cta .badge, .btn .va-badge, .va-auth__social-btn .va-badge, .va-auth__submit .va-badge, .va-pricing-card__cta .va-badge, .va-btn .badge, .va-btn .va-badge, .va-navbar-btn--ghost .badge, .va-navbar-btn--ghost .va-badge, .va-navbar-btn--outlined .badge, .va-navbar-btn--outlined .va-badge, .va-navbar-btn--filled .badge, .va-navbar-btn--filled .va-badge, .va-hero__btn--primary .badge, .va-hero__btn--primary .va-badge, .va-hero__btn--secondary .badge, .va-hero__btn--secondary .va-badge {
    position: relative;
    top: -1px;
  }
  .dropup,
  .dropend,
  .dropdown,
  .dropstart,
  .dropup-center,
  .dropdown-center {
    position: relative;
  }
  .dropdown-toggle {
    white-space: nowrap;
  }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
  .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: #E5E7EB;
    --bs-dropdown-border-radius: 0.75rem;
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(0.75rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: #E5E7EB;
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #FFFFFF;
    --bs-dropdown-link-active-bg: #0478FF;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
  }
  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
  }
  .dropdown-menu-start {
    --bs-position: start;
  }
  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-end {
    --bs-position: end;
  }
  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  @media (min-width: 576px) {
    .dropdown-menu-sm-start {
      --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-sm-end {
      --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 768px) {
    .dropdown-menu-md-start {
      --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-md-end {
      --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 992px) {
    .dropdown-menu-lg-start {
      --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-lg-end {
      --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1200px) {
    .dropdown-menu-xl-start {
      --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-xl-end {
      --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
      --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-xxl-end {
      --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  .dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
  }
  .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
  }
  .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
  }
  .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
  }
  .dropend .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropend .dropdown-toggle::after {
    vertical-align: 0;
  }
  .dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
  }
  .dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
  }
  .dropstart .dropdown-toggle::after {
    display: none;
  }
  .dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }
  .dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropstart .dropdown-toggle::before {
    vertical-align: 0;
  }
  .dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
  }
  .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
  }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-hover-bg);
  }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
  }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .dropdown-menu.show {
    display: block;
  }
  .dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
  }
  .dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
  }
  .dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: #E5E7EB;
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: #E5E7EB;
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #FFFFFF;
    --bs-dropdown-link-active-bg: #0478FF;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
  }
  .fade {
    transition: opacity 0.15s linear;
  }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }
  .fade:not(.show) {
    opacity: 0;
  }
  .collapse:not(.show) {
    display: none;
  }
  .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none;
    }
  }
  .collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
      transition: none;
    }
  }
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
  .text-bg-primary {
    color: #000 !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-success {
    color: #000 !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-danger {
    color: #000 !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-section-bg {
    color: #000 !important;
    background-color: RGBA(var(--bs-section-bg-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-body-text {
    color: #fff !important;
    background-color: RGBA(var(--bs-body-text-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-muted-text {
    color: #fff !important;
    background-color: RGBA(var(--bs-muted-text-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-primary:hover, .link-primary:focus {
    color: RGBA(54, 147, 255, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(54, 147, 255, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-secondary:hover, .link-secondary:focus {
    color: RGBA(21, 20, 20, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(21, 20, 20, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-success:hover, .link-success:focus {
    color: RGBA(64, 199, 154, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(64, 199, 154, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-warning:hover, .link-warning:focus {
    color: RGBA(247, 177, 60, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(247, 177, 60, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-danger:hover, .link-danger:focus {
    color: RGBA(242, 105, 105, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(242, 105, 105, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-light:hover, .link-light:focus {
    color: RGBA(237, 237, 238, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(237, 237, 238, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-dark {
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-dark:hover, .link-dark:focus {
    color: RGBA(21, 20, 20, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(21, 20, 20, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-section-bg {
    color: RGBA(var(--bs-section-bg-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-section-bg-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-section-bg:hover, .link-section-bg:focus {
    color: RGBA(249, 249, 249, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 249, 249, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-body-text {
    color: RGBA(var(--bs-body-text-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-body-text-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-body-text:hover, .link-body-text:focus {
    color: RGBA(60, 68, 79, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(60, 68, 79, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-muted-text {
    color: RGBA(var(--bs-muted-text-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-muted-text-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-muted-text:hover, .link-muted-text:focus {
    color: RGBA(86, 91, 102, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 91, 102, var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-body-emphasis:hover, .link-body-emphasis:focus {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  }
  .focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  }
  .icon-link {
    display: inline-flex;
    gap: 0.375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: 0.25em;
    backface-visibility: hidden;
  }
  .icon-link > .bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: 0.2s ease-in-out transform;
  }
  @media (prefers-reduced-motion: reduce) {
    .icon-link > .bi {
      transition: none;
    }
  }
  .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
    transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
  }
  .ratio {
    position: relative;
    width: 100%;
  }
  .ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
  }
  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ratio-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-4x3 {
    --bs-aspect-ratio: 75%;
  }
  .ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
  }
  .ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  @media (min-width: 576px) {
    .sticky-sm-top {
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-sm-bottom {
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
  }
  @media (min-width: 768px) {
    .sticky-md-top {
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-md-bottom {
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
  }
  @media (min-width: 992px) {
    .sticky-lg-top {
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-lg-bottom {
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
  }
  @media (min-width: 1200px) {
    .sticky-xl-top {
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-xl-bottom {
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
  }
  @media (min-width: 1400px) {
    .sticky-xxl-top {
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-xxl-bottom {
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
  }
  .hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
  }
  .vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
  }
  .visually-hidden,
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .visually-hidden:not(caption),
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important;
  }
  .visually-hidden *,
  .visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden !important;
  }
  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
  }
  .align-baseline {
    vertical-align: baseline !important;
  }
  .align-top {
    vertical-align: top !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .align-bottom {
    vertical-align: bottom !important;
  }
  .align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .align-text-top {
    vertical-align: text-top !important;
  }
  .float-start {
    float: left !important;
  }
  .float-end {
    float: right !important;
  }
  .float-none {
    float: none !important;
  }
  .object-fit-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-25 {
    opacity: 0.25 !important;
  }
  .opacity-50 {
    opacity: 0.5 !important;
  }
  .opacity-75 {
    opacity: 0.75 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-scroll {
    overflow: scroll !important;
  }
  .overflow-x-auto {
    overflow-x: auto !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-x-visible {
    overflow-x: visible !important;
  }
  .overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-y-visible {
    overflow-y: visible !important;
  }
  .overflow-y-scroll {
    overflow-y: scroll !important;
  }
  .d-inline {
    display: inline !important;
  }
  .d-inline-block {
    display: inline-block !important;
  }
  .d-block {
    display: block !important;
  }
  .d-grid {
    display: grid !important;
  }
  .d-inline-grid {
    display: inline-grid !important;
  }
  .d-table {
    display: table !important;
  }
  .d-table-row {
    display: table-row !important;
  }
  .d-table-cell {
    display: table-cell !important;
  }
  .d-flex {
    display: flex !important;
  }
  .d-inline-flex {
    display: inline-flex !important;
  }
  .d-none {
    display: none !important;
  }
  .shadow {
    box-shadow: var(--bs-box-shadow) !important;
  }
  .shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important;
  }
  .shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important;
  }
  .shadow-none {
    box-shadow: none !important;
  }
  .focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-section-bg {
    --bs-focus-ring-color: rgba(var(--bs-section-bg-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-body-text {
    --bs-focus-ring-color: rgba(var(--bs-body-text-rgb), var(--bs-focus-ring-opacity));
  }
  .focus-ring-muted-text {
    --bs-focus-ring-color: rgba(var(--bs-muted-text-rgb), var(--bs-focus-ring-opacity));
  }
  .position-static {
    position: static !important;
  }
  .position-relative {
    position: relative !important;
  }
  .position-absolute {
    position: absolute !important;
  }
  .position-fixed {
    position: fixed !important;
  }
  .position-sticky {
    position: sticky !important;
  }
  .top-0 {
    top: 0 !important;
  }
  .top-50 {
    top: 50% !important;
  }
  .top-100 {
    top: 100% !important;
  }
  .bottom-0 {
    bottom: 0 !important;
  }
  .bottom-50 {
    bottom: 50% !important;
  }
  .bottom-100 {
    bottom: 100% !important;
  }
  .start-0 {
    left: 0 !important;
  }
  .start-50 {
    left: 50% !important;
  }
  .start-100 {
    left: 100% !important;
  }
  .end-0 {
    right: 0 !important;
  }
  .end-50 {
    right: 50% !important;
  }
  .end-100 {
    right: 100% !important;
  }
  .translate-middle {
    transform: translate(-50%, -50%) !important;
  }
  .translate-middle-x {
    transform: translateX(-50%) !important;
  }
  .translate-middle-y {
    transform: translateY(-50%) !important;
  }
  .border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .border-0 {
    border: 0 !important;
  }
  .border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .border-top-0 {
    border-top: 0 !important;
  }
  .border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .border-end-0 {
    border-right: 0 !important;
  }
  .border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .border-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .border-start-0 {
    border-left: 0 !important;
  }
  .border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
  }
  .border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
  }
  .border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
  }
  .border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
  }
  .border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  }
  .border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
  }
  .border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
  }
  .border-section-bg {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-section-bg-rgb), var(--bs-border-opacity)) !important;
  }
  .border-body-text {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-body-text-rgb), var(--bs-border-opacity)) !important;
  }
  .border-muted-text {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-muted-text-rgb), var(--bs-border-opacity)) !important;
  }
  .border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
  }
  .border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
  }
  .border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important;
  }
  .border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important;
  }
  .border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important;
  }
  .border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important;
  }
  .border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important;
  }
  .border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important;
  }
  .border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important;
  }
  .border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important;
  }
  .border-1 {
    border-width: 1px !important;
  }
  .border-2 {
    border-width: 2px !important;
  }
  .border-3 {
    border-width: 3px !important;
  }
  .border-4 {
    border-width: 4px !important;
  }
  .border-5 {
    border-width: 5px !important;
  }
  .border-opacity-10 {
    --bs-border-opacity: 0.1;
  }
  .border-opacity-25 {
    --bs-border-opacity: 0.25;
  }
  .border-opacity-50 {
    --bs-border-opacity: 0.5;
  }
  .border-opacity-75 {
    --bs-border-opacity: 0.75;
  }
  .border-opacity-100 {
    --bs-border-opacity: 1;
  }
  .w-25 {
    width: 25% !important;
  }
  .w-50 {
    width: 50% !important;
  }
  .w-75 {
    width: 75% !important;
  }
  .w-100 {
    width: 100% !important;
  }
  .w-auto {
    width: auto !important;
  }
  .mw-100 {
    max-width: 100% !important;
  }
  .vw-100 {
    width: 100vw !important;
  }
  .min-vw-100 {
    min-width: 100vw !important;
  }
  .h-25 {
    height: 25% !important;
  }
  .h-50 {
    height: 50% !important;
  }
  .h-75 {
    height: 75% !important;
  }
  .h-100 {
    height: 100% !important;
  }
  .h-auto {
    height: auto !important;
  }
  .mh-100 {
    max-height: 100% !important;
  }
  .vh-100 {
    height: 100vh !important;
  }
  .min-vh-100 {
    min-height: 100vh !important;
  }
  .flex-fill {
    flex: 1 1 auto !important;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-start {
    justify-content: flex-start !important;
  }
  .justify-content-end {
    justify-content: flex-end !important;
  }
  .justify-content-center {
    justify-content: center !important;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .justify-content-around {
    justify-content: space-around !important;
  }
  .justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-start {
    align-items: flex-start !important;
  }
  .align-items-end {
    align-items: flex-end !important;
  }
  .align-items-center {
    align-items: center !important;
  }
  .align-items-baseline {
    align-items: baseline !important;
  }
  .align-items-stretch {
    align-items: stretch !important;
  }
  .align-content-start {
    align-content: flex-start !important;
  }
  .align-content-end {
    align-content: flex-end !important;
  }
  .align-content-center {
    align-content: center !important;
  }
  .align-content-between {
    align-content: space-between !important;
  }
  .align-content-around {
    align-content: space-around !important;
  }
  .align-content-stretch {
    align-content: stretch !important;
  }
  .align-self-auto {
    align-self: auto !important;
  }
  .align-self-start {
    align-self: flex-start !important;
  }
  .align-self-end {
    align-self: flex-end !important;
  }
  .align-self-center {
    align-self: center !important;
  }
  .align-self-baseline {
    align-self: baseline !important;
  }
  .align-self-stretch {
    align-self: stretch !important;
  }
  .order-first {
    order: -1 !important;
  }
  .order-0 {
    order: 0 !important;
  }
  .order-1 {
    order: 1 !important;
  }
  .order-2 {
    order: 2 !important;
  }
  .order-3 {
    order: 3 !important;
  }
  .order-4 {
    order: 4 !important;
  }
  .order-5 {
    order: 5 !important;
  }
  .order-last {
    order: 6 !important;
  }
  .m-0 {
    margin: 0 !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .m-3 {
    margin: 1rem !important;
  }
  .m-4 {
    margin: 1.5rem !important;
  }
  .m-5 {
    margin: 3rem !important;
  }
  .m-6 {
    margin: 4rem !important;
  }
  .m-7 {
    margin: 5rem !important;
  }
  .m-8 {
    margin: 6rem !important;
  }
  .m-9 {
    margin: 7.5rem !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-6 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-9 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }
  .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-9 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .mt-3 {
    margin-top: 1rem !important;
  }
  .mt-4 {
    margin-top: 1.5rem !important;
  }
  .mt-5 {
    margin-top: 3rem !important;
  }
  .mt-6 {
    margin-top: 4rem !important;
  }
  .mt-7 {
    margin-top: 5rem !important;
  }
  .mt-8 {
    margin-top: 6rem !important;
  }
  .mt-9 {
    margin-top: 7.5rem !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .me-0 {
    margin-right: 0 !important;
  }
  .me-1 {
    margin-right: 0.25rem !important;
  }
  .me-2 {
    margin-right: 0.5rem !important;
  }
  .me-3 {
    margin-right: 1rem !important;
  }
  .me-4 {
    margin-right: 1.5rem !important;
  }
  .me-5 {
    margin-right: 3rem !important;
  }
  .me-6 {
    margin-right: 4rem !important;
  }
  .me-7 {
    margin-right: 5rem !important;
  }
  .me-8 {
    margin-right: 6rem !important;
  }
  .me-9 {
    margin-right: 7.5rem !important;
  }
  .me-auto {
    margin-right: auto !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-3 {
    margin-bottom: 1rem !important;
  }
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-5 {
    margin-bottom: 3rem !important;
  }
  .mb-6 {
    margin-bottom: 4rem !important;
  }
  .mb-7 {
    margin-bottom: 5rem !important;
  }
  .mb-8 {
    margin-bottom: 6rem !important;
  }
  .mb-9 {
    margin-bottom: 7.5rem !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ms-0 {
    margin-left: 0 !important;
  }
  .ms-1 {
    margin-left: 0.25rem !important;
  }
  .ms-2 {
    margin-left: 0.5rem !important;
  }
  .ms-3 {
    margin-left: 1rem !important;
  }
  .ms-4 {
    margin-left: 1.5rem !important;
  }
  .ms-5 {
    margin-left: 3rem !important;
  }
  .ms-6 {
    margin-left: 4rem !important;
  }
  .ms-7 {
    margin-left: 5rem !important;
  }
  .ms-8 {
    margin-left: 6rem !important;
  }
  .ms-9 {
    margin-left: 7.5rem !important;
  }
  .ms-auto {
    margin-left: auto !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .p-3 {
    padding: 1rem !important;
  }
  .p-4 {
    padding: 1.5rem !important;
  }
  .p-5 {
    padding: 3rem !important;
  }
  .p-6 {
    padding: 4rem !important;
  }
  .p-7 {
    padding: 5rem !important;
  }
  .p-8 {
    padding: 6rem !important;
  }
  .p-9 {
    padding: 7.5rem !important;
  }
  .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-6 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .px-9 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-9 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pt-3 {
    padding-top: 1rem !important;
  }
  .pt-4 {
    padding-top: 1.5rem !important;
  }
  .pt-5 {
    padding-top: 3rem !important;
  }
  .pt-6 {
    padding-top: 4rem !important;
  }
  .pt-7 {
    padding-top: 5rem !important;
  }
  .pt-8 {
    padding-top: 6rem !important;
  }
  .pt-9 {
    padding-top: 7.5rem !important;
  }
  .pe-0 {
    padding-right: 0 !important;
  }
  .pe-1 {
    padding-right: 0.25rem !important;
  }
  .pe-2 {
    padding-right: 0.5rem !important;
  }
  .pe-3 {
    padding-right: 1rem !important;
  }
  .pe-4 {
    padding-right: 1.5rem !important;
  }
  .pe-5 {
    padding-right: 3rem !important;
  }
  .pe-6 {
    padding-right: 4rem !important;
  }
  .pe-7 {
    padding-right: 5rem !important;
  }
  .pe-8 {
    padding-right: 6rem !important;
  }
  .pe-9 {
    padding-right: 7.5rem !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-3 {
    padding-bottom: 1rem !important;
  }
  .pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-5 {
    padding-bottom: 3rem !important;
  }
  .pb-6 {
    padding-bottom: 4rem !important;
  }
  .pb-7 {
    padding-bottom: 5rem !important;
  }
  .pb-8 {
    padding-bottom: 6rem !important;
  }
  .pb-9 {
    padding-bottom: 7.5rem !important;
  }
  .ps-0 {
    padding-left: 0 !important;
  }
  .ps-1 {
    padding-left: 0.25rem !important;
  }
  .ps-2 {
    padding-left: 0.5rem !important;
  }
  .ps-3 {
    padding-left: 1rem !important;
  }
  .ps-4 {
    padding-left: 1.5rem !important;
  }
  .ps-5 {
    padding-left: 3rem !important;
  }
  .ps-6 {
    padding-left: 4rem !important;
  }
  .ps-7 {
    padding-left: 5rem !important;
  }
  .ps-8 {
    padding-left: 6rem !important;
  }
  .ps-9 {
    padding-left: 7.5rem !important;
  }
  .gap-0 {
    gap: 0 !important;
  }
  .gap-1 {
    gap: 0.25rem !important;
  }
  .gap-2 {
    gap: 0.5rem !important;
  }
  .gap-3 {
    gap: 1rem !important;
  }
  .gap-4 {
    gap: 1.5rem !important;
  }
  .gap-5 {
    gap: 3rem !important;
  }
  .gap-6 {
    gap: 4rem !important;
  }
  .gap-7 {
    gap: 5rem !important;
  }
  .gap-8 {
    gap: 6rem !important;
  }
  .gap-9 {
    gap: 7.5rem !important;
  }
  .row-gap-0 {
    row-gap: 0 !important;
  }
  .row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-3 {
    row-gap: 1rem !important;
  }
  .row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-5 {
    row-gap: 3rem !important;
  }
  .row-gap-6 {
    row-gap: 4rem !important;
  }
  .row-gap-7 {
    row-gap: 5rem !important;
  }
  .row-gap-8 {
    row-gap: 6rem !important;
  }
  .row-gap-9 {
    row-gap: 7.5rem !important;
  }
  .column-gap-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .column-gap-6 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .column-gap-7 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
  .column-gap-8 {
    -moz-column-gap: 6rem !important;
         column-gap: 6rem !important;
  }
  .column-gap-9 {
    -moz-column-gap: 7.5rem !important;
         column-gap: 7.5rem !important;
  }
  .font-monospace {
    font-family: var(--bs-font-monospace) !important;
  }
  .fs-1 {
    font-size: calc(1.475rem + 2.7vw) !important;
  }
  .fs-2 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
  .fs-4 {
    font-size: 1.25rem !important;
  }
  .fs-5 {
    font-size: 1.125rem !important;
  }
  .fs-6 {
    font-size: 1rem !important;
  }
  .fst-italic {
    font-style: italic !important;
  }
  .fst-normal {
    font-style: normal !important;
  }
  .fw-lighter {
    font-weight: lighter !important;
  }
  .fw-light {
    font-weight: 300 !important;
  }
  .fw-normal {
    font-weight: 400 !important;
  }
  .fw-medium {
    font-weight: 500 !important;
  }
  .fw-semibold {
    font-weight: 600 !important;
  }
  .fw-bold {
    font-weight: 700 !important;
  }
  .fw-bolder {
    font-weight: bolder !important;
  }
  .lh-1 {
    line-height: 1 !important;
  }
  .lh-sm {
    line-height: 1.25 !important;
  }
  .lh-base {
    line-height: 1.6 !important;
  }
  .lh-lg {
    line-height: 2 !important;
  }
  .text-start {
    text-align: left !important;
  }
  .text-end {
    text-align: right !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-decoration-none {
    text-decoration: none !important;
  }
  .text-decoration-underline {
    text-decoration: underline !important;
  }
  .text-decoration-line-through {
    text-decoration: line-through !important;
  }
  .text-lowercase {
    text-transform: lowercase !important;
  }
  .text-uppercase {
    text-transform: uppercase !important;
  }
  .text-capitalize {
    text-transform: capitalize !important;
  }
  .text-wrap {
    white-space: normal !important;
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  /* rtl:begin:remove */
  .text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  /* rtl:end:remove */
  .text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
  }
  .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
  }
  .text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
  }
  .text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
  }
  .text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
  }
  .text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
  }
  .text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
  }
  .text-section-bg {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-section-bg-rgb), var(--bs-text-opacity)) !important;
  }
  .text-body-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-text-rgb), var(--bs-text-opacity)) !important;
  }
  .text-muted-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-muted-text-rgb), var(--bs-text-opacity)) !important;
  }
  .text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
  }
  .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
  }
  .text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
  }
  .text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
  }
  .text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
  }
  .text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important;
  }
  .text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important;
  }
  .text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
  }
  .text-opacity-25 {
    --bs-text-opacity: 0.25;
  }
  .text-opacity-50 {
    --bs-text-opacity: 0.5;
  }
  .text-opacity-75 {
    --bs-text-opacity: 0.75;
  }
  .text-opacity-100 {
    --bs-text-opacity: 1;
  }
  .text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important;
  }
  .text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important;
  }
  .text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important;
  }
  .text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important;
  }
  .text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important;
  }
  .text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important;
  }
  .text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important;
  }
  .text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important;
  }
  .link-opacity-10 {
    --bs-link-opacity: 0.1;
  }
  .link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1;
  }
  .link-opacity-25 {
    --bs-link-opacity: 0.25;
  }
  .link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25;
  }
  .link-opacity-50 {
    --bs-link-opacity: 0.5;
  }
  .link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5;
  }
  .link-opacity-75 {
    --bs-link-opacity: 0.75;
  }
  .link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75;
  }
  .link-opacity-100 {
    --bs-link-opacity: 1;
  }
  .link-opacity-100-hover:hover {
    --bs-link-opacity: 1;
  }
  .link-offset-1 {
    text-underline-offset: 0.125em !important;
  }
  .link-offset-1-hover:hover {
    text-underline-offset: 0.125em !important;
  }
  .link-offset-2 {
    text-underline-offset: 0.25em !important;
  }
  .link-offset-2-hover:hover {
    text-underline-offset: 0.25em !important;
  }
  .link-offset-3 {
    text-underline-offset: 0.375em !important;
  }
  .link-offset-3-hover:hover {
    text-underline-offset: 0.375em !important;
  }
  .link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-section-bg {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-section-bg-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-body-text {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-body-text-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline-muted-text {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-muted-text-rgb), var(--bs-link-underline-opacity)) !important;
  }
  .link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  }
  .link-underline-opacity-0 {
    --bs-link-underline-opacity: 0;
  }
  .link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0;
  }
  .link-underline-opacity-10 {
    --bs-link-underline-opacity: 0.1;
  }
  .link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1;
  }
  .link-underline-opacity-25 {
    --bs-link-underline-opacity: 0.25;
  }
  .link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25;
  }
  .link-underline-opacity-50 {
    --bs-link-underline-opacity: 0.5;
  }
  .link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5;
  }
  .link-underline-opacity-75 {
    --bs-link-underline-opacity: 0.75;
  }
  .link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75;
  }
  .link-underline-opacity-100 {
    --bs-link-underline-opacity: 1;
  }
  .link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1;
  }
  .bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-dark, .va-bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-section-bg {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-section-bg-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-body-text {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-text-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-muted-text {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-muted-text-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-white, .va-bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
  }
  .bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
  }
  .bg-opacity-10 {
    --bs-bg-opacity: 0.1;
  }
  .bg-opacity-25 {
    --bs-bg-opacity: 0.25;
  }
  .bg-opacity-50 {
    --bs-bg-opacity: 0.5;
  }
  .bg-opacity-75 {
    --bs-bg-opacity: 0.75;
  }
  .bg-opacity-100 {
    --bs-bg-opacity: 1;
  }
  .bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important;
  }
  .bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important;
  }
  .bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
  }
  .bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important;
  }
  .bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important;
  }
  .bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important;
  }
  .bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important;
  }
  .bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important;
  }
  .bg-gradient {
    background-image: var(--bs-gradient) !important;
  }
  .user-select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
            user-select: all !important;
  }
  .user-select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
            user-select: auto !important;
  }
  .user-select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
            user-select: none !important;
  }
  .pe-none {
    pointer-events: none !important;
  }
  .pe-auto {
    pointer-events: auto !important;
  }
  .rounded {
    border-radius: var(--bs-border-radius) !important;
  }
  .rounded-0 {
    border-radius: 0 !important;
  }
  .rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important;
  }
  .rounded-2 {
    border-radius: var(--bs-border-radius) !important;
  }
  .rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
  }
  .rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important;
  }
  .rounded-circle {
    border-radius: 50% !important;
  }
  .rounded-pill, .va-btn--pill {
    border-radius: var(--bs-border-radius-pill) !important;
  }
  .rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
  }
  .rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important;
  }
  .rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
  }
  .rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important;
  }
  .rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
  }
  .rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important;
  }
  .rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
  }
  .rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  }
  .rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
  }
  .rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  }
  .rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  }
  .rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  }
  .rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
  }
  .rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  }
  .rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
  }
  .rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  }
  .rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  }
  .rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  }
  .rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
  }
  .rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important;
  }
  .rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
  }
  .rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important;
  }
  .rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
  }
  .rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important;
  }
  .rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important;
  }
  .visible {
    visibility: visible !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .z-n1 {
    z-index: -1 !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-1 {
    z-index: 1 !important;
  }
  .z-2 {
    z-index: 2 !important;
  }
  .z-3 {
    z-index: 3 !important;
  }
  .bg-section-bg {
    background-color: #F7F7F8 !important;
  }
  .transition-base {
    transition: all 0.2s ease-in-out !important;
  }
  .transition-fast {
    transition: all 0.12s ease-in-out !important;
  }
  .transition-slow {
    transition: all 0.35s ease-in-out !important;
  }
  .transition-bounce {
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  }
  .tracking-tight {
    letter-spacing: -0.01em !important;
  }
  .tracking-normal {
    letter-spacing: 0 !important;
  }
  .tracking-wide {
    letter-spacing: 0.02em !important;
  }
  .tracking-wider {
    letter-spacing: 0.06em !important;
  }
  .lh-tight {
    line-height: 1.15 !important;
  }
  .lh-snug {
    line-height: 1.3 !important;
  }
  .max-w-prose {
    max-width: 65ch !important;
  }
  .max-w-narrow {
    max-width: 53.75rem !important;
  }
  .max-w-wide {
    max-width: 90rem !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-grab {
    cursor: grab !important;
  }
  .object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .pe-none {
    pointer-events: none !important;
  }
  .pe-auto {
    pointer-events: auto !important;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-10 {
    opacity: 0.1 !important;
  }
  .opacity-25 {
    opacity: 0.25 !important;
  }
  .opacity-50 {
    opacity: 0.5 !important;
  }
  .opacity-75 {
    opacity: 0.75 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-1 {
    z-index: 1 !important;
  }
  .z-2 {
    z-index: 2 !important;
  }
  .z-3 {
    z-index: 3 !important;
  }
  .z-n1 {
    z-index: -1 !important;
  }
  .ratio-1x1 {
    aspect-ratio: 1 !important;
  }
  .ratio-4x3 {
    aspect-ratio: 1.3333333333 !important;
  }
  .ratio-16x9 {
    aspect-ratio: 1.7777777778 !important;
  }
  .ratio-21x9 {
    aspect-ratio: 2.3333333333 !important;
  }
  @media (min-width: 576px) {
    .float-sm-start {
      float: left !important;
    }
    .float-sm-end {
      float: right !important;
    }
    .float-sm-none {
      float: none !important;
    }
    .object-fit-sm-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
    .object-fit-sm-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
    }
    .object-fit-sm-fill {
      -o-object-fit: fill !important;
         object-fit: fill !important;
    }
    .object-fit-sm-scale {
      -o-object-fit: scale-down !important;
         object-fit: scale-down !important;
    }
    .object-fit-sm-none {
      -o-object-fit: none !important;
         object-fit: none !important;
    }
    .d-sm-inline {
      display: inline !important;
    }
    .d-sm-inline-block {
      display: inline-block !important;
    }
    .d-sm-block {
      display: block !important;
    }
    .d-sm-grid {
      display: grid !important;
    }
    .d-sm-inline-grid {
      display: inline-grid !important;
    }
    .d-sm-table {
      display: table !important;
    }
    .d-sm-table-row {
      display: table-row !important;
    }
    .d-sm-table-cell {
      display: table-cell !important;
    }
    .d-sm-flex {
      display: flex !important;
    }
    .d-sm-inline-flex {
      display: inline-flex !important;
    }
    .d-sm-none {
      display: none !important;
    }
    .flex-sm-fill {
      flex: 1 1 auto !important;
    }
    .flex-sm-row {
      flex-direction: row !important;
    }
    .flex-sm-column {
      flex-direction: column !important;
    }
    .flex-sm-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
      flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
      justify-content: flex-start !important;
    }
    .justify-content-sm-end {
      justify-content: flex-end !important;
    }
    .justify-content-sm-center {
      justify-content: center !important;
    }
    .justify-content-sm-between {
      justify-content: space-between !important;
    }
    .justify-content-sm-around {
      justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-sm-start {
      align-items: flex-start !important;
    }
    .align-items-sm-end {
      align-items: flex-end !important;
    }
    .align-items-sm-center {
      align-items: center !important;
    }
    .align-items-sm-baseline {
      align-items: baseline !important;
    }
    .align-items-sm-stretch {
      align-items: stretch !important;
    }
    .align-content-sm-start {
      align-content: flex-start !important;
    }
    .align-content-sm-end {
      align-content: flex-end !important;
    }
    .align-content-sm-center {
      align-content: center !important;
    }
    .align-content-sm-between {
      align-content: space-between !important;
    }
    .align-content-sm-around {
      align-content: space-around !important;
    }
    .align-content-sm-stretch {
      align-content: stretch !important;
    }
    .align-self-sm-auto {
      align-self: auto !important;
    }
    .align-self-sm-start {
      align-self: flex-start !important;
    }
    .align-self-sm-end {
      align-self: flex-end !important;
    }
    .align-self-sm-center {
      align-self: center !important;
    }
    .align-self-sm-baseline {
      align-self: baseline !important;
    }
    .align-self-sm-stretch {
      align-self: stretch !important;
    }
    .order-sm-first {
      order: -1 !important;
    }
    .order-sm-0 {
      order: 0 !important;
    }
    .order-sm-1 {
      order: 1 !important;
    }
    .order-sm-2 {
      order: 2 !important;
    }
    .order-sm-3 {
      order: 3 !important;
    }
    .order-sm-4 {
      order: 4 !important;
    }
    .order-sm-5 {
      order: 5 !important;
    }
    .order-sm-last {
      order: 6 !important;
    }
    .m-sm-0 {
      margin: 0 !important;
    }
    .m-sm-1 {
      margin: 0.25rem !important;
    }
    .m-sm-2 {
      margin: 0.5rem !important;
    }
    .m-sm-3 {
      margin: 1rem !important;
    }
    .m-sm-4 {
      margin: 1.5rem !important;
    }
    .m-sm-5 {
      margin: 3rem !important;
    }
    .m-sm-6 {
      margin: 4rem !important;
    }
    .m-sm-7 {
      margin: 5rem !important;
    }
    .m-sm-8 {
      margin: 6rem !important;
    }
    .m-sm-9 {
      margin: 7.5rem !important;
    }
    .m-sm-auto {
      margin: auto !important;
    }
    .mx-sm-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-sm-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-sm-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-sm-6 {
      margin-right: 4rem !important;
      margin-left: 4rem !important;
    }
    .mx-sm-7 {
      margin-right: 5rem !important;
      margin-left: 5rem !important;
    }
    .mx-sm-8 {
      margin-right: 6rem !important;
      margin-left: 6rem !important;
    }
    .mx-sm-9 {
      margin-right: 7.5rem !important;
      margin-left: 7.5rem !important;
    }
    .mx-sm-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-sm-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-sm-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-sm-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-sm-6 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .my-sm-7 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .my-sm-8 {
      margin-top: 6rem !important;
      margin-bottom: 6rem !important;
    }
    .my-sm-9 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
    }
    .my-sm-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-sm-0 {
      margin-top: 0 !important;
    }
    .mt-sm-1 {
      margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
      margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
      margin-top: 1rem !important;
    }
    .mt-sm-4 {
      margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
      margin-top: 3rem !important;
    }
    .mt-sm-6 {
      margin-top: 4rem !important;
    }
    .mt-sm-7 {
      margin-top: 5rem !important;
    }
    .mt-sm-8 {
      margin-top: 6rem !important;
    }
    .mt-sm-9 {
      margin-top: 7.5rem !important;
    }
    .mt-sm-auto {
      margin-top: auto !important;
    }
    .me-sm-0 {
      margin-right: 0 !important;
    }
    .me-sm-1 {
      margin-right: 0.25rem !important;
    }
    .me-sm-2 {
      margin-right: 0.5rem !important;
    }
    .me-sm-3 {
      margin-right: 1rem !important;
    }
    .me-sm-4 {
      margin-right: 1.5rem !important;
    }
    .me-sm-5 {
      margin-right: 3rem !important;
    }
    .me-sm-6 {
      margin-right: 4rem !important;
    }
    .me-sm-7 {
      margin-right: 5rem !important;
    }
    .me-sm-8 {
      margin-right: 6rem !important;
    }
    .me-sm-9 {
      margin-right: 7.5rem !important;
    }
    .me-sm-auto {
      margin-right: auto !important;
    }
    .mb-sm-0 {
      margin-bottom: 0 !important;
    }
    .mb-sm-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
      margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
      margin-bottom: 3rem !important;
    }
    .mb-sm-6 {
      margin-bottom: 4rem !important;
    }
    .mb-sm-7 {
      margin-bottom: 5rem !important;
    }
    .mb-sm-8 {
      margin-bottom: 6rem !important;
    }
    .mb-sm-9 {
      margin-bottom: 7.5rem !important;
    }
    .mb-sm-auto {
      margin-bottom: auto !important;
    }
    .ms-sm-0 {
      margin-left: 0 !important;
    }
    .ms-sm-1 {
      margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
      margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
      margin-left: 1rem !important;
    }
    .ms-sm-4 {
      margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
      margin-left: 3rem !important;
    }
    .ms-sm-6 {
      margin-left: 4rem !important;
    }
    .ms-sm-7 {
      margin-left: 5rem !important;
    }
    .ms-sm-8 {
      margin-left: 6rem !important;
    }
    .ms-sm-9 {
      margin-left: 7.5rem !important;
    }
    .ms-sm-auto {
      margin-left: auto !important;
    }
    .p-sm-0 {
      padding: 0 !important;
    }
    .p-sm-1 {
      padding: 0.25rem !important;
    }
    .p-sm-2 {
      padding: 0.5rem !important;
    }
    .p-sm-3 {
      padding: 1rem !important;
    }
    .p-sm-4 {
      padding: 1.5rem !important;
    }
    .p-sm-5 {
      padding: 3rem !important;
    }
    .p-sm-6 {
      padding: 4rem !important;
    }
    .p-sm-7 {
      padding: 5rem !important;
    }
    .p-sm-8 {
      padding: 6rem !important;
    }
    .p-sm-9 {
      padding: 7.5rem !important;
    }
    .px-sm-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-sm-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-sm-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-sm-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-sm-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-sm-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .px-sm-6 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
    }
    .px-sm-7 {
      padding-right: 5rem !important;
      padding-left: 5rem !important;
    }
    .px-sm-8 {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
    }
    .px-sm-9 {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important;
    }
    .py-sm-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-sm-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-sm-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .py-sm-6 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .py-sm-7 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    .py-sm-8 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .py-sm-9 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
    }
    .pt-sm-0 {
      padding-top: 0 !important;
    }
    .pt-sm-1 {
      padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
      padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
      padding-top: 1rem !important;
    }
    .pt-sm-4 {
      padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
      padding-top: 3rem !important;
    }
    .pt-sm-6 {
      padding-top: 4rem !important;
    }
    .pt-sm-7 {
      padding-top: 5rem !important;
    }
    .pt-sm-8 {
      padding-top: 6rem !important;
    }
    .pt-sm-9 {
      padding-top: 7.5rem !important;
    }
    .pe-sm-0 {
      padding-right: 0 !important;
    }
    .pe-sm-1 {
      padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
      padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
      padding-right: 1rem !important;
    }
    .pe-sm-4 {
      padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
      padding-right: 3rem !important;
    }
    .pe-sm-6 {
      padding-right: 4rem !important;
    }
    .pe-sm-7 {
      padding-right: 5rem !important;
    }
    .pe-sm-8 {
      padding-right: 6rem !important;
    }
    .pe-sm-9 {
      padding-right: 7.5rem !important;
    }
    .pb-sm-0 {
      padding-bottom: 0 !important;
    }
    .pb-sm-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
      padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
      padding-bottom: 3rem !important;
    }
    .pb-sm-6 {
      padding-bottom: 4rem !important;
    }
    .pb-sm-7 {
      padding-bottom: 5rem !important;
    }
    .pb-sm-8 {
      padding-bottom: 6rem !important;
    }
    .pb-sm-9 {
      padding-bottom: 7.5rem !important;
    }
    .ps-sm-0 {
      padding-left: 0 !important;
    }
    .ps-sm-1 {
      padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
      padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
      padding-left: 1rem !important;
    }
    .ps-sm-4 {
      padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
      padding-left: 3rem !important;
    }
    .ps-sm-6 {
      padding-left: 4rem !important;
    }
    .ps-sm-7 {
      padding-left: 5rem !important;
    }
    .ps-sm-8 {
      padding-left: 6rem !important;
    }
    .ps-sm-9 {
      padding-left: 7.5rem !important;
    }
    .gap-sm-0 {
      gap: 0 !important;
    }
    .gap-sm-1 {
      gap: 0.25rem !important;
    }
    .gap-sm-2 {
      gap: 0.5rem !important;
    }
    .gap-sm-3 {
      gap: 1rem !important;
    }
    .gap-sm-4 {
      gap: 1.5rem !important;
    }
    .gap-sm-5 {
      gap: 3rem !important;
    }
    .gap-sm-6 {
      gap: 4rem !important;
    }
    .gap-sm-7 {
      gap: 5rem !important;
    }
    .gap-sm-8 {
      gap: 6rem !important;
    }
    .gap-sm-9 {
      gap: 7.5rem !important;
    }
    .row-gap-sm-0 {
      row-gap: 0 !important;
    }
    .row-gap-sm-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-sm-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-sm-3 {
      row-gap: 1rem !important;
    }
    .row-gap-sm-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-sm-5 {
      row-gap: 3rem !important;
    }
    .row-gap-sm-6 {
      row-gap: 4rem !important;
    }
    .row-gap-sm-7 {
      row-gap: 5rem !important;
    }
    .row-gap-sm-8 {
      row-gap: 6rem !important;
    }
    .row-gap-sm-9 {
      row-gap: 7.5rem !important;
    }
    .column-gap-sm-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }
    .column-gap-sm-1 {
      -moz-column-gap: 0.25rem !important;
           column-gap: 0.25rem !important;
    }
    .column-gap-sm-2 {
      -moz-column-gap: 0.5rem !important;
           column-gap: 0.5rem !important;
    }
    .column-gap-sm-3 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
    }
    .column-gap-sm-4 {
      -moz-column-gap: 1.5rem !important;
           column-gap: 1.5rem !important;
    }
    .column-gap-sm-5 {
      -moz-column-gap: 3rem !important;
           column-gap: 3rem !important;
    }
    .column-gap-sm-6 {
      -moz-column-gap: 4rem !important;
           column-gap: 4rem !important;
    }
    .column-gap-sm-7 {
      -moz-column-gap: 5rem !important;
           column-gap: 5rem !important;
    }
    .column-gap-sm-8 {
      -moz-column-gap: 6rem !important;
           column-gap: 6rem !important;
    }
    .column-gap-sm-9 {
      -moz-column-gap: 7.5rem !important;
           column-gap: 7.5rem !important;
    }
    .text-sm-start {
      text-align: left !important;
    }
    .text-sm-end {
      text-align: right !important;
    }
    .text-sm-center {
      text-align: center !important;
    }
    .tracking-sm-tight {
      letter-spacing: -0.01em !important;
    }
    .tracking-sm-normal {
      letter-spacing: 0 !important;
    }
    .tracking-sm-wide {
      letter-spacing: 0.02em !important;
    }
    .tracking-sm-wider {
      letter-spacing: 0.06em !important;
    }
    .max-w-sm-prose {
      max-width: 65ch !important;
    }
    .max-w-sm-narrow {
      max-width: 53.75rem !important;
    }
    .max-w-sm-wide {
      max-width: 90rem !important;
    }
  }
  @media (min-width: 768px) {
    .float-md-start {
      float: left !important;
    }
    .float-md-end {
      float: right !important;
    }
    .float-md-none {
      float: none !important;
    }
    .object-fit-md-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
    .object-fit-md-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
    }
    .object-fit-md-fill {
      -o-object-fit: fill !important;
         object-fit: fill !important;
    }
    .object-fit-md-scale {
      -o-object-fit: scale-down !important;
         object-fit: scale-down !important;
    }
    .object-fit-md-none {
      -o-object-fit: none !important;
         object-fit: none !important;
    }
    .d-md-inline {
      display: inline !important;
    }
    .d-md-inline-block {
      display: inline-block !important;
    }
    .d-md-block {
      display: block !important;
    }
    .d-md-grid {
      display: grid !important;
    }
    .d-md-inline-grid {
      display: inline-grid !important;
    }
    .d-md-table {
      display: table !important;
    }
    .d-md-table-row {
      display: table-row !important;
    }
    .d-md-table-cell {
      display: table-cell !important;
    }
    .d-md-flex {
      display: flex !important;
    }
    .d-md-inline-flex {
      display: inline-flex !important;
    }
    .d-md-none {
      display: none !important;
    }
    .flex-md-fill {
      flex: 1 1 auto !important;
    }
    .flex-md-row {
      flex-direction: row !important;
    }
    .flex-md-column {
      flex-direction: column !important;
    }
    .flex-md-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-md-wrap {
      flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-md-start {
      justify-content: flex-start !important;
    }
    .justify-content-md-end {
      justify-content: flex-end !important;
    }
    .justify-content-md-center {
      justify-content: center !important;
    }
    .justify-content-md-between {
      justify-content: space-between !important;
    }
    .justify-content-md-around {
      justify-content: space-around !important;
    }
    .justify-content-md-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-md-start {
      align-items: flex-start !important;
    }
    .align-items-md-end {
      align-items: flex-end !important;
    }
    .align-items-md-center {
      align-items: center !important;
    }
    .align-items-md-baseline {
      align-items: baseline !important;
    }
    .align-items-md-stretch {
      align-items: stretch !important;
    }
    .align-content-md-start {
      align-content: flex-start !important;
    }
    .align-content-md-end {
      align-content: flex-end !important;
    }
    .align-content-md-center {
      align-content: center !important;
    }
    .align-content-md-between {
      align-content: space-between !important;
    }
    .align-content-md-around {
      align-content: space-around !important;
    }
    .align-content-md-stretch {
      align-content: stretch !important;
    }
    .align-self-md-auto {
      align-self: auto !important;
    }
    .align-self-md-start {
      align-self: flex-start !important;
    }
    .align-self-md-end {
      align-self: flex-end !important;
    }
    .align-self-md-center {
      align-self: center !important;
    }
    .align-self-md-baseline {
      align-self: baseline !important;
    }
    .align-self-md-stretch {
      align-self: stretch !important;
    }
    .order-md-first {
      order: -1 !important;
    }
    .order-md-0 {
      order: 0 !important;
    }
    .order-md-1 {
      order: 1 !important;
    }
    .order-md-2 {
      order: 2 !important;
    }
    .order-md-3 {
      order: 3 !important;
    }
    .order-md-4 {
      order: 4 !important;
    }
    .order-md-5 {
      order: 5 !important;
    }
    .order-md-last {
      order: 6 !important;
    }
    .m-md-0 {
      margin: 0 !important;
    }
    .m-md-1 {
      margin: 0.25rem !important;
    }
    .m-md-2 {
      margin: 0.5rem !important;
    }
    .m-md-3 {
      margin: 1rem !important;
    }
    .m-md-4 {
      margin: 1.5rem !important;
    }
    .m-md-5 {
      margin: 3rem !important;
    }
    .m-md-6 {
      margin: 4rem !important;
    }
    .m-md-7 {
      margin: 5rem !important;
    }
    .m-md-8 {
      margin: 6rem !important;
    }
    .m-md-9 {
      margin: 7.5rem !important;
    }
    .m-md-auto {
      margin: auto !important;
    }
    .mx-md-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-md-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-md-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-md-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-md-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-md-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-md-6 {
      margin-right: 4rem !important;
      margin-left: 4rem !important;
    }
    .mx-md-7 {
      margin-right: 5rem !important;
      margin-left: 5rem !important;
    }
    .mx-md-8 {
      margin-right: 6rem !important;
      margin-left: 6rem !important;
    }
    .mx-md-9 {
      margin-right: 7.5rem !important;
      margin-left: 7.5rem !important;
    }
    .mx-md-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-md-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-md-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-md-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-md-6 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .my-md-7 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .my-md-8 {
      margin-top: 6rem !important;
      margin-bottom: 6rem !important;
    }
    .my-md-9 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
    }
    .my-md-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-md-0 {
      margin-top: 0 !important;
    }
    .mt-md-1 {
      margin-top: 0.25rem !important;
    }
    .mt-md-2 {
      margin-top: 0.5rem !important;
    }
    .mt-md-3 {
      margin-top: 1rem !important;
    }
    .mt-md-4 {
      margin-top: 1.5rem !important;
    }
    .mt-md-5 {
      margin-top: 3rem !important;
    }
    .mt-md-6 {
      margin-top: 4rem !important;
    }
    .mt-md-7 {
      margin-top: 5rem !important;
    }
    .mt-md-8 {
      margin-top: 6rem !important;
    }
    .mt-md-9 {
      margin-top: 7.5rem !important;
    }
    .mt-md-auto {
      margin-top: auto !important;
    }
    .me-md-0 {
      margin-right: 0 !important;
    }
    .me-md-1 {
      margin-right: 0.25rem !important;
    }
    .me-md-2 {
      margin-right: 0.5rem !important;
    }
    .me-md-3 {
      margin-right: 1rem !important;
    }
    .me-md-4 {
      margin-right: 1.5rem !important;
    }
    .me-md-5 {
      margin-right: 3rem !important;
    }
    .me-md-6 {
      margin-right: 4rem !important;
    }
    .me-md-7 {
      margin-right: 5rem !important;
    }
    .me-md-8 {
      margin-right: 6rem !important;
    }
    .me-md-9 {
      margin-right: 7.5rem !important;
    }
    .me-md-auto {
      margin-right: auto !important;
    }
    .mb-md-0 {
      margin-bottom: 0 !important;
    }
    .mb-md-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
      margin-bottom: 1rem !important;
    }
    .mb-md-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
      margin-bottom: 3rem !important;
    }
    .mb-md-6 {
      margin-bottom: 4rem !important;
    }
    .mb-md-7 {
      margin-bottom: 5rem !important;
    }
    .mb-md-8 {
      margin-bottom: 6rem !important;
    }
    .mb-md-9 {
      margin-bottom: 7.5rem !important;
    }
    .mb-md-auto {
      margin-bottom: auto !important;
    }
    .ms-md-0 {
      margin-left: 0 !important;
    }
    .ms-md-1 {
      margin-left: 0.25rem !important;
    }
    .ms-md-2 {
      margin-left: 0.5rem !important;
    }
    .ms-md-3 {
      margin-left: 1rem !important;
    }
    .ms-md-4 {
      margin-left: 1.5rem !important;
    }
    .ms-md-5 {
      margin-left: 3rem !important;
    }
    .ms-md-6 {
      margin-left: 4rem !important;
    }
    .ms-md-7 {
      margin-left: 5rem !important;
    }
    .ms-md-8 {
      margin-left: 6rem !important;
    }
    .ms-md-9 {
      margin-left: 7.5rem !important;
    }
    .ms-md-auto {
      margin-left: auto !important;
    }
    .p-md-0 {
      padding: 0 !important;
    }
    .p-md-1 {
      padding: 0.25rem !important;
    }
    .p-md-2 {
      padding: 0.5rem !important;
    }
    .p-md-3 {
      padding: 1rem !important;
    }
    .p-md-4 {
      padding: 1.5rem !important;
    }
    .p-md-5 {
      padding: 3rem !important;
    }
    .p-md-6 {
      padding: 4rem !important;
    }
    .p-md-7 {
      padding: 5rem !important;
    }
    .p-md-8 {
      padding: 6rem !important;
    }
    .p-md-9 {
      padding: 7.5rem !important;
    }
    .px-md-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-md-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-md-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-md-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-md-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-md-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .px-md-6 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
    }
    .px-md-7 {
      padding-right: 5rem !important;
      padding-left: 5rem !important;
    }
    .px-md-8 {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
    }
    .px-md-9 {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important;
    }
    .py-md-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-md-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-md-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .py-md-6 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .py-md-7 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    .py-md-8 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .py-md-9 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
    }
    .pt-md-0 {
      padding-top: 0 !important;
    }
    .pt-md-1 {
      padding-top: 0.25rem !important;
    }
    .pt-md-2 {
      padding-top: 0.5rem !important;
    }
    .pt-md-3 {
      padding-top: 1rem !important;
    }
    .pt-md-4 {
      padding-top: 1.5rem !important;
    }
    .pt-md-5 {
      padding-top: 3rem !important;
    }
    .pt-md-6 {
      padding-top: 4rem !important;
    }
    .pt-md-7 {
      padding-top: 5rem !important;
    }
    .pt-md-8 {
      padding-top: 6rem !important;
    }
    .pt-md-9 {
      padding-top: 7.5rem !important;
    }
    .pe-md-0 {
      padding-right: 0 !important;
    }
    .pe-md-1 {
      padding-right: 0.25rem !important;
    }
    .pe-md-2 {
      padding-right: 0.5rem !important;
    }
    .pe-md-3 {
      padding-right: 1rem !important;
    }
    .pe-md-4 {
      padding-right: 1.5rem !important;
    }
    .pe-md-5 {
      padding-right: 3rem !important;
    }
    .pe-md-6 {
      padding-right: 4rem !important;
    }
    .pe-md-7 {
      padding-right: 5rem !important;
    }
    .pe-md-8 {
      padding-right: 6rem !important;
    }
    .pe-md-9 {
      padding-right: 7.5rem !important;
    }
    .pb-md-0 {
      padding-bottom: 0 !important;
    }
    .pb-md-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
      padding-bottom: 1rem !important;
    }
    .pb-md-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
      padding-bottom: 3rem !important;
    }
    .pb-md-6 {
      padding-bottom: 4rem !important;
    }
    .pb-md-7 {
      padding-bottom: 5rem !important;
    }
    .pb-md-8 {
      padding-bottom: 6rem !important;
    }
    .pb-md-9 {
      padding-bottom: 7.5rem !important;
    }
    .ps-md-0 {
      padding-left: 0 !important;
    }
    .ps-md-1 {
      padding-left: 0.25rem !important;
    }
    .ps-md-2 {
      padding-left: 0.5rem !important;
    }
    .ps-md-3 {
      padding-left: 1rem !important;
    }
    .ps-md-4 {
      padding-left: 1.5rem !important;
    }
    .ps-md-5 {
      padding-left: 3rem !important;
    }
    .ps-md-6 {
      padding-left: 4rem !important;
    }
    .ps-md-7 {
      padding-left: 5rem !important;
    }
    .ps-md-8 {
      padding-left: 6rem !important;
    }
    .ps-md-9 {
      padding-left: 7.5rem !important;
    }
    .gap-md-0 {
      gap: 0 !important;
    }
    .gap-md-1 {
      gap: 0.25rem !important;
    }
    .gap-md-2 {
      gap: 0.5rem !important;
    }
    .gap-md-3 {
      gap: 1rem !important;
    }
    .gap-md-4 {
      gap: 1.5rem !important;
    }
    .gap-md-5 {
      gap: 3rem !important;
    }
    .gap-md-6 {
      gap: 4rem !important;
    }
    .gap-md-7 {
      gap: 5rem !important;
    }
    .gap-md-8 {
      gap: 6rem !important;
    }
    .gap-md-9 {
      gap: 7.5rem !important;
    }
    .row-gap-md-0 {
      row-gap: 0 !important;
    }
    .row-gap-md-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-md-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-md-3 {
      row-gap: 1rem !important;
    }
    .row-gap-md-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-md-5 {
      row-gap: 3rem !important;
    }
    .row-gap-md-6 {
      row-gap: 4rem !important;
    }
    .row-gap-md-7 {
      row-gap: 5rem !important;
    }
    .row-gap-md-8 {
      row-gap: 6rem !important;
    }
    .row-gap-md-9 {
      row-gap: 7.5rem !important;
    }
    .column-gap-md-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }
    .column-gap-md-1 {
      -moz-column-gap: 0.25rem !important;
           column-gap: 0.25rem !important;
    }
    .column-gap-md-2 {
      -moz-column-gap: 0.5rem !important;
           column-gap: 0.5rem !important;
    }
    .column-gap-md-3 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
    }
    .column-gap-md-4 {
      -moz-column-gap: 1.5rem !important;
           column-gap: 1.5rem !important;
    }
    .column-gap-md-5 {
      -moz-column-gap: 3rem !important;
           column-gap: 3rem !important;
    }
    .column-gap-md-6 {
      -moz-column-gap: 4rem !important;
           column-gap: 4rem !important;
    }
    .column-gap-md-7 {
      -moz-column-gap: 5rem !important;
           column-gap: 5rem !important;
    }
    .column-gap-md-8 {
      -moz-column-gap: 6rem !important;
           column-gap: 6rem !important;
    }
    .column-gap-md-9 {
      -moz-column-gap: 7.5rem !important;
           column-gap: 7.5rem !important;
    }
    .text-md-start {
      text-align: left !important;
    }
    .text-md-end {
      text-align: right !important;
    }
    .text-md-center {
      text-align: center !important;
    }
    .tracking-md-tight {
      letter-spacing: -0.01em !important;
    }
    .tracking-md-normal {
      letter-spacing: 0 !important;
    }
    .tracking-md-wide {
      letter-spacing: 0.02em !important;
    }
    .tracking-md-wider {
      letter-spacing: 0.06em !important;
    }
    .max-w-md-prose {
      max-width: 65ch !important;
    }
    .max-w-md-narrow {
      max-width: 53.75rem !important;
    }
    .max-w-md-wide {
      max-width: 90rem !important;
    }
  }
  @media (min-width: 992px) {
    .float-lg-start {
      float: left !important;
    }
    .float-lg-end {
      float: right !important;
    }
    .float-lg-none {
      float: none !important;
    }
    .object-fit-lg-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
    .object-fit-lg-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
    }
    .object-fit-lg-fill {
      -o-object-fit: fill !important;
         object-fit: fill !important;
    }
    .object-fit-lg-scale {
      -o-object-fit: scale-down !important;
         object-fit: scale-down !important;
    }
    .object-fit-lg-none {
      -o-object-fit: none !important;
         object-fit: none !important;
    }
    .d-lg-inline {
      display: inline !important;
    }
    .d-lg-inline-block {
      display: inline-block !important;
    }
    .d-lg-block {
      display: block !important;
    }
    .d-lg-grid {
      display: grid !important;
    }
    .d-lg-inline-grid {
      display: inline-grid !important;
    }
    .d-lg-table {
      display: table !important;
    }
    .d-lg-table-row {
      display: table-row !important;
    }
    .d-lg-table-cell {
      display: table-cell !important;
    }
    .d-lg-flex {
      display: flex !important;
    }
    .d-lg-inline-flex {
      display: inline-flex !important;
    }
    .d-lg-none {
      display: none !important;
    }
    .flex-lg-fill {
      flex: 1 1 auto !important;
    }
    .flex-lg-row {
      flex-direction: row !important;
    }
    .flex-lg-column {
      flex-direction: column !important;
    }
    .flex-lg-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
      flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-lg-start {
      justify-content: flex-start !important;
    }
    .justify-content-lg-end {
      justify-content: flex-end !important;
    }
    .justify-content-lg-center {
      justify-content: center !important;
    }
    .justify-content-lg-between {
      justify-content: space-between !important;
    }
    .justify-content-lg-around {
      justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-lg-start {
      align-items: flex-start !important;
    }
    .align-items-lg-end {
      align-items: flex-end !important;
    }
    .align-items-lg-center {
      align-items: center !important;
    }
    .align-items-lg-baseline {
      align-items: baseline !important;
    }
    .align-items-lg-stretch {
      align-items: stretch !important;
    }
    .align-content-lg-start {
      align-content: flex-start !important;
    }
    .align-content-lg-end {
      align-content: flex-end !important;
    }
    .align-content-lg-center {
      align-content: center !important;
    }
    .align-content-lg-between {
      align-content: space-between !important;
    }
    .align-content-lg-around {
      align-content: space-around !important;
    }
    .align-content-lg-stretch {
      align-content: stretch !important;
    }
    .align-self-lg-auto {
      align-self: auto !important;
    }
    .align-self-lg-start {
      align-self: flex-start !important;
    }
    .align-self-lg-end {
      align-self: flex-end !important;
    }
    .align-self-lg-center {
      align-self: center !important;
    }
    .align-self-lg-baseline {
      align-self: baseline !important;
    }
    .align-self-lg-stretch {
      align-self: stretch !important;
    }
    .order-lg-first {
      order: -1 !important;
    }
    .order-lg-0 {
      order: 0 !important;
    }
    .order-lg-1 {
      order: 1 !important;
    }
    .order-lg-2 {
      order: 2 !important;
    }
    .order-lg-3 {
      order: 3 !important;
    }
    .order-lg-4 {
      order: 4 !important;
    }
    .order-lg-5 {
      order: 5 !important;
    }
    .order-lg-last {
      order: 6 !important;
    }
    .m-lg-0 {
      margin: 0 !important;
    }
    .m-lg-1 {
      margin: 0.25rem !important;
    }
    .m-lg-2 {
      margin: 0.5rem !important;
    }
    .m-lg-3 {
      margin: 1rem !important;
    }
    .m-lg-4 {
      margin: 1.5rem !important;
    }
    .m-lg-5 {
      margin: 3rem !important;
    }
    .m-lg-6 {
      margin: 4rem !important;
    }
    .m-lg-7 {
      margin: 5rem !important;
    }
    .m-lg-8 {
      margin: 6rem !important;
    }
    .m-lg-9 {
      margin: 7.5rem !important;
    }
    .m-lg-auto {
      margin: auto !important;
    }
    .mx-lg-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-lg-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-lg-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-lg-6 {
      margin-right: 4rem !important;
      margin-left: 4rem !important;
    }
    .mx-lg-7 {
      margin-right: 5rem !important;
      margin-left: 5rem !important;
    }
    .mx-lg-8 {
      margin-right: 6rem !important;
      margin-left: 6rem !important;
    }
    .mx-lg-9 {
      margin-right: 7.5rem !important;
      margin-left: 7.5rem !important;
    }
    .mx-lg-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-lg-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-lg-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-lg-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-lg-6 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .my-lg-7 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .my-lg-8 {
      margin-top: 6rem !important;
      margin-bottom: 6rem !important;
    }
    .my-lg-9 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
    }
    .my-lg-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-lg-0 {
      margin-top: 0 !important;
    }
    .mt-lg-1 {
      margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
      margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
      margin-top: 1rem !important;
    }
    .mt-lg-4 {
      margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
      margin-top: 3rem !important;
    }
    .mt-lg-6 {
      margin-top: 4rem !important;
    }
    .mt-lg-7 {
      margin-top: 5rem !important;
    }
    .mt-lg-8 {
      margin-top: 6rem !important;
    }
    .mt-lg-9 {
      margin-top: 7.5rem !important;
    }
    .mt-lg-auto {
      margin-top: auto !important;
    }
    .me-lg-0 {
      margin-right: 0 !important;
    }
    .me-lg-1 {
      margin-right: 0.25rem !important;
    }
    .me-lg-2 {
      margin-right: 0.5rem !important;
    }
    .me-lg-3 {
      margin-right: 1rem !important;
    }
    .me-lg-4 {
      margin-right: 1.5rem !important;
    }
    .me-lg-5 {
      margin-right: 3rem !important;
    }
    .me-lg-6 {
      margin-right: 4rem !important;
    }
    .me-lg-7 {
      margin-right: 5rem !important;
    }
    .me-lg-8 {
      margin-right: 6rem !important;
    }
    .me-lg-9 {
      margin-right: 7.5rem !important;
    }
    .me-lg-auto {
      margin-right: auto !important;
    }
    .mb-lg-0 {
      margin-bottom: 0 !important;
    }
    .mb-lg-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
      margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
      margin-bottom: 3rem !important;
    }
    .mb-lg-6 {
      margin-bottom: 4rem !important;
    }
    .mb-lg-7 {
      margin-bottom: 5rem !important;
    }
    .mb-lg-8 {
      margin-bottom: 6rem !important;
    }
    .mb-lg-9 {
      margin-bottom: 7.5rem !important;
    }
    .mb-lg-auto {
      margin-bottom: auto !important;
    }
    .ms-lg-0 {
      margin-left: 0 !important;
    }
    .ms-lg-1 {
      margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
      margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
      margin-left: 1rem !important;
    }
    .ms-lg-4 {
      margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
      margin-left: 3rem !important;
    }
    .ms-lg-6 {
      margin-left: 4rem !important;
    }
    .ms-lg-7 {
      margin-left: 5rem !important;
    }
    .ms-lg-8 {
      margin-left: 6rem !important;
    }
    .ms-lg-9 {
      margin-left: 7.5rem !important;
    }
    .ms-lg-auto {
      margin-left: auto !important;
    }
    .p-lg-0 {
      padding: 0 !important;
    }
    .p-lg-1 {
      padding: 0.25rem !important;
    }
    .p-lg-2 {
      padding: 0.5rem !important;
    }
    .p-lg-3 {
      padding: 1rem !important;
    }
    .p-lg-4 {
      padding: 1.5rem !important;
    }
    .p-lg-5 {
      padding: 3rem !important;
    }
    .p-lg-6 {
      padding: 4rem !important;
    }
    .p-lg-7 {
      padding: 5rem !important;
    }
    .p-lg-8 {
      padding: 6rem !important;
    }
    .p-lg-9 {
      padding: 7.5rem !important;
    }
    .px-lg-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-lg-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-lg-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-lg-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-lg-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-lg-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .px-lg-6 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
    }
    .px-lg-7 {
      padding-right: 5rem !important;
      padding-left: 5rem !important;
    }
    .px-lg-8 {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
    }
    .px-lg-9 {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important;
    }
    .py-lg-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-lg-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-lg-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .py-lg-6 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .py-lg-7 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    .py-lg-8 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .py-lg-9 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
    }
    .pt-lg-0 {
      padding-top: 0 !important;
    }
    .pt-lg-1 {
      padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
      padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
      padding-top: 1rem !important;
    }
    .pt-lg-4 {
      padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
      padding-top: 3rem !important;
    }
    .pt-lg-6 {
      padding-top: 4rem !important;
    }
    .pt-lg-7 {
      padding-top: 5rem !important;
    }
    .pt-lg-8 {
      padding-top: 6rem !important;
    }
    .pt-lg-9 {
      padding-top: 7.5rem !important;
    }
    .pe-lg-0 {
      padding-right: 0 !important;
    }
    .pe-lg-1 {
      padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
      padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
      padding-right: 1rem !important;
    }
    .pe-lg-4 {
      padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
      padding-right: 3rem !important;
    }
    .pe-lg-6 {
      padding-right: 4rem !important;
    }
    .pe-lg-7 {
      padding-right: 5rem !important;
    }
    .pe-lg-8 {
      padding-right: 6rem !important;
    }
    .pe-lg-9 {
      padding-right: 7.5rem !important;
    }
    .pb-lg-0 {
      padding-bottom: 0 !important;
    }
    .pb-lg-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
      padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
      padding-bottom: 3rem !important;
    }
    .pb-lg-6 {
      padding-bottom: 4rem !important;
    }
    .pb-lg-7 {
      padding-bottom: 5rem !important;
    }
    .pb-lg-8 {
      padding-bottom: 6rem !important;
    }
    .pb-lg-9 {
      padding-bottom: 7.5rem !important;
    }
    .ps-lg-0 {
      padding-left: 0 !important;
    }
    .ps-lg-1 {
      padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
      padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
      padding-left: 1rem !important;
    }
    .ps-lg-4 {
      padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
      padding-left: 3rem !important;
    }
    .ps-lg-6 {
      padding-left: 4rem !important;
    }
    .ps-lg-7 {
      padding-left: 5rem !important;
    }
    .ps-lg-8 {
      padding-left: 6rem !important;
    }
    .ps-lg-9 {
      padding-left: 7.5rem !important;
    }
    .gap-lg-0 {
      gap: 0 !important;
    }
    .gap-lg-1 {
      gap: 0.25rem !important;
    }
    .gap-lg-2 {
      gap: 0.5rem !important;
    }
    .gap-lg-3 {
      gap: 1rem !important;
    }
    .gap-lg-4 {
      gap: 1.5rem !important;
    }
    .gap-lg-5 {
      gap: 3rem !important;
    }
    .gap-lg-6 {
      gap: 4rem !important;
    }
    .gap-lg-7 {
      gap: 5rem !important;
    }
    .gap-lg-8 {
      gap: 6rem !important;
    }
    .gap-lg-9 {
      gap: 7.5rem !important;
    }
    .row-gap-lg-0 {
      row-gap: 0 !important;
    }
    .row-gap-lg-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-lg-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-lg-3 {
      row-gap: 1rem !important;
    }
    .row-gap-lg-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-lg-5 {
      row-gap: 3rem !important;
    }
    .row-gap-lg-6 {
      row-gap: 4rem !important;
    }
    .row-gap-lg-7 {
      row-gap: 5rem !important;
    }
    .row-gap-lg-8 {
      row-gap: 6rem !important;
    }
    .row-gap-lg-9 {
      row-gap: 7.5rem !important;
    }
    .column-gap-lg-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }
    .column-gap-lg-1 {
      -moz-column-gap: 0.25rem !important;
           column-gap: 0.25rem !important;
    }
    .column-gap-lg-2 {
      -moz-column-gap: 0.5rem !important;
           column-gap: 0.5rem !important;
    }
    .column-gap-lg-3 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
    }
    .column-gap-lg-4 {
      -moz-column-gap: 1.5rem !important;
           column-gap: 1.5rem !important;
    }
    .column-gap-lg-5 {
      -moz-column-gap: 3rem !important;
           column-gap: 3rem !important;
    }
    .column-gap-lg-6 {
      -moz-column-gap: 4rem !important;
           column-gap: 4rem !important;
    }
    .column-gap-lg-7 {
      -moz-column-gap: 5rem !important;
           column-gap: 5rem !important;
    }
    .column-gap-lg-8 {
      -moz-column-gap: 6rem !important;
           column-gap: 6rem !important;
    }
    .column-gap-lg-9 {
      -moz-column-gap: 7.5rem !important;
           column-gap: 7.5rem !important;
    }
    .text-lg-start {
      text-align: left !important;
    }
    .text-lg-end {
      text-align: right !important;
    }
    .text-lg-center {
      text-align: center !important;
    }
    .tracking-lg-tight {
      letter-spacing: -0.01em !important;
    }
    .tracking-lg-normal {
      letter-spacing: 0 !important;
    }
    .tracking-lg-wide {
      letter-spacing: 0.02em !important;
    }
    .tracking-lg-wider {
      letter-spacing: 0.06em !important;
    }
    .max-w-lg-prose {
      max-width: 65ch !important;
    }
    .max-w-lg-narrow {
      max-width: 53.75rem !important;
    }
    .max-w-lg-wide {
      max-width: 90rem !important;
    }
  }
  @media (min-width: 1200px) {
    .float-xl-start {
      float: left !important;
    }
    .float-xl-end {
      float: right !important;
    }
    .float-xl-none {
      float: none !important;
    }
    .object-fit-xl-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
    .object-fit-xl-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
    }
    .object-fit-xl-fill {
      -o-object-fit: fill !important;
         object-fit: fill !important;
    }
    .object-fit-xl-scale {
      -o-object-fit: scale-down !important;
         object-fit: scale-down !important;
    }
    .object-fit-xl-none {
      -o-object-fit: none !important;
         object-fit: none !important;
    }
    .d-xl-inline {
      display: inline !important;
    }
    .d-xl-inline-block {
      display: inline-block !important;
    }
    .d-xl-block {
      display: block !important;
    }
    .d-xl-grid {
      display: grid !important;
    }
    .d-xl-inline-grid {
      display: inline-grid !important;
    }
    .d-xl-table {
      display: table !important;
    }
    .d-xl-table-row {
      display: table-row !important;
    }
    .d-xl-table-cell {
      display: table-cell !important;
    }
    .d-xl-flex {
      display: flex !important;
    }
    .d-xl-inline-flex {
      display: inline-flex !important;
    }
    .d-xl-none {
      display: none !important;
    }
    .flex-xl-fill {
      flex: 1 1 auto !important;
    }
    .flex-xl-row {
      flex-direction: row !important;
    }
    .flex-xl-column {
      flex-direction: column !important;
    }
    .flex-xl-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-xl-start {
      justify-content: flex-start !important;
    }
    .justify-content-xl-end {
      justify-content: flex-end !important;
    }
    .justify-content-xl-center {
      justify-content: center !important;
    }
    .justify-content-xl-between {
      justify-content: space-between !important;
    }
    .justify-content-xl-around {
      justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-xl-start {
      align-items: flex-start !important;
    }
    .align-items-xl-end {
      align-items: flex-end !important;
    }
    .align-items-xl-center {
      align-items: center !important;
    }
    .align-items-xl-baseline {
      align-items: baseline !important;
    }
    .align-items-xl-stretch {
      align-items: stretch !important;
    }
    .align-content-xl-start {
      align-content: flex-start !important;
    }
    .align-content-xl-end {
      align-content: flex-end !important;
    }
    .align-content-xl-center {
      align-content: center !important;
    }
    .align-content-xl-between {
      align-content: space-between !important;
    }
    .align-content-xl-around {
      align-content: space-around !important;
    }
    .align-content-xl-stretch {
      align-content: stretch !important;
    }
    .align-self-xl-auto {
      align-self: auto !important;
    }
    .align-self-xl-start {
      align-self: flex-start !important;
    }
    .align-self-xl-end {
      align-self: flex-end !important;
    }
    .align-self-xl-center {
      align-self: center !important;
    }
    .align-self-xl-baseline {
      align-self: baseline !important;
    }
    .align-self-xl-stretch {
      align-self: stretch !important;
    }
    .order-xl-first {
      order: -1 !important;
    }
    .order-xl-0 {
      order: 0 !important;
    }
    .order-xl-1 {
      order: 1 !important;
    }
    .order-xl-2 {
      order: 2 !important;
    }
    .order-xl-3 {
      order: 3 !important;
    }
    .order-xl-4 {
      order: 4 !important;
    }
    .order-xl-5 {
      order: 5 !important;
    }
    .order-xl-last {
      order: 6 !important;
    }
    .m-xl-0 {
      margin: 0 !important;
    }
    .m-xl-1 {
      margin: 0.25rem !important;
    }
    .m-xl-2 {
      margin: 0.5rem !important;
    }
    .m-xl-3 {
      margin: 1rem !important;
    }
    .m-xl-4 {
      margin: 1.5rem !important;
    }
    .m-xl-5 {
      margin: 3rem !important;
    }
    .m-xl-6 {
      margin: 4rem !important;
    }
    .m-xl-7 {
      margin: 5rem !important;
    }
    .m-xl-8 {
      margin: 6rem !important;
    }
    .m-xl-9 {
      margin: 7.5rem !important;
    }
    .m-xl-auto {
      margin: auto !important;
    }
    .mx-xl-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-xl-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-xl-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-xl-6 {
      margin-right: 4rem !important;
      margin-left: 4rem !important;
    }
    .mx-xl-7 {
      margin-right: 5rem !important;
      margin-left: 5rem !important;
    }
    .mx-xl-8 {
      margin-right: 6rem !important;
      margin-left: 6rem !important;
    }
    .mx-xl-9 {
      margin-right: 7.5rem !important;
      margin-left: 7.5rem !important;
    }
    .mx-xl-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-xl-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-xl-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-xl-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-xl-6 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .my-xl-7 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .my-xl-8 {
      margin-top: 6rem !important;
      margin-bottom: 6rem !important;
    }
    .my-xl-9 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
    }
    .my-xl-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-xl-0 {
      margin-top: 0 !important;
    }
    .mt-xl-1 {
      margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
      margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
      margin-top: 1rem !important;
    }
    .mt-xl-4 {
      margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
      margin-top: 3rem !important;
    }
    .mt-xl-6 {
      margin-top: 4rem !important;
    }
    .mt-xl-7 {
      margin-top: 5rem !important;
    }
    .mt-xl-8 {
      margin-top: 6rem !important;
    }
    .mt-xl-9 {
      margin-top: 7.5rem !important;
    }
    .mt-xl-auto {
      margin-top: auto !important;
    }
    .me-xl-0 {
      margin-right: 0 !important;
    }
    .me-xl-1 {
      margin-right: 0.25rem !important;
    }
    .me-xl-2 {
      margin-right: 0.5rem !important;
    }
    .me-xl-3 {
      margin-right: 1rem !important;
    }
    .me-xl-4 {
      margin-right: 1.5rem !important;
    }
    .me-xl-5 {
      margin-right: 3rem !important;
    }
    .me-xl-6 {
      margin-right: 4rem !important;
    }
    .me-xl-7 {
      margin-right: 5rem !important;
    }
    .me-xl-8 {
      margin-right: 6rem !important;
    }
    .me-xl-9 {
      margin-right: 7.5rem !important;
    }
    .me-xl-auto {
      margin-right: auto !important;
    }
    .mb-xl-0 {
      margin-bottom: 0 !important;
    }
    .mb-xl-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
      margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
      margin-bottom: 3rem !important;
    }
    .mb-xl-6 {
      margin-bottom: 4rem !important;
    }
    .mb-xl-7 {
      margin-bottom: 5rem !important;
    }
    .mb-xl-8 {
      margin-bottom: 6rem !important;
    }
    .mb-xl-9 {
      margin-bottom: 7.5rem !important;
    }
    .mb-xl-auto {
      margin-bottom: auto !important;
    }
    .ms-xl-0 {
      margin-left: 0 !important;
    }
    .ms-xl-1 {
      margin-left: 0.25rem !important;
    }
    .ms-xl-2 {
      margin-left: 0.5rem !important;
    }
    .ms-xl-3 {
      margin-left: 1rem !important;
    }
    .ms-xl-4 {
      margin-left: 1.5rem !important;
    }
    .ms-xl-5 {
      margin-left: 3rem !important;
    }
    .ms-xl-6 {
      margin-left: 4rem !important;
    }
    .ms-xl-7 {
      margin-left: 5rem !important;
    }
    .ms-xl-8 {
      margin-left: 6rem !important;
    }
    .ms-xl-9 {
      margin-left: 7.5rem !important;
    }
    .ms-xl-auto {
      margin-left: auto !important;
    }
    .p-xl-0 {
      padding: 0 !important;
    }
    .p-xl-1 {
      padding: 0.25rem !important;
    }
    .p-xl-2 {
      padding: 0.5rem !important;
    }
    .p-xl-3 {
      padding: 1rem !important;
    }
    .p-xl-4 {
      padding: 1.5rem !important;
    }
    .p-xl-5 {
      padding: 3rem !important;
    }
    .p-xl-6 {
      padding: 4rem !important;
    }
    .p-xl-7 {
      padding: 5rem !important;
    }
    .p-xl-8 {
      padding: 6rem !important;
    }
    .p-xl-9 {
      padding: 7.5rem !important;
    }
    .px-xl-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-xl-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-xl-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-xl-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-xl-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-xl-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .px-xl-6 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
    }
    .px-xl-7 {
      padding-right: 5rem !important;
      padding-left: 5rem !important;
    }
    .px-xl-8 {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
    }
    .px-xl-9 {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important;
    }
    .py-xl-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-xl-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-xl-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .py-xl-6 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .py-xl-7 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    .py-xl-8 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .py-xl-9 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
    }
    .pt-xl-0 {
      padding-top: 0 !important;
    }
    .pt-xl-1 {
      padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
      padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
      padding-top: 1rem !important;
    }
    .pt-xl-4 {
      padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
      padding-top: 3rem !important;
    }
    .pt-xl-6 {
      padding-top: 4rem !important;
    }
    .pt-xl-7 {
      padding-top: 5rem !important;
    }
    .pt-xl-8 {
      padding-top: 6rem !important;
    }
    .pt-xl-9 {
      padding-top: 7.5rem !important;
    }
    .pe-xl-0 {
      padding-right: 0 !important;
    }
    .pe-xl-1 {
      padding-right: 0.25rem !important;
    }
    .pe-xl-2 {
      padding-right: 0.5rem !important;
    }
    .pe-xl-3 {
      padding-right: 1rem !important;
    }
    .pe-xl-4 {
      padding-right: 1.5rem !important;
    }
    .pe-xl-5 {
      padding-right: 3rem !important;
    }
    .pe-xl-6 {
      padding-right: 4rem !important;
    }
    .pe-xl-7 {
      padding-right: 5rem !important;
    }
    .pe-xl-8 {
      padding-right: 6rem !important;
    }
    .pe-xl-9 {
      padding-right: 7.5rem !important;
    }
    .pb-xl-0 {
      padding-bottom: 0 !important;
    }
    .pb-xl-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
      padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
      padding-bottom: 3rem !important;
    }
    .pb-xl-6 {
      padding-bottom: 4rem !important;
    }
    .pb-xl-7 {
      padding-bottom: 5rem !important;
    }
    .pb-xl-8 {
      padding-bottom: 6rem !important;
    }
    .pb-xl-9 {
      padding-bottom: 7.5rem !important;
    }
    .ps-xl-0 {
      padding-left: 0 !important;
    }
    .ps-xl-1 {
      padding-left: 0.25rem !important;
    }
    .ps-xl-2 {
      padding-left: 0.5rem !important;
    }
    .ps-xl-3 {
      padding-left: 1rem !important;
    }
    .ps-xl-4 {
      padding-left: 1.5rem !important;
    }
    .ps-xl-5 {
      padding-left: 3rem !important;
    }
    .ps-xl-6 {
      padding-left: 4rem !important;
    }
    .ps-xl-7 {
      padding-left: 5rem !important;
    }
    .ps-xl-8 {
      padding-left: 6rem !important;
    }
    .ps-xl-9 {
      padding-left: 7.5rem !important;
    }
    .gap-xl-0 {
      gap: 0 !important;
    }
    .gap-xl-1 {
      gap: 0.25rem !important;
    }
    .gap-xl-2 {
      gap: 0.5rem !important;
    }
    .gap-xl-3 {
      gap: 1rem !important;
    }
    .gap-xl-4 {
      gap: 1.5rem !important;
    }
    .gap-xl-5 {
      gap: 3rem !important;
    }
    .gap-xl-6 {
      gap: 4rem !important;
    }
    .gap-xl-7 {
      gap: 5rem !important;
    }
    .gap-xl-8 {
      gap: 6rem !important;
    }
    .gap-xl-9 {
      gap: 7.5rem !important;
    }
    .row-gap-xl-0 {
      row-gap: 0 !important;
    }
    .row-gap-xl-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-xl-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-xl-3 {
      row-gap: 1rem !important;
    }
    .row-gap-xl-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-xl-5 {
      row-gap: 3rem !important;
    }
    .row-gap-xl-6 {
      row-gap: 4rem !important;
    }
    .row-gap-xl-7 {
      row-gap: 5rem !important;
    }
    .row-gap-xl-8 {
      row-gap: 6rem !important;
    }
    .row-gap-xl-9 {
      row-gap: 7.5rem !important;
    }
    .column-gap-xl-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }
    .column-gap-xl-1 {
      -moz-column-gap: 0.25rem !important;
           column-gap: 0.25rem !important;
    }
    .column-gap-xl-2 {
      -moz-column-gap: 0.5rem !important;
           column-gap: 0.5rem !important;
    }
    .column-gap-xl-3 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
    }
    .column-gap-xl-4 {
      -moz-column-gap: 1.5rem !important;
           column-gap: 1.5rem !important;
    }
    .column-gap-xl-5 {
      -moz-column-gap: 3rem !important;
           column-gap: 3rem !important;
    }
    .column-gap-xl-6 {
      -moz-column-gap: 4rem !important;
           column-gap: 4rem !important;
    }
    .column-gap-xl-7 {
      -moz-column-gap: 5rem !important;
           column-gap: 5rem !important;
    }
    .column-gap-xl-8 {
      -moz-column-gap: 6rem !important;
           column-gap: 6rem !important;
    }
    .column-gap-xl-9 {
      -moz-column-gap: 7.5rem !important;
           column-gap: 7.5rem !important;
    }
    .text-xl-start {
      text-align: left !important;
    }
    .text-xl-end {
      text-align: right !important;
    }
    .text-xl-center {
      text-align: center !important;
    }
    .tracking-xl-tight {
      letter-spacing: -0.01em !important;
    }
    .tracking-xl-normal {
      letter-spacing: 0 !important;
    }
    .tracking-xl-wide {
      letter-spacing: 0.02em !important;
    }
    .tracking-xl-wider {
      letter-spacing: 0.06em !important;
    }
    .max-w-xl-prose {
      max-width: 65ch !important;
    }
    .max-w-xl-narrow {
      max-width: 53.75rem !important;
    }
    .max-w-xl-wide {
      max-width: 90rem !important;
    }
  }
  @media (min-width: 1400px) {
    .float-xxl-start {
      float: left !important;
    }
    .float-xxl-end {
      float: right !important;
    }
    .float-xxl-none {
      float: none !important;
    }
    .object-fit-xxl-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
    .object-fit-xxl-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
    }
    .object-fit-xxl-fill {
      -o-object-fit: fill !important;
         object-fit: fill !important;
    }
    .object-fit-xxl-scale {
      -o-object-fit: scale-down !important;
         object-fit: scale-down !important;
    }
    .object-fit-xxl-none {
      -o-object-fit: none !important;
         object-fit: none !important;
    }
    .d-xxl-inline {
      display: inline !important;
    }
    .d-xxl-inline-block {
      display: inline-block !important;
    }
    .d-xxl-block {
      display: block !important;
    }
    .d-xxl-grid {
      display: grid !important;
    }
    .d-xxl-inline-grid {
      display: inline-grid !important;
    }
    .d-xxl-table {
      display: table !important;
    }
    .d-xxl-table-row {
      display: table-row !important;
    }
    .d-xxl-table-cell {
      display: table-cell !important;
    }
    .d-xxl-flex {
      display: flex !important;
    }
    .d-xxl-inline-flex {
      display: inline-flex !important;
    }
    .d-xxl-none {
      display: none !important;
    }
    .flex-xxl-fill {
      flex: 1 1 auto !important;
    }
    .flex-xxl-row {
      flex-direction: row !important;
    }
    .flex-xxl-column {
      flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-xxl-start {
      justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
      justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
      justify-content: center !important;
    }
    .justify-content-xxl-between {
      justify-content: space-between !important;
    }
    .justify-content-xxl-around {
      justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
      align-items: flex-start !important;
    }
    .align-items-xxl-end {
      align-items: flex-end !important;
    }
    .align-items-xxl-center {
      align-items: center !important;
    }
    .align-items-xxl-baseline {
      align-items: baseline !important;
    }
    .align-items-xxl-stretch {
      align-items: stretch !important;
    }
    .align-content-xxl-start {
      align-content: flex-start !important;
    }
    .align-content-xxl-end {
      align-content: flex-end !important;
    }
    .align-content-xxl-center {
      align-content: center !important;
    }
    .align-content-xxl-between {
      align-content: space-between !important;
    }
    .align-content-xxl-around {
      align-content: space-around !important;
    }
    .align-content-xxl-stretch {
      align-content: stretch !important;
    }
    .align-self-xxl-auto {
      align-self: auto !important;
    }
    .align-self-xxl-start {
      align-self: flex-start !important;
    }
    .align-self-xxl-end {
      align-self: flex-end !important;
    }
    .align-self-xxl-center {
      align-self: center !important;
    }
    .align-self-xxl-baseline {
      align-self: baseline !important;
    }
    .align-self-xxl-stretch {
      align-self: stretch !important;
    }
    .order-xxl-first {
      order: -1 !important;
    }
    .order-xxl-0 {
      order: 0 !important;
    }
    .order-xxl-1 {
      order: 1 !important;
    }
    .order-xxl-2 {
      order: 2 !important;
    }
    .order-xxl-3 {
      order: 3 !important;
    }
    .order-xxl-4 {
      order: 4 !important;
    }
    .order-xxl-5 {
      order: 5 !important;
    }
    .order-xxl-last {
      order: 6 !important;
    }
    .m-xxl-0 {
      margin: 0 !important;
    }
    .m-xxl-1 {
      margin: 0.25rem !important;
    }
    .m-xxl-2 {
      margin: 0.5rem !important;
    }
    .m-xxl-3 {
      margin: 1rem !important;
    }
    .m-xxl-4 {
      margin: 1.5rem !important;
    }
    .m-xxl-5 {
      margin: 3rem !important;
    }
    .m-xxl-6 {
      margin: 4rem !important;
    }
    .m-xxl-7 {
      margin: 5rem !important;
    }
    .m-xxl-8 {
      margin: 6rem !important;
    }
    .m-xxl-9 {
      margin: 7.5rem !important;
    }
    .m-xxl-auto {
      margin: auto !important;
    }
    .mx-xxl-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-xxl-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-xxl-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-xxl-6 {
      margin-right: 4rem !important;
      margin-left: 4rem !important;
    }
    .mx-xxl-7 {
      margin-right: 5rem !important;
      margin-left: 5rem !important;
    }
    .mx-xxl-8 {
      margin-right: 6rem !important;
      margin-left: 6rem !important;
    }
    .mx-xxl-9 {
      margin-right: 7.5rem !important;
      margin-left: 7.5rem !important;
    }
    .mx-xxl-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-xxl-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-xxl-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-xxl-6 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .my-xxl-7 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .my-xxl-8 {
      margin-top: 6rem !important;
      margin-bottom: 6rem !important;
    }
    .my-xxl-9 {
      margin-top: 7.5rem !important;
      margin-bottom: 7.5rem !important;
    }
    .my-xxl-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-xxl-0 {
      margin-top: 0 !important;
    }
    .mt-xxl-1 {
      margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
      margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
      margin-top: 1rem !important;
    }
    .mt-xxl-4 {
      margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
      margin-top: 3rem !important;
    }
    .mt-xxl-6 {
      margin-top: 4rem !important;
    }
    .mt-xxl-7 {
      margin-top: 5rem !important;
    }
    .mt-xxl-8 {
      margin-top: 6rem !important;
    }
    .mt-xxl-9 {
      margin-top: 7.5rem !important;
    }
    .mt-xxl-auto {
      margin-top: auto !important;
    }
    .me-xxl-0 {
      margin-right: 0 !important;
    }
    .me-xxl-1 {
      margin-right: 0.25rem !important;
    }
    .me-xxl-2 {
      margin-right: 0.5rem !important;
    }
    .me-xxl-3 {
      margin-right: 1rem !important;
    }
    .me-xxl-4 {
      margin-right: 1.5rem !important;
    }
    .me-xxl-5 {
      margin-right: 3rem !important;
    }
    .me-xxl-6 {
      margin-right: 4rem !important;
    }
    .me-xxl-7 {
      margin-right: 5rem !important;
    }
    .me-xxl-8 {
      margin-right: 6rem !important;
    }
    .me-xxl-9 {
      margin-right: 7.5rem !important;
    }
    .me-xxl-auto {
      margin-right: auto !important;
    }
    .mb-xxl-0 {
      margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
      margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
      margin-bottom: 3rem !important;
    }
    .mb-xxl-6 {
      margin-bottom: 4rem !important;
    }
    .mb-xxl-7 {
      margin-bottom: 5rem !important;
    }
    .mb-xxl-8 {
      margin-bottom: 6rem !important;
    }
    .mb-xxl-9 {
      margin-bottom: 7.5rem !important;
    }
    .mb-xxl-auto {
      margin-bottom: auto !important;
    }
    .ms-xxl-0 {
      margin-left: 0 !important;
    }
    .ms-xxl-1 {
      margin-left: 0.25rem !important;
    }
    .ms-xxl-2 {
      margin-left: 0.5rem !important;
    }
    .ms-xxl-3 {
      margin-left: 1rem !important;
    }
    .ms-xxl-4 {
      margin-left: 1.5rem !important;
    }
    .ms-xxl-5 {
      margin-left: 3rem !important;
    }
    .ms-xxl-6 {
      margin-left: 4rem !important;
    }
    .ms-xxl-7 {
      margin-left: 5rem !important;
    }
    .ms-xxl-8 {
      margin-left: 6rem !important;
    }
    .ms-xxl-9 {
      margin-left: 7.5rem !important;
    }
    .ms-xxl-auto {
      margin-left: auto !important;
    }
    .p-xxl-0 {
      padding: 0 !important;
    }
    .p-xxl-1 {
      padding: 0.25rem !important;
    }
    .p-xxl-2 {
      padding: 0.5rem !important;
    }
    .p-xxl-3 {
      padding: 1rem !important;
    }
    .p-xxl-4 {
      padding: 1.5rem !important;
    }
    .p-xxl-5 {
      padding: 3rem !important;
    }
    .p-xxl-6 {
      padding: 4rem !important;
    }
    .p-xxl-7 {
      padding: 5rem !important;
    }
    .p-xxl-8 {
      padding: 6rem !important;
    }
    .p-xxl-9 {
      padding: 7.5rem !important;
    }
    .px-xxl-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-xxl-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-xxl-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .px-xxl-6 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
    }
    .px-xxl-7 {
      padding-right: 5rem !important;
      padding-left: 5rem !important;
    }
    .px-xxl-8 {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
    }
    .px-xxl-9 {
      padding-right: 7.5rem !important;
      padding-left: 7.5rem !important;
    }
    .py-xxl-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-xxl-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .py-xxl-6 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .py-xxl-7 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    .py-xxl-8 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .py-xxl-9 {
      padding-top: 7.5rem !important;
      padding-bottom: 7.5rem !important;
    }
    .pt-xxl-0 {
      padding-top: 0 !important;
    }
    .pt-xxl-1 {
      padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
      padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
      padding-top: 1rem !important;
    }
    .pt-xxl-4 {
      padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
      padding-top: 3rem !important;
    }
    .pt-xxl-6 {
      padding-top: 4rem !important;
    }
    .pt-xxl-7 {
      padding-top: 5rem !important;
    }
    .pt-xxl-8 {
      padding-top: 6rem !important;
    }
    .pt-xxl-9 {
      padding-top: 7.5rem !important;
    }
    .pe-xxl-0 {
      padding-right: 0 !important;
    }
    .pe-xxl-1 {
      padding-right: 0.25rem !important;
    }
    .pe-xxl-2 {
      padding-right: 0.5rem !important;
    }
    .pe-xxl-3 {
      padding-right: 1rem !important;
    }
    .pe-xxl-4 {
      padding-right: 1.5rem !important;
    }
    .pe-xxl-5 {
      padding-right: 3rem !important;
    }
    .pe-xxl-6 {
      padding-right: 4rem !important;
    }
    .pe-xxl-7 {
      padding-right: 5rem !important;
    }
    .pe-xxl-8 {
      padding-right: 6rem !important;
    }
    .pe-xxl-9 {
      padding-right: 7.5rem !important;
    }
    .pb-xxl-0 {
      padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
      padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
      padding-bottom: 3rem !important;
    }
    .pb-xxl-6 {
      padding-bottom: 4rem !important;
    }
    .pb-xxl-7 {
      padding-bottom: 5rem !important;
    }
    .pb-xxl-8 {
      padding-bottom: 6rem !important;
    }
    .pb-xxl-9 {
      padding-bottom: 7.5rem !important;
    }
    .ps-xxl-0 {
      padding-left: 0 !important;
    }
    .ps-xxl-1 {
      padding-left: 0.25rem !important;
    }
    .ps-xxl-2 {
      padding-left: 0.5rem !important;
    }
    .ps-xxl-3 {
      padding-left: 1rem !important;
    }
    .ps-xxl-4 {
      padding-left: 1.5rem !important;
    }
    .ps-xxl-5 {
      padding-left: 3rem !important;
    }
    .ps-xxl-6 {
      padding-left: 4rem !important;
    }
    .ps-xxl-7 {
      padding-left: 5rem !important;
    }
    .ps-xxl-8 {
      padding-left: 6rem !important;
    }
    .ps-xxl-9 {
      padding-left: 7.5rem !important;
    }
    .gap-xxl-0 {
      gap: 0 !important;
    }
    .gap-xxl-1 {
      gap: 0.25rem !important;
    }
    .gap-xxl-2 {
      gap: 0.5rem !important;
    }
    .gap-xxl-3 {
      gap: 1rem !important;
    }
    .gap-xxl-4 {
      gap: 1.5rem !important;
    }
    .gap-xxl-5 {
      gap: 3rem !important;
    }
    .gap-xxl-6 {
      gap: 4rem !important;
    }
    .gap-xxl-7 {
      gap: 5rem !important;
    }
    .gap-xxl-8 {
      gap: 6rem !important;
    }
    .gap-xxl-9 {
      gap: 7.5rem !important;
    }
    .row-gap-xxl-0 {
      row-gap: 0 !important;
    }
    .row-gap-xxl-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-xxl-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-xxl-3 {
      row-gap: 1rem !important;
    }
    .row-gap-xxl-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-xxl-5 {
      row-gap: 3rem !important;
    }
    .row-gap-xxl-6 {
      row-gap: 4rem !important;
    }
    .row-gap-xxl-7 {
      row-gap: 5rem !important;
    }
    .row-gap-xxl-8 {
      row-gap: 6rem !important;
    }
    .row-gap-xxl-9 {
      row-gap: 7.5rem !important;
    }
    .column-gap-xxl-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }
    .column-gap-xxl-1 {
      -moz-column-gap: 0.25rem !important;
           column-gap: 0.25rem !important;
    }
    .column-gap-xxl-2 {
      -moz-column-gap: 0.5rem !important;
           column-gap: 0.5rem !important;
    }
    .column-gap-xxl-3 {
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
    }
    .column-gap-xxl-4 {
      -moz-column-gap: 1.5rem !important;
           column-gap: 1.5rem !important;
    }
    .column-gap-xxl-5 {
      -moz-column-gap: 3rem !important;
           column-gap: 3rem !important;
    }
    .column-gap-xxl-6 {
      -moz-column-gap: 4rem !important;
           column-gap: 4rem !important;
    }
    .column-gap-xxl-7 {
      -moz-column-gap: 5rem !important;
           column-gap: 5rem !important;
    }
    .column-gap-xxl-8 {
      -moz-column-gap: 6rem !important;
           column-gap: 6rem !important;
    }
    .column-gap-xxl-9 {
      -moz-column-gap: 7.5rem !important;
           column-gap: 7.5rem !important;
    }
    .text-xxl-start {
      text-align: left !important;
    }
    .text-xxl-end {
      text-align: right !important;
    }
    .text-xxl-center {
      text-align: center !important;
    }
    .tracking-xxl-tight {
      letter-spacing: -0.01em !important;
    }
    .tracking-xxl-normal {
      letter-spacing: 0 !important;
    }
    .tracking-xxl-wide {
      letter-spacing: 0.02em !important;
    }
    .tracking-xxl-wider {
      letter-spacing: 0.06em !important;
    }
    .max-w-xxl-prose {
      max-width: 65ch !important;
    }
    .max-w-xxl-narrow {
      max-width: 53.75rem !important;
    }
    .max-w-xxl-wide {
      max-width: 90rem !important;
    }
  }
  @media (min-width: 1200px) {
    .fs-1 {
      font-size: 3.5rem !important;
    }
    .fs-2 {
      font-size: 2.5rem !important;
    }
    .fs-3 {
      font-size: 1.75rem !important;
    }
  }
  @media print {
    .d-print-inline {
      display: inline !important;
    }
    .d-print-inline-block {
      display: inline-block !important;
    }
    .d-print-block {
      display: block !important;
    }
    .d-print-grid {
      display: grid !important;
    }
    .d-print-inline-grid {
      display: inline-grid !important;
    }
    .d-print-table {
      display: table !important;
    }
    .d-print-table-row {
      display: table-row !important;
    }
    .d-print-table-cell {
      display: table-cell !important;
    }
    .d-print-flex {
      display: flex !important;
    }
    .d-print-inline-flex {
      display: inline-flex !important;
    }
    .d-print-none {
      display: none !important;
    }
  }
  html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
  }
  :root {
    --va-color-primary: #0478FF;
    --va-color-secondary: #1A1919;
    --va-color-white: #FFFFFF;
    --va-color-light-grey: #E9E9EA;
    --va-color-section-bg: #F7F7F8;
    --va-color-text: #1A1919;
    --va-color-body-text: #4B5563;
    --va-color-muted-text: #6B7280;
    --va-color-border: #E5E7EB;
    --va-color-success: #10B981;
    --va-color-warning: #F59E0B;
    --va-color-danger: #EF4444;
    --va-font-heading: IBM Plex Serif, Georgia, Times New Roman, serif;
    --va-font-body: IBM Plex Sans, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    --va-font-mono: IBM Plex Mono, SF Mono, monospace;
    --va-font-size-base: 1rem;
    --va-font-size-sm: 0.875rem;
    --va-font-size-xs: 0.75rem;
    --va-font-size-lg: 1.125rem;
    --va-grid-unit: 0.5rem;
    --va-radius-sm: 0.5rem;
    --va-radius: 0.75rem;
    --va-radius-lg: 1rem;
    --va-radius-xl: 1.5rem;
    --va-radius-pill: 50rem;
    --va-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --va-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --va-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    --va-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    --va-duration-fast: 0.15s;
    --va-duration-base: 0.2s;
    --va-duration-slow: 0.35s;
    --va-z-base: 0;
    --va-z-raised: 1;
    --va-z-sticky: 500;
    --va-z-navbar: 1030;
    --va-z-overlay: 1040;
    --va-z-modal: 1050;
    --va-glass-blur: 12px;
    --va-glass-bg-opacity: 0.7;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-va-theme=light]) {
      --va-color-primary: rgb(44.8, 141.9442231076, 255);
      --va-color-secondary: #FFFFFF;
      --va-color-white: #1A1919;
      --va-color-light-grey: #2A2A2B;
      --va-color-section-bg: #222223;
      --va-color-text: #FFFFFF;
      --va-color-body-text: #D1D5DB;
      --va-color-muted-text: #9CA3AF;
      --va-color-border: #374151;
      --va-color-success: rgb(19.247761194, 222.552238806, 155.1850746269);
      --va-color-warning: rgb(246.6062992126, 173.5811023622, 50.1937007874);
      --va-color-danger: rgb(242.2157635468, 105.5842364532, 105.5842364532);
      --va-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
      --va-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
      --va-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
      --va-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
      --va-glass-bg-opacity: 0.3;
      color-scheme: dark;
    }
  }
  [data-va-theme=dark] {
    --va-color-primary: rgb(44.8, 141.9442231076, 255);
    --va-color-secondary: #FFFFFF;
    --va-color-white: #1A1919;
    --va-color-light-grey: #2A2A2B;
    --va-color-section-bg: #222223;
    --va-color-text: #FFFFFF;
    --va-color-body-text: #D1D5DB;
    --va-color-muted-text: #9CA3AF;
    --va-color-border: #374151;
    --va-color-success: rgb(19.247761194, 222.552238806, 155.1850746269);
    --va-color-warning: rgb(246.6062992126, 173.5811023622, 50.1937007874);
    --va-color-danger: rgb(242.2157635468, 105.5842364532, 105.5842364532);
    --va-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --va-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    --va-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --va-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
    --va-glass-bg-opacity: 0.3;
    color-scheme: dark;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  h1, .h1, .va-h1, h2, .h2, .va-h2, h3, .h3, .va-h3, h4, .h4, .va-h4, h5, .h5, .va-h5, h6, .h6, .va-h6,
  p {
    margin: 0;
  }
  strong,
  b {
    font-weight: 600;
  }
  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  img {
    height: auto;
  }
  button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }
  input,
  textarea,
  select {
    font: inherit;
    color: inherit;
  }
  :focus:not(:focus-visible) {
    outline: none;
  }
  :focus-visible {
    outline: 2px solid #0478FF;
    outline-offset: 2px;
  }
  .va-skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
  }
  .va-skip-link:focus, .va-skip-link:focus-visible {
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    padding: 0.5rem 1rem;
    background-color: #FFFFFF;
    color: #0478FF;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    border: 2px solid #0478FF;
    border-radius: 0.5rem;
    text-decoration: none;
    outline: none;
    box-shadow: 0 2px 8px rgba(26, 25, 25, 0.15);
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  html,
  body {
    overflow-x: clip;
  }
  fieldset {
    border: none;
    margin: 0;
    padding: 0;
  }
  [hidden] {
    display: none !important;
  }
  @media print {
    .va-navbar,
    .va-navbar--sticky,
    .va-navbar--fixed,
    .va-pattern-halftone,
    .va-bg-glow,
    .va-bg-dots,
    .va-pricing-section__dots,
    .va-hero__float,
    .va-waveform-bars {
      display: none !important;
    }
    * {
      box-shadow: none !important;
      text-shadow: none !important;
    }
    body {
      color: #000 !important;
      background: #fff !important;
    }
    a[href]::after {
      content: " (" attr(href) ")";
      font-size: 0.8em;
      color: #555;
    }
  }
  @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
  body {
    letter-spacing: -0.01em;
  }
  h1, .h1, .va-h1, h2, .h2, .va-h2, h3, .h3, .va-h3, h4, .h4, .va-h4, h5, .h5, .va-h5, h6, .h6, .va-h6 {
    letter-spacing: -0.02em;
  }
  h1, .h1, .va-h1 {
    font-weight: 700;
    letter-spacing: -0.03em;
  }
  h2, .h2, .va-h2 {
    font-weight: 700;
    letter-spacing: -0.025em;
  }
  h5, .h5, .va-h5 {
    font-weight: 500;
  }
  h6, .h6, .va-h6 {
    font-weight: 500;
  }
  .display-1, .va-display-1, .display-2, .va-display-2, .display-3, .va-display-3, .display-4, .va-display-4 {
    letter-spacing: -0.03em;
    margin-bottom: 1.5rem;
  }
  .va-lead {
    line-height: 1.7;
    color: #4B5563;
    margin-bottom: 1.5rem;
  }
  .va-text-muted {
    color: #6B7280 !important;
  }
  .va-text-small {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .va-heading-serif {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif !important;
  }
  .va-heading-sans {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }
  p {
    margin-bottom: 1rem;
  }
  p:last-child {
    margin-bottom: 0;
  }
  a {
    color: #0478FF;
    text-decoration: none;
    transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  }
  a:hover, a:focus-visible {
    color: rgb(0, 96.1274900398, 208);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  strong,
  b,
  .va-text-bold {
    font-weight: 600;
  }
  blockquote,
  .va-blockquote {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
    color: #1A1919;
    padding-left: 1.5rem;
    border-left: 3px solid #0478FF;
    margin: 2rem 0;
  }
  code,
  kbd,
  pre {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.875em;
  }
  code {
    padding: 2px 6px;
    background-color: #E9E9EA;
    border-radius: 0.5rem;
    color: #1A1919;
  }
  pre {
    padding: 1.5rem;
    background-color: #1A1919;
    color: #FFFFFF;
    border-radius: 0.75rem;
    overflow-x: auto;
  }
  pre code {
    padding: 0;
    background: none;
    color: inherit;
    border-radius: 0;
  }
  ::-moz-selection {
    background-color: rgba(4, 120, 255, 0.15);
    color: #1A1919;
  }
  ::selection {
    background-color: rgba(4, 120, 255, 0.15);
    color: #1A1919;
  }
  .va-text-primary {
    color: #0478FF !important;
  }
  .va-text-dark {
    color: #1A1919 !important;
  }
  .va-text-body {
    color: #4B5563 !important;
  }
  .va-text-white {
    color: #FFFFFF !important;
  }
  .va-container {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  @media (max-width: 575.98px) {
    .va-container {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  .va-container--narrow {
    max-width: 53.75rem;
  }
  .va-container--wide {
    max-width: 90rem;
  }
  .va-container--fluid {
    max-width: none;
  }
  .va-gap-0 {
    gap: 0rem !important;
  }
  .va-row-gap-0 {
    row-gap: 0rem !important;
  }
  .va-col-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .va-gap-1 {
    gap: 0.5rem !important;
  }
  .va-row-gap-1 {
    row-gap: 0.5rem !important;
  }
  .va-col-gap-1 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .va-gap-2 {
    gap: 1rem !important;
  }
  .va-row-gap-2 {
    row-gap: 1rem !important;
  }
  .va-col-gap-2 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .va-gap-3 {
    gap: 1.5rem !important;
  }
  .va-row-gap-3 {
    row-gap: 1.5rem !important;
  }
  .va-col-gap-3 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .va-gap-4 {
    gap: 2rem !important;
  }
  .va-row-gap-4 {
    row-gap: 2rem !important;
  }
  .va-col-gap-4 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .va-gap-5 {
    gap: 2.5rem !important;
  }
  .va-row-gap-5 {
    row-gap: 2.5rem !important;
  }
  .va-col-gap-5 {
    -moz-column-gap: 2.5rem !important;
         column-gap: 2.5rem !important;
  }
  .va-gap-6 {
    gap: 3rem !important;
  }
  .va-row-gap-6 {
    row-gap: 3rem !important;
  }
  .va-col-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .va-gap-8 {
    gap: 4rem !important;
  }
  .va-row-gap-8 {
    row-gap: 4rem !important;
  }
  .va-col-gap-8 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .va-gap-10 {
    gap: 5rem !important;
  }
  .va-row-gap-10 {
    row-gap: 5rem !important;
  }
  .va-col-gap-10 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
  .va-gap-12 {
    gap: 6rem !important;
  }
  .va-row-gap-12 {
    row-gap: 6rem !important;
  }
  .va-col-gap-12 {
    -moz-column-gap: 6rem !important;
         column-gap: 6rem !important;
  }
  .va-auto-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--va-grid-min, 280px), 1fr));
  }
  .va-auto-grid--sm {
    --va-grid-min: 220px;
  }
  .va-auto-grid--md {
    --va-grid-min: 300px;
  }
  .va-auto-grid--lg {
    --va-grid-min: 360px;
  }
  .va-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .va-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .va-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
  @media (max-width: 767.98px) {
    .va-grid-2 {
      grid-template-columns: 1fr;
    }
    .va-grid-3 {
      grid-template-columns: 1fr;
    }
    .va-grid-4 {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 575.98px) {
    .va-grid-4 {
      grid-template-columns: 1fr;
    }
  }
  .va-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .va-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .va-flex-col {
    display: flex;
    flex-direction: column;
  }
  .va-flex-wrap {
    flex-wrap: wrap;
  }
  .va-mt-0 {
    margin-top: 0rem !important;
  }
  .va-mr-0 {
    margin-right: 0rem !important;
  }
  .va-mb-0 {
    margin-bottom: 0rem !important;
  }
  .va-ml-0 {
    margin-left: 0rem !important;
  }
  .va-mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .va-my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .va-pt-0 {
    padding-top: 0rem !important;
  }
  .va-pr-0 {
    padding-right: 0rem !important;
  }
  .va-pb-0 {
    padding-bottom: 0rem !important;
  }
  .va-pl-0 {
    padding-left: 0rem !important;
  }
  .va-px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .va-py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .va-mt-1 {
    margin-top: 0.5rem !important;
  }
  .va-mr-1 {
    margin-right: 0.5rem !important;
  }
  .va-mb-1 {
    margin-bottom: 0.5rem !important;
  }
  .va-ml-1 {
    margin-left: 0.5rem !important;
  }
  .va-mx-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .va-my-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .va-pt-1 {
    padding-top: 0.5rem !important;
  }
  .va-pr-1 {
    padding-right: 0.5rem !important;
  }
  .va-pb-1 {
    padding-bottom: 0.5rem !important;
  }
  .va-pl-1 {
    padding-left: 0.5rem !important;
  }
  .va-px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .va-py-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .va-mt-2 {
    margin-top: 1rem !important;
  }
  .va-mr-2 {
    margin-right: 1rem !important;
  }
  .va-mb-2 {
    margin-bottom: 1rem !important;
  }
  .va-ml-2 {
    margin-left: 1rem !important;
  }
  .va-mx-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .va-my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .va-pt-2 {
    padding-top: 1rem !important;
  }
  .va-pr-2 {
    padding-right: 1rem !important;
  }
  .va-pb-2 {
    padding-bottom: 1rem !important;
  }
  .va-pl-2 {
    padding-left: 1rem !important;
  }
  .va-px-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .va-py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .va-mt-3 {
    margin-top: 1.5rem !important;
  }
  .va-mr-3 {
    margin-right: 1.5rem !important;
  }
  .va-mb-3 {
    margin-bottom: 1.5rem !important;
  }
  .va-ml-3 {
    margin-left: 1.5rem !important;
  }
  .va-mx-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .va-my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .va-pt-3 {
    padding-top: 1.5rem !important;
  }
  .va-pr-3 {
    padding-right: 1.5rem !important;
  }
  .va-pb-3 {
    padding-bottom: 1.5rem !important;
  }
  .va-pl-3 {
    padding-left: 1.5rem !important;
  }
  .va-px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .va-py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .va-mt-4 {
    margin-top: 2rem !important;
  }
  .va-mr-4 {
    margin-right: 2rem !important;
  }
  .va-mb-4 {
    margin-bottom: 2rem !important;
  }
  .va-ml-4 {
    margin-left: 2rem !important;
  }
  .va-mx-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .va-my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .va-pt-4 {
    padding-top: 2rem !important;
  }
  .va-pr-4 {
    padding-right: 2rem !important;
  }
  .va-pb-4 {
    padding-bottom: 2rem !important;
  }
  .va-pl-4 {
    padding-left: 2rem !important;
  }
  .va-px-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .va-py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .va-mt-5 {
    margin-top: 2.5rem !important;
  }
  .va-mr-5 {
    margin-right: 2.5rem !important;
  }
  .va-mb-5 {
    margin-bottom: 2.5rem !important;
  }
  .va-ml-5 {
    margin-left: 2.5rem !important;
  }
  .va-mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .va-my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .va-pt-5 {
    padding-top: 2.5rem !important;
  }
  .va-pr-5 {
    padding-right: 2.5rem !important;
  }
  .va-pb-5 {
    padding-bottom: 2.5rem !important;
  }
  .va-pl-5 {
    padding-left: 2.5rem !important;
  }
  .va-px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .va-py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .va-mt-6 {
    margin-top: 3rem !important;
  }
  .va-mr-6 {
    margin-right: 3rem !important;
  }
  .va-mb-6 {
    margin-bottom: 3rem !important;
  }
  .va-ml-6 {
    margin-left: 3rem !important;
  }
  .va-mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .va-my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .va-pt-6 {
    padding-top: 3rem !important;
  }
  .va-pr-6 {
    padding-right: 3rem !important;
  }
  .va-pb-6 {
    padding-bottom: 3rem !important;
  }
  .va-pl-6 {
    padding-left: 3rem !important;
  }
  .va-px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .va-py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .va-mt-8 {
    margin-top: 4rem !important;
  }
  .va-mr-8 {
    margin-right: 4rem !important;
  }
  .va-mb-8 {
    margin-bottom: 4rem !important;
  }
  .va-ml-8 {
    margin-left: 4rem !important;
  }
  .va-mx-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .va-my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .va-pt-8 {
    padding-top: 4rem !important;
  }
  .va-pr-8 {
    padding-right: 4rem !important;
  }
  .va-pb-8 {
    padding-bottom: 4rem !important;
  }
  .va-pl-8 {
    padding-left: 4rem !important;
  }
  .va-px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .va-py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .va-mt-10 {
    margin-top: 5rem !important;
  }
  .va-mr-10 {
    margin-right: 5rem !important;
  }
  .va-mb-10 {
    margin-bottom: 5rem !important;
  }
  .va-ml-10 {
    margin-left: 5rem !important;
  }
  .va-mx-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .va-my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .va-pt-10 {
    padding-top: 5rem !important;
  }
  .va-pr-10 {
    padding-right: 5rem !important;
  }
  .va-pb-10 {
    padding-bottom: 5rem !important;
  }
  .va-pl-10 {
    padding-left: 5rem !important;
  }
  .va-px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .va-py-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .va-mt-12 {
    margin-top: 6rem !important;
  }
  .va-mr-12 {
    margin-right: 6rem !important;
  }
  .va-mb-12 {
    margin-bottom: 6rem !important;
  }
  .va-ml-12 {
    margin-left: 6rem !important;
  }
  .va-mx-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .va-my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .va-pt-12 {
    padding-top: 6rem !important;
  }
  .va-pr-12 {
    padding-right: 6rem !important;
  }
  .va-pb-12 {
    padding-bottom: 6rem !important;
  }
  .va-pl-12 {
    padding-left: 6rem !important;
  }
  .va-px-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .va-py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .va-mt-16 {
    margin-top: 8rem !important;
  }
  .va-mr-16 {
    margin-right: 8rem !important;
  }
  .va-mb-16 {
    margin-bottom: 8rem !important;
  }
  .va-ml-16 {
    margin-left: 8rem !important;
  }
  .va-mx-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .va-my-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .va-pt-16 {
    padding-top: 8rem !important;
  }
  .va-pr-16 {
    padding-right: 8rem !important;
  }
  .va-pb-16 {
    padding-bottom: 8rem !important;
  }
  .va-pl-16 {
    padding-left: 8rem !important;
  }
  .va-px-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .va-py-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .va-mt-20 {
    margin-top: 10rem !important;
  }
  .va-mr-20 {
    margin-right: 10rem !important;
  }
  .va-mb-20 {
    margin-bottom: 10rem !important;
  }
  .va-ml-20 {
    margin-left: 10rem !important;
  }
  .va-mx-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .va-my-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .va-pt-20 {
    padding-top: 10rem !important;
  }
  .va-pr-20 {
    padding-right: 10rem !important;
  }
  .va-pb-20 {
    padding-bottom: 10rem !important;
  }
  .va-pl-20 {
    padding-left: 10rem !important;
  }
  .va-px-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .va-py-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .va-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .va-aspect {
    position: relative;
    width: 100%;
  }
  .va-aspect > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .va-aspect--1x1 {
    aspect-ratio: 1/1;
  }
  .va-aspect--4x3 {
    aspect-ratio: 4/3;
  }
  .va-aspect--16x9 {
    aspect-ratio: 16/9;
  }
  .va-aspect--21x9 {
    aspect-ratio: 21/9;
  }
  .va-navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    padding: 0 2rem;
    background-color: var(--va-color-white);
    border-bottom: 1px solid var(--va-color-border);
    z-index: 1030;
    transition: box-shadow var(--va-duration-base) ease-in-out, border-color var(--va-duration-base) ease-in-out;
  }
  .va-navbar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .va-navbar--sticky {
    position: sticky;
    top: 0;
  }
  .va-navbar--scrolled {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
    border-bottom-color: transparent;
    background-color: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .va-navbar--transparent {
    background-color: transparent;
    border-bottom-color: transparent;
  }
  .va-navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
  }
  .va-navbar-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    flex-shrink: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .va-navbar-brand:hover {
    opacity: 0.8;
  }
  .va-navbar-brand:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 4px;
    border-radius: 0.5rem;
  }
  .va-navbar-brand__logo, .va-navbar-brand__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .va-navbar-brand__logo svg,
  .va-navbar-brand__logo img, .va-navbar-brand__icon svg,
  .va-navbar-brand__icon img {
    width: 100%;
    height: 100%;
  }
  .va-navbar-brand__text {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--va-color-secondary);
    line-height: 1;
  }
  .va-navbar-nav {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .va-navbar-link {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--va-color-body-text);
    text-decoration: none;
    padding: 0.5rem 0;
    position: relative;
    transition: color var(--va-duration-base) ease-in-out;
  }
  .va-navbar-link:hover, .va-navbar-link:focus-visible {
    color: var(--va-color-secondary);
    text-decoration: none;
  }
  .va-navbar-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--va-color-primary);
    transition: width var(--va-duration-base) ease-in-out;
  }
  .va-navbar-link:hover::after {
    width: 100%;
  }
  .va-navbar-link--active {
    color: var(--va-color-secondary);
    font-weight: 600;
  }
  .va-navbar-link--active::after {
    width: 100%;
  }
  .va-navbar-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
  }
  .va-navbar-btn--ghost {
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
  }
  .va-navbar-btn--outlined {
    gap: 0.375rem;
    font-size: 0.875rem;
    padding: 0.4375rem 1.25rem;
    border-radius: 50rem;
    text-decoration: none;
  }
  .va-navbar-btn--outlined:hover, .va-navbar-btn--outlined:focus-visible {
    text-decoration: none;
  }
  .va-navbar-btn--outlined svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }
  .va-navbar-btn--filled {
    gap: 0.375rem;
    font-size: 0.875rem;
    padding: 0.4375rem 1.25rem;
    border-radius: 50rem;
    text-decoration: none;
  }
  .va-navbar-btn--filled:hover, .va-navbar-btn--filled:focus-visible {
    text-decoration: none;
  }
  .va-navbar-btn--filled svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }
  .va-navbar-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0.5rem;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 0.75rem;
    transition: background-color var(--va-duration-base) ease-in-out;
  }
  .va-navbar-toggle:hover {
    background-color: var(--va-color-light-grey);
  }
  .va-navbar-toggle:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-navbar-toggle__line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--va-color-secondary);
    border-radius: 1px;
    transition: transform var(--va-duration-base) ease-in-out, opacity var(--va-duration-base) ease-in-out;
  }
  .va-navbar-toggle__line + .va-navbar-toggle__line {
    margin-top: 5px;
  }
  .va-navbar-toggle.is-open .va-navbar-toggle__line:nth-child(1), .va-navbar-toggle.is-active .va-navbar-toggle__line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .va-navbar-toggle.is-open .va-navbar-toggle__line:nth-child(2), .va-navbar-toggle.is-active .va-navbar-toggle__line:nth-child(2) {
    opacity: 0;
  }
  .va-navbar-toggle.is-open .va-navbar-toggle__line:nth-child(3), .va-navbar-toggle.is-active .va-navbar-toggle__line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  .va-navbar-collapse {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
  }
  @media (min-width: 992px) {
    .va-navbar-collapse {
      justify-content: center;
    }
    .va-navbar-actions {
      margin-left: auto;
    }
    .va-navbar-nav {
      margin: 0 auto;
    }
  }
  @media (max-width: 991.98px) {
    .va-navbar {
      flex-wrap: wrap;
      height: auto;
      min-height: 4.5rem;
      padding: 1rem 1.25rem;
    }
    .va-navbar-toggle {
      display: flex;
    }
    .va-navbar-collapse {
      max-height: 0;
      overflow: hidden;
      width: 100%;
      flex-direction: column;
      align-items: stretch;
      padding: 0;
      display: flex;
      visibility: hidden;
      transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }
    .va-navbar-collapse.is-open {
      max-height: 500px;
      padding: 1rem 0;
      visibility: visible;
    }
    .va-navbar-nav {
      flex-direction: column;
      gap: 0;
      position: static;
      transform: none;
      width: 100%;
    }
    .va-navbar-link {
      display: block;
      padding: 0.75rem 0.5rem;
      border-bottom: 1px solid var(--va-color-border);
    }
    .va-navbar-link::after {
      display: none;
    }
    .va-navbar-actions {
      flex-direction: column;
      width: 100%;
      padding-top: 1rem;
      gap: 0.5rem;
    }
    .va-navbar-actions .va-navbar-btn--ghost,
    .va-navbar-actions .va-navbar-btn--outlined,
    .va-navbar-actions .va-navbar-btn--filled {
      width: 100%;
      text-align: center;
      justify-content: center;
    }
  }
  .va-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5rem 2rem 6rem;
    overflow: hidden;
    background-color: var(--va-color-white);
  }
  .va-hero--compact {
    padding: 3rem 2rem 4rem;
  }
  .va-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    margin-bottom: 1.5rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--va-color-primary);
    background-color: rgba(4, 120, 255, 0.08);
    border: 1px solid rgba(4, 120, 255, 0.18);
    border-radius: var(--va-radius-pill);
    line-height: 1;
  }
  .va-hero__badge-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
  .va-hero__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(2.5rem, 5vw + 1rem, 4.5rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--va-color-secondary);
    max-width: 860px;
    margin: 0 auto 1.5rem;
  }
  .va-hero__subtitle {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.65;
    color: var(--va-color-body-text);
    max-width: 640px;
    margin: 0 auto 2.5rem;
  }
  .va-hero__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 4rem;
    flex-wrap: wrap;
  }
  .va-hero__btn--primary {
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 50rem;
    text-decoration: none;
  }
  .va-hero__btn--secondary {
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 50rem;
    text-decoration: none;
  }
  .va-hero__input-card {
    position: relative;
    width: 100%;
    max-width: 780px;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: 1rem;
    box-shadow: var(--va-shadow-lg);
    padding: 2rem;
    z-index: 1;
  }
  .va-hero__input-card-tabs {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--va-color-border);
    padding-bottom: 0.75rem;
  }
  .va-hero__input-card-tab {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-muted-text);
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: color var(--va-duration-base) ease-in-out, background-color var(--va-duration-base) ease-in-out;
  }
  .va-hero__input-card-tab:hover {
    color: var(--va-color-secondary);
    background-color: var(--va-color-light-grey);
  }
  .va-hero__input-card-tab--active {
    color: var(--va-color-secondary);
    font-weight: 600;
    background-color: var(--va-color-light-grey);
  }
  .va-hero__input-card-textarea {
    width: 100%;
    min-height: 120px;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--va-color-secondary);
    border: 1px solid var(--va-color-border);
    border-radius: 0.75rem;
    padding: 1rem;
    resize: vertical;
    transition: border-color var(--va-duration-base) ease-in-out, box-shadow var(--va-duration-base) ease-in-out;
  }
  .va-hero__input-card-textarea::-moz-placeholder {
    color: var(--va-color-muted-text);
  }
  .va-hero__input-card-textarea::placeholder {
    color: var(--va-color-muted-text);
  }
  .va-hero__input-card-textarea:focus {
    outline: none;
    border-color: var(--va-color-primary);
    box-shadow: 0 0 0 3px rgba(4, 120, 255, 0.12);
  }
  .va-hero__input-card-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
  }
  .va-hero__input-card-pill {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--va-color-body-text);
    background-color: var(--va-color-light-grey);
    border: 1px solid transparent;
    border-radius: var(--va-radius-pill);
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    transition: border-color var(--va-duration-base) ease-in-out, background-color var(--va-duration-base) ease-in-out, color var(--va-duration-base) ease-in-out;
  }
  .va-hero__input-card-pill:hover {
    border-color: var(--va-color-border);
    color: var(--va-color-secondary);
  }
  .va-hero__input-card-pill--active {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
    border-color: var(--va-color-secondary);
  }
  .va-hero__input-card-pill--active:hover {
    background-color: #343232;
    color: #FFFFFF;
  }
  .va-hero__input-card-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 0.75rem 1.5rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--va-color-white);
    background-color: var(--va-color-primary);
    border: none;
    border-radius: var(--va-radius-pill);
    cursor: pointer;
    transition: background-color var(--va-duration-base) ease-in-out, transform var(--va-duration-base) ease-in-out;
  }
  .va-hero__input-card-submit:hover, .va-hero__input-card-submit:focus-visible {
    background-color: rgb(0, 100.8414342629, 218.2);
    transform: translateY(-1px);
  }
  .va-hero__wave {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 300px;
    pointer-events: none;
    z-index: 1;
    opacity: 0.5;
  }
  .va-hero__wave--left {
    left: 1.5rem;
  }
  .va-hero__wave--left .va-hero__wave-bar {
    float: right;
  }
  .va-hero__wave--right {
    right: 1.5rem;
  }
  .va-hero__wave--right .va-hero__wave-bar {
    float: left;
  }
  .va-hero__wave-bar {
    display: block;
    width: 3px;
    margin: 0 3px;
    background-color: var(--va-color-primary);
    border-radius: 2px;
    opacity: 0.35;
  }
  .va-hero__wave-bar:nth-child(1) {
    height: 24px;
    animation: va-wave-pulse 1.4s ease-in-out 0.12s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(2) {
    height: 26px;
    animation: va-wave-pulse 1.4s ease-in-out 0.24s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(3) {
    height: 75px;
    animation: va-wave-pulse 1.4s ease-in-out 0.36s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(4) {
    height: 52px;
    animation: va-wave-pulse 1.4s ease-in-out 0.48s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(5) {
    height: 36px;
    animation: va-wave-pulse 1.4s ease-in-out 0.6s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(6) {
    height: 31px;
    animation: va-wave-pulse 1.4s ease-in-out 0.72s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(7) {
    height: 36px;
    animation: va-wave-pulse 1.4s ease-in-out 0.84s infinite alternate;
  }
  .va-hero__wave-bar:nth-child(8) {
    height: 94px;
    animation: va-wave-pulse 1.4s ease-in-out 0.96s infinite alternate;
  }
  @keyframes va-wave-pulse {
    0% {
      transform: scaleY(0.6);
      opacity: 0.3;
    }
    100% {
      transform: scaleY(1);
      opacity: 0.6;
    }
  }
  .va-hero__halftone {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 110%;
    height: 55%;
    pointer-events: none;
    z-index: 0;
    background-image: radial-gradient(circle, rgba(26, 25, 25, 0.09) 1px, transparent 1px);
    background-size: 1rem 1rem;
    mask-image: linear-gradient(to top, rgba(26, 25, 25, 0.35) 0%, rgba(26, 25, 25, 0.12) 50%, transparent 85%);
    -webkit-mask-image: linear-gradient(to top, rgba(26, 25, 25, 0.35) 0%, rgba(26, 25, 25, 0.12) 50%, transparent 85%);
  }
  .va-hero__float {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    opacity: 0.65;
    transition: opacity 0.3s ease-in-out;
  }
  .va-hero:hover .va-hero__float {
    opacity: 0.85;
  }
  .va-hero__float-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: 0.75rem;
    box-shadow: var(--va-shadow);
  }
  .va-hero__float-icon svg {
    width: 20px;
    height: 20px;
    color: var(--va-color-secondary);
  }
  .va-hero__float-icon--sm {
    width: 36px;
    height: 36px;
  }
  .va-hero__float-icon--sm svg {
    width: 16px;
    height: 16px;
  }
  .va-hero__float-icon--lg {
    width: 60px;
    height: 60px;
  }
  .va-hero__float-icon--lg svg {
    width: 28px;
    height: 28px;
  }
  .va-hero__float-icon--letter {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--va-color-secondary);
  }
  .va-hero__float--left-top {
    left: 8%;
    top: 35%;
  }
  .va-hero__float--left-mid {
    left: 5%;
    top: 55%;
  }
  .va-hero__float--right-top {
    right: 8%;
    top: 35%;
  }
  .va-hero__float--right-mid {
    right: 5%;
    top: 55%;
  }
  .va-hero__float--left {
    left: 6%;
    top: 40%;
  }
  .va-hero__float--right {
    right: 6%;
    top: 40%;
  }
  .va-hero__float--sm {
    width: 36px;
    height: 36px;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: 0.75rem;
    box-shadow: var(--va-shadow);
  }
  .va-hero__float--sm svg {
    width: 16px;
    height: 16px;
    color: var(--va-color-secondary);
  }
  .va-hero__float--letter {
    width: 48px;
    height: 48px;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: 0.75rem;
    box-shadow: var(--va-shadow);
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--va-color-secondary);
  }
  .va-hero__float-cursor {
    width: 2px;
    height: 24px;
    background-color: var(--va-color-primary);
    border-radius: 1px;
  }
  @media (max-width: 767.98px) {
    .va-hero {
      padding: 3rem 1.25rem 4rem;
    }
    .va-hero__title {
      font-size: clamp(2rem, 6vw, 3rem);
    }
    .va-hero__subtitle {
      font-size: 1rem;
      margin-bottom: 2rem;
    }
    .va-hero__actions {
      flex-direction: column;
      gap: 0.75rem;
      margin-bottom: 2.5rem;
    }
    .va-hero__actions .va-hero__btn--primary,
    .va-hero__actions .va-hero__btn--secondary {
      width: 100%;
      justify-content: center;
    }
    .va-hero__input-card {
      padding: 1.25rem;
    }
    .va-hero__wave {
      display: none;
    }
    .va-hero__float {
      display: none;
    }
  }
  .va-section {
    position: relative;
    padding: 6rem 2rem;
    background-color: var(--va-color-white);
  }
  .va-section + .va-section {
    border-top: 1px solid var(--va-color-border);
  }
  .va-section--sm {
    padding: 4rem 2rem;
  }
  .va-section--lg {
    padding: 8rem 2rem;
  }
  .va-section--alt {
    background-color: var(--va-color-light-grey);
  }
  .va-section--dark {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
  }
  .va-section--dark .va-section__title {
    color: var(--va-color-white);
  }
  .va-section--dark .va-section__subtitle {
    color: rgba(255, 255, 255, 0.7);
  }
  .va-section--dark .va-section__badge {
    color: #0478FF;
    background-color: rgba(4, 120, 255, 0.15);
    border-color: rgba(4, 120, 255, 0.25);
  }
  .va-section__header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 4rem;
  }
  .va-section__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 1rem;
    margin-bottom: 1.25rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--va-color-primary);
    background-color: rgba(4, 120, 255, 0.06);
    border: 1px solid rgba(4, 120, 255, 0.15);
    border-radius: var(--va-radius-pill);
    line-height: 1.4;
  }
  .va-section__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(1.75rem, 3vw + 0.5rem, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: var(--va-color-secondary);
    margin-bottom: 1rem;
  }
  .va-section__subtitle {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.65;
    color: var(--va-color-body-text);
    margin: 0;
  }
  .va-icon-inline {
    display: inline;
    vertical-align: -2px;
    margin-right: 4px;
  }
  .va-client-logos {
    padding: 3rem 0;
    text-align: center;
  }
  .va-client-logos__heading {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-muted-text);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 2rem;
  }
  .va-client-logos__grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.5rem 3rem;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .va-client-logos__logo {
    height: 28px;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0.5;
    filter: grayscale(100%);
    transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
  }
  .va-client-logos__logo:hover {
    opacity: 1;
    filter: grayscale(0%);
  }
  .client-logo-svg {
    height: 24px;
    width: auto;
    opacity: 0.4;
    transition: opacity 0.2s ease-in-out;
  }
  .client-logo-svg:hover {
    opacity: 0.7;
  }
  .va-section__divider {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    border: none;
    border-top: 1px solid var(--va-color-border);
  }
  .va-blog-section {
    max-width: 80rem;
    margin: 0 auto;
  }
  .va-blog-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 3rem;
    text-align: left;
  }
  .va-blog-section__header-content {
    max-width: 560px;
  }
  .va-blog-section__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #1A1919;
    margin-bottom: 0.5rem;
  }
  .va-blog-section__subtitle {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.65;
    color: #4B5563;
    margin: 0;
  }
  .va-blog-section__action {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1.25rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #1A1919;
    border: none;
    border-radius: 50rem;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  .va-blog-section__action:hover {
    background-color: rgb(57.2, 55, 55);
    transform: translateY(-1px);
    color: #FFFFFF;
    text-decoration: none;
  }
  .va-blog-section__action:focus-visible {
    outline: 2px solid #0478FF;
    outline-offset: 2px;
  }
  .va-blog-section__action svg {
    width: 14px;
    height: 14px;
  }
  .va-blog-section__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
  @media (max-width: 1199.98px) {
    .va-blog-section__grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 991.98px) {
    .va-blog-section__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 575.98px) {
    .va-blog-section__grid {
      grid-template-columns: 1fr;
      max-width: 24rem;
      margin: 0 auto;
    }
  }
  @media (max-width: 767.98px) {
    .va-blog-section__header {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }
  }
  .va-section__header--left {
    text-align: left;
    max-width: none;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .va-section__header--center {
    text-align: center;
  }
  .va-section--compact {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: none;
  }
  .va-section__action {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0478FF;
    text-decoration: none;
    white-space: nowrap;
    transition: gap 0.2s ease-in-out;
  }
  .va-section__action:hover {
    gap: 0.5rem;
    text-decoration: none;
  }
  .va-section__action svg {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease-in-out;
  }
  .va-section__action:hover svg {
    transform: translateX(2px);
  }
  @media (max-width: 767.98px) {
    .va-section {
      padding: 4rem 1.25rem;
    }
    .va-section--sm {
      padding: 2.5rem 1.25rem;
    }
    .va-section--lg {
      padding: 5rem 1.25rem;
    }
    .va-section__header {
      margin-bottom: 2.5rem;
    }
    .va-section__header--left {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }
  }
  .va-feature-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    padding: 4rem 0;
    overflow: hidden;
    transition: grid-template-columns 0.4s ease-in-out, gap 0.35s ease-in-out, padding 0.35s ease-in-out;
  }
  .va-feature-row > * {
    min-width: 0;
  }
  @media (max-width: 767.98px) {
    .va-feature-row {
      grid-template-columns: 1fr;
      gap: 3rem;
      padding: 3rem 0;
    }
  }
  .va-feature-row--reverse {
    direction: rtl;
  }
  .va-feature-row--reverse > * {
    direction: ltr;
  }
  .va-feature-row__text {
    max-width: 480px;
  }
  .va-feature-row__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--va-color-primary);
    background: rgba(4, 120, 255, 0.08);
    border: 1px solid rgba(4, 120, 255, 0.18);
    border-radius: var(--va-radius-pill);
    padding: 0.25rem 0.75rem;
    margin-bottom: 1rem;
  }
  .va-feature-row__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    line-height: 1.15;
    color: var(--va-color-secondary);
    margin-bottom: 1rem;
  }
  .va-feature-row__desc {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--va-color-body-text);
    margin-bottom: 1.5rem;
  }
  .va-feature-row__actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .va-feature-visual {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    transition: padding 0.35s ease-in-out, border-radius 0.25s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-feature-visual {
      padding: 1.5rem;
    }
  }
  .va-feature-visual--light {
    background: linear-gradient(135deg, #F7F7F8 0%, rgb(236.12, 236.12, 238.48) 100%);
    border: 1px solid var(--va-color-border);
  }
  .va-feature-visual--dark {
    background: linear-gradient(135deg, #1A1919 0%, black 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
  }
  .va-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-secondary);
    text-decoration: none;
    transition: color var(--va-duration-base) ease-in-out, gap var(--va-duration-base) ease-in-out;
  }
  .va-link-arrow:hover {
    color: var(--va-color-primary);
    gap: 0.5rem;
  }
  .va-link-arrow:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-link-arrow svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }
  .va-section-alt {
    background-color: var(--va-color-section-bg);
  }
  .va-section-alt + .va-section-alt {
    border-top: none;
  }
  .va-icon-16 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
  .va-icon-18 {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .va-icon-20 {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  .va-footer {
    position: relative;
    background-color: var(--va-color-secondary);
    color: rgba(255, 255, 255, 0.75);
    padding-top: 5rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
  }
  .va-footer--light {
    background-color: var(--va-color-white);
    color: var(--va-color-body-text);
    border-top: 1px solid var(--va-color-border);
  }
  .va-footer--light .va-footer__brand-text {
    color: var(--va-color-secondary);
  }
  .va-footer--light .va-footer__heading,
  .va-footer--light .va-footer__col-title {
    color: var(--va-color-secondary);
  }
  .va-footer--light .va-footer__link {
    color: var(--va-color-body-text);
  }
  .va-footer--light .va-footer__link:hover {
    color: var(--va-color-secondary);
  }
  .va-footer--light .va-footer__bottom {
    border-top-color: var(--va-color-border);
    color: var(--va-color-muted-text);
  }
  .va-footer__inner {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .va-footer__grid {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 3rem;
    padding-bottom: 4rem;
  }
  .va-footer__brand {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .va-footer__brand-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .va-footer__brand-logo svg,
  .va-footer__brand-logo img {
    width: 32px;
    height: 32px;
  }
  .va-footer__brand-text {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--va-color-white);
    line-height: 1;
  }
  .va-footer__brand-description,
  .va-footer__brand-tagline {
    font-size: 0.875rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.55);
    max-width: 280px;
  }
  .va-footer__social {
    display: flex;
    gap: 0.75rem;
  }
  .va-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.6);
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .va-footer__social-link:hover {
    background-color: var(--va-color-primary);
    color: var(--va-color-white);
  }
  .va-footer__social-link:active {
    background-color: rgb(0, 100.8414342629, 218.2);
    transform: scale(0.95);
  }
  .va-footer__social-link:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-footer__social-link svg {
    width: 16px;
    height: 16px;
  }
  .va-footer__column,
  .va-footer__col {
    display: flex;
    flex-direction: column;
  }
  .va-footer__heading,
  .va-footer__col-title {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--va-color-white);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1.25rem;
  }
  .va-footer__links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .va-footer__link {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color var(--va-duration-base) ease-in-out;
    display: inline-block;
    position: relative;
  }
  .va-footer__link::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    transition: width var(--va-duration-base) ease-in-out;
  }
  .va-footer__link:hover, .va-footer__link:focus-visible {
    color: #FFFFFF;
    text-decoration: none;
  }
  .va-footer__link:hover::after, .va-footer__link:focus-visible::after {
    width: 100%;
  }
  .va-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .va-footer__copyright {
    margin: 0;
  }
  .va-footer__bottom-links {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .va-footer__bottom-links a,
  .va-footer__bottom-links .va-footer__bottom-link {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
  }
  .va-footer__bottom-links a:hover,
  .va-footer__bottom-links .va-footer__bottom-link:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  @media (max-width: 991.98px) {
    .va-footer__grid {
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem 2rem;
    }
    .va-footer__brand {
      grid-column: 1/-1;
    }
  }
  @media (max-width: 575.98px) {
    .va-footer {
      padding-top: 3rem;
    }
    .va-footer__inner {
      padding: 0 1.25rem;
    }
    .va-footer__grid {
      grid-template-columns: 1fr;
      gap: 2rem;
      padding-bottom: 2.5rem;
    }
    .va-footer__bottom {
      flex-direction: column;
      align-items: flex-start;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  .va-btn, .va-navbar-btn--ghost, .va-navbar-btn--outlined, .va-navbar-btn--filled, .va-hero__btn--primary, .va-hero__btn--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.4;
    text-decoration: none;
    color: var(--va-color-secondary);
  }
  .va-btn:focus-visible, .va-navbar-btn--ghost:focus-visible, .va-navbar-btn--outlined:focus-visible, .va-navbar-btn--filled:focus-visible, .va-hero__btn--primary:focus-visible, .va-hero__btn--secondary:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-btn:disabled, .va-navbar-btn--ghost:disabled, .va-navbar-btn--outlined:disabled, .va-navbar-btn--filled:disabled, .va-hero__btn--primary:disabled, .va-hero__btn--secondary:disabled, .va-btn.is-disabled, .is-disabled.va-navbar-btn--ghost, .is-disabled.va-navbar-btn--outlined, .is-disabled.va-navbar-btn--filled, .is-disabled.va-hero__btn--primary, .is-disabled.va-hero__btn--secondary {
    opacity: 0.5;
    pointer-events: none;
  }
  .va-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.125em;
    height: 1.125em;
  }
  .va-btn__icon svg {
    width: 100%;
    height: 100%;
  }
  .va-btn__arrow {
    display: inline-block;
    margin-left: 0.25rem;
    transition: transform 0.2s ease-in-out;
  }
  .va-btn:hover .va-btn__arrow, .va-navbar-btn--ghost:hover .va-btn__arrow, .va-navbar-btn--outlined:hover .va-btn__arrow, .va-navbar-btn--filled:hover .va-btn__arrow, .va-hero__btn--primary:hover .va-btn__arrow, .va-hero__btn--secondary:hover .va-btn__arrow {
    transform: translateX(3px);
  }
  .va-btn--primary, .va-navbar-btn--filled, .va-hero__btn--primary {
    color: var(--va-color-white);
  }
  .va-btn--primary:hover, .va-navbar-btn--filled:hover, .va-hero__btn--primary:hover {
    background-color: #343232;
    border-color: #343232;
    color: var(--va-color-white);
    transform: translateY(-1px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .va-btn--primary:active, .va-navbar-btn--filled:active, .va-hero__btn--primary:active {
    background-color: rgb(13, 12.5, 12.5);
    border-color: rgb(13, 12.5, 12.5);
    color: var(--va-color-white);
    transform: translateY(0);
    box-shadow: none;
  }
  .va-btn--secondary, .va-navbar-btn--outlined, .va-hero__btn--secondary {
    border-color: var(--va-color-border);
  }
  .va-btn--secondary:hover, .va-navbar-btn--outlined:hover, .va-hero__btn--secondary:hover {
    background-color: var(--va-color-section-bg);
    border-color: rgb(205.9391304348, 209.7130434783, 217.2608695652);
    color: var(--va-color-secondary);
  }
  .va-btn--secondary:active, .va-navbar-btn--outlined:active, .va-hero__btn--secondary:active {
    background-color: rgb(238.84, 238.84, 240.86);
    border-color: rgb(194.4086956522, 199.0695652174, 208.3913043478);
  }
  .va-btn--accent {
    color: var(--va-color-white);
  }
  .va-btn--accent:hover {
    background-color: rgb(0, 100.8414342629, 218.2);
    border-color: rgb(0, 100.8414342629, 218.2);
    color: var(--va-color-white);
    transform: translateY(-1px);
    box-shadow: var(--va-shadow-sm);
  }
  .va-btn--accent:active {
    background-color: rgb(0, 86.6996015936, 187.6);
    border-color: rgb(0, 86.6996015936, 187.6);
    color: var(--va-color-white);
    transform: translateY(0);
    box-shadow: none;
  }
  .va-btn--ghost, .va-navbar-btn--ghost {
    color: var(--va-color-secondary);
  }
  .va-btn--ghost:hover, .va-navbar-btn--ghost:hover {
    background-color: rgba(26, 25, 25, 0.06);
    color: var(--va-color-secondary);
  }
  .va-btn--ghost:active, .va-navbar-btn--ghost:active {
    background-color: rgba(26, 25, 25, 0.1);
  }
  .va-btn--link {
    background-color: transparent;
    border-color: transparent;
    color: var(--va-color-primary);
    padding-left: 0;
    padding-right: 0;
  }
  .va-btn--link:hover {
    background-color: transparent;
    color: rgb(0, 96.1274900398, 208);
    text-decoration: none;
  }
  .va-btn--link:active {
    color: rgb(0, 81.9856573705, 177.4);
  }
  .va-btn--lg {
    padding: 0.9375rem 2rem;
    font-size: 1.0625rem;
    border-radius: 0.625rem;
  }
  .va-btn--sm {
    font-size: 0.8125rem;
    gap: 0.375rem;
  }
  .va-btn--icon {
    gap: 0.5rem;
  }
  .va-btn--icon .va-btn__icon {
    margin-right: 0;
  }
  .va-btn--block {
    display: flex;
    width: 100%;
  }
  .va-btn-group {
    display: inline-flex;
    align-items: center;
  }
  .va-btn-group .va-btn, .va-btn-group .va-navbar-btn--ghost, .va-btn-group .va-navbar-btn--outlined, .va-btn-group .va-navbar-btn--filled, .va-btn-group .va-hero__btn--primary, .va-btn-group .va-hero__btn--secondary {
    border-radius: 0;
    position: relative;
  }
  .va-btn-group .va-btn + .va-btn, .va-btn-group .va-navbar-btn--ghost + .va-btn, .va-btn-group .va-navbar-btn--outlined + .va-btn, .va-btn-group .va-navbar-btn--filled + .va-btn, .va-btn-group .va-hero__btn--primary + .va-btn, .va-btn-group .va-hero__btn--secondary + .va-btn, .va-btn-group .va-btn + .va-navbar-btn--ghost, .va-btn-group .va-navbar-btn--ghost + .va-navbar-btn--ghost, .va-btn-group .va-navbar-btn--outlined + .va-navbar-btn--ghost, .va-btn-group .va-navbar-btn--filled + .va-navbar-btn--ghost, .va-btn-group .va-hero__btn--primary + .va-navbar-btn--ghost, .va-btn-group .va-hero__btn--secondary + .va-navbar-btn--ghost, .va-btn-group .va-btn + .va-navbar-btn--outlined, .va-btn-group .va-navbar-btn--ghost + .va-navbar-btn--outlined, .va-btn-group .va-navbar-btn--outlined + .va-navbar-btn--outlined, .va-btn-group .va-navbar-btn--filled + .va-navbar-btn--outlined, .va-btn-group .va-hero__btn--primary + .va-navbar-btn--outlined, .va-btn-group .va-hero__btn--secondary + .va-navbar-btn--outlined, .va-btn-group .va-btn + .va-navbar-btn--filled, .va-btn-group .va-navbar-btn--ghost + .va-navbar-btn--filled, .va-btn-group .va-navbar-btn--outlined + .va-navbar-btn--filled, .va-btn-group .va-navbar-btn--filled + .va-navbar-btn--filled, .va-btn-group .va-hero__btn--primary + .va-navbar-btn--filled, .va-btn-group .va-hero__btn--secondary + .va-navbar-btn--filled, .va-btn-group .va-btn + .va-hero__btn--primary, .va-btn-group .va-navbar-btn--ghost + .va-hero__btn--primary, .va-btn-group .va-navbar-btn--outlined + .va-hero__btn--primary, .va-btn-group .va-navbar-btn--filled + .va-hero__btn--primary, .va-btn-group .va-hero__btn--primary + .va-hero__btn--primary, .va-btn-group .va-hero__btn--secondary + .va-hero__btn--primary, .va-btn-group .va-btn + .va-hero__btn--secondary, .va-btn-group .va-navbar-btn--ghost + .va-hero__btn--secondary, .va-btn-group .va-navbar-btn--outlined + .va-hero__btn--secondary, .va-btn-group .va-navbar-btn--filled + .va-hero__btn--secondary, .va-btn-group .va-hero__btn--primary + .va-hero__btn--secondary, .va-btn-group .va-hero__btn--secondary + .va-hero__btn--secondary {
    margin-left: -1px;
  }
  .va-btn-group .va-btn:first-child, .va-btn-group .va-navbar-btn--ghost:first-child, .va-btn-group .va-navbar-btn--outlined:first-child, .va-btn-group .va-navbar-btn--filled:first-child, .va-btn-group .va-hero__btn--primary:first-child, .va-btn-group .va-hero__btn--secondary:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .va-btn-group .va-btn:last-child, .va-btn-group .va-navbar-btn--ghost:last-child, .va-btn-group .va-navbar-btn--outlined:last-child, .va-btn-group .va-navbar-btn--filled:last-child, .va-btn-group .va-hero__btn--primary:last-child, .va-btn-group .va-hero__btn--secondary:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .va-btn-group .va-btn:hover, .va-btn-group .va-navbar-btn--ghost:hover, .va-btn-group .va-navbar-btn--outlined:hover, .va-btn-group .va-navbar-btn--filled:hover, .va-btn-group .va-hero__btn--primary:hover, .va-btn-group .va-hero__btn--secondary:hover, .va-btn-group .va-btn:focus, .va-btn-group .va-navbar-btn--ghost:focus, .va-btn-group .va-navbar-btn--outlined:focus, .va-btn-group .va-navbar-btn--filled:focus, .va-btn-group .va-hero__btn--primary:focus, .va-btn-group .va-hero__btn--secondary:focus, .va-btn-group .va-btn:active, .va-btn-group .va-navbar-btn--ghost:active, .va-btn-group .va-navbar-btn--outlined:active, .va-btn-group .va-navbar-btn--filled:active, .va-btn-group .va-hero__btn--primary:active, .va-btn-group .va-hero__btn--secondary:active, .va-btn-group .va-btn.is-active, .va-btn-group .is-active.va-navbar-btn--ghost, .va-btn-group .is-active.va-navbar-btn--outlined, .va-btn-group .is-active.va-navbar-btn--filled, .va-btn-group .is-active.va-hero__btn--primary, .va-btn-group .is-active.va-hero__btn--secondary {
    z-index: 1;
  }
  .va-link--arrow {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-primary);
    text-decoration: none;
    transition: color var(--va-duration-base) ease-in-out;
  }
  .va-link--arrow::after {
    content: "→";
    display: inline-block;
    transition: transform 0.2s ease-in-out;
  }
  .va-link--arrow:hover {
    color: rgb(0, 96.1274900398, 208);
    text-decoration: none;
  }
  .va-link--arrow:hover::after {
    transform: translateX(3px);
  }
  .va-link--arrow:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
  }
  .va-link--arrow:active {
    color: rgb(0, 81.9856573705, 177.4);
  }
  .va-card {
    padding: 1.5rem;
    overflow: hidden;
  }
  .va-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .va-card--flush > .va-card__header {
    padding: 1.25rem 1.5rem;
    margin-bottom: 0;
  }
  .va-card--flush > .va-card__body {
    padding: 1.5rem;
  }
  .va-card__footer {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    margin-top: auto;
  }
  .va-card--flush > .va-card__footer {
    padding: 1.25rem 1.5rem;
    margin-top: 0;
  }
  .va-card__image {
    margin: -1.5rem -1.5rem 0;
    overflow: hidden;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .va-card__image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .va-card--flush > .va-card__image {
    margin: 0;
  }
  .va-card__image--bottom {
    margin: 0 -1.5rem -1.5rem;
    border-radius: 0 0 0.75rem 0.75rem;
    order: 999;
  }
  .va-card__title {
    font-size: 1.25rem;
    margin: 0 0 0.5rem;
  }
  .va-card__text {
    font-size: 0.9375rem;
    margin: 0;
  }
  .va-card__text + .va-card__text {
    margin-top: 0.5rem;
  }
  .va-card--elevated {
    border-color: transparent;
    box-shadow: var(--va-shadow-md);
  }
  .va-card--bordered {
    border-color: #E5E7EB;
    box-shadow: none;
  }
  .va-card--interactive {
    cursor: pointer;
    transition: transform var(--va-duration-base) ease-in-out, box-shadow var(--va-duration-base) ease-in-out, border-color var(--va-duration-base) ease-in-out;
  }
  .va-card--interactive:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
    border-color: rgb(211.7043478261, 215.0347826087, 221.6956521739);
  }
  .va-card--interactive:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
  }
  .va-card--interactive:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }
  .va-card--flush {
    padding: 0;
  }
  .va-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    line-height: 1.4;
    color: var(--va-color-secondary);
    background-color: var(--va-color-light-grey);
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  .va-badge__icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    width: 0.875em;
    height: 0.875em;
  }
  .va-badge__icon svg {
    width: 100%;
    height: 100%;
  }
  .va-badge--primary {
    background-color: rgba(4, 120, 255, 0.1);
    color: var(--va-color-primary);
  }
  .va-badge--dark {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
  }
  .va-badge--light {
    background-color: var(--va-color-section-bg);
    color: var(--va-color-body-text);
  }
  .va-badge--outline {
    background-color: transparent;
    border-color: var(--va-color-border);
    color: var(--va-color-body-text);
  }
  .va-badge--pill {
    border-radius: 50rem;
  }
  .va-badge--sm {
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
  }
  .va-badge--lg {
    padding: 0.375rem 0.875rem;
    font-size: 0.875rem;
  }
  .va-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--va-color-primary);
    background-color: rgba(4, 120, 255, 0.08);
    border-radius: var(--va-radius-sm);
    white-space: nowrap;
  }
  .va-tag--dark {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
  }
  .va-tag--light {
    background-color: var(--va-color-section-bg);
    color: var(--va-color-body-text);
  }
  .va-tag--success {
    background-color: rgba(16, 185, 129, 0.1);
    color: rgb(11.9402985075, 138.0597014925, 96.2686567164);
  }
  .va-tag__icon {
    display: inline-flex;
    align-items: center;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
  }
  .va-tag__icon svg {
    width: 100%;
    height: 100%;
  }
  .va-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--va-color-body-text);
    background-color: var(--va-color-section-bg);
    border: 1px solid var(--va-color-border);
    border-radius: var(--va-radius-pill);
  }
  .va-section-badge__icon {
    display: inline-flex;
    align-items: center;
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
  }
  .va-section-badge__icon svg {
    width: 100%;
    height: 100%;
  }
  .va-section-badge--accent {
    background-color: rgba(4, 120, 255, 0.06);
    border-color: rgba(4, 120, 255, 0.15);
    color: var(--va-color-primary);
  }
  .va-discount-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--va-color-body-text);
    background-color: var(--va-color-section-bg);
    border: 1px solid var(--va-color-border);
    border-radius: var(--va-radius-pill);
  }
  .va-discount-badge__value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--va-color-white);
    background-color: var(--va-color-primary);
    border-radius: 50rem;
    line-height: 1.3;
  }
  .va-discount-badge--success .va-discount-badge__value {
    background-color: #10B981;
  }
  .va-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
  }
  .va-form-group:last-child {
    margin-bottom: 0;
  }
  .va-form-label {
    line-height: 1.4;
  }
  .va-form-label--required::after {
    content: " *";
    color: #EF4444;
  }
  .va-form-input:hover {
    border-color: rgb(200.1739130435, 204.3913043478, 212.8260869565);
  }
  .va-form-input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .va-form-input.is-invalid {
    border-color: #EF4444;
  }
  .va-form-input.is-invalid:focus-visible {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
  }
  .va-form-input.is-valid {
    border-color: #10B981;
  }
  .va-form-input.is-valid:focus-visible {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
  }
  .va-form-textarea:hover {
    border-color: rgb(200.1739130435, 204.3913043478, 212.8260869565);
  }
  .va-form-textarea:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .va-form-textarea.is-invalid {
    border-color: #EF4444;
  }
  .va-form-textarea.is-invalid:focus-visible {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
  }
  .va-form-textarea.is-valid {
    border-color: #10B981;
  }
  .va-form-textarea.is-valid:focus-visible {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
  }
  .va-form-textarea {
    min-height: 7rem;
    resize: vertical;
  }
  .va-form-select:hover {
    border-color: rgb(200.1739130435, 204.3913043478, 212.8260869565);
  }
  .va-form-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .va-form-select.is-invalid {
    border-color: #EF4444;
  }
  .va-form-select.is-invalid:focus-visible {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
  }
  .va-form-select.is-valid {
    border-color: #10B981;
  }
  .va-form-select.is-valid:focus-visible {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
  }
  .va-form-select {
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    cursor: pointer;
  }
  .va-form-checkbox {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.625rem;
    cursor: pointer;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--va-color-body-text);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .va-form-checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  .va-form-checkbox__input:checked + .va-form-checkbox__check {
    background-color: var(--va-color-primary);
    border-color: var(--va-color-primary);
  }
  .va-form-checkbox__input:checked + .va-form-checkbox__check::after {
    opacity: 1;
    transform: scale(1);
  }
  .va-form-checkbox__input:focus-visible + .va-form-checkbox__check {
    box-shadow: 0 0 0 3px rgba(4, 120, 255, 0.15);
  }
  .va-form-checkbox__check {
    position: relative;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    border: 1.5px solid #E5E7EB;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    transition: all 0.15s ease-in-out;
  }
  .va-form-checkbox__check::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.375rem;
    height: 0.625rem;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg) scale(0);
    opacity: 0;
    transition: all 0.15s ease-in-out;
  }
  .va-form-checkbox__label {
    line-height: 1.5;
  }
  .va-form-error {
    display: block;
    font-size: 0.8125rem;
  }
  .va-form-hint {
    font-size: 0.8125rem;
  }
  .va-input-card {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    overflow: hidden;
    max-width: 780px;
    margin: 0 auto;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 2;
  }
  .va-input-card__tabs {
    display: flex;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .va-input-card__tab {
    padding: 0.875rem 1.25rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-body-text);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all var(--va-duration-fast) ease-in-out;
    margin-bottom: -1px;
  }
  .va-input-card__tab:hover {
    color: var(--va-color-secondary);
  }
  .va-input-card__tab:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-input-card__tab--active {
    color: var(--va-color-secondary);
    border-bottom-color: var(--va-color-primary);
  }
  .va-input-card__body {
    padding: 1.25rem 1.5rem;
  }
  .va-input-card__body textarea,
  .va-input-card__body .va-input-card__textarea {
    display: block;
    width: 100%;
    min-height: 8rem;
    padding: 0;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #1A1919;
    background: transparent;
    border: none;
    resize: none;
    outline: none;
  }
  .va-input-card__body textarea::-moz-placeholder, .va-input-card__body .va-input-card__textarea::-moz-placeholder {
    color: #6B7280;
  }
  .va-input-card__body textarea::placeholder,
  .va-input-card__body .va-input-card__textarea::placeholder {
    color: #6B7280;
  }
  .va-input-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #E5E7EB;
  }
  .va-input-card__pills {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
  }
  .va-input-card__char-count {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    color: var(--va-color-body-text);
    white-space: nowrap;
  }
  .va-input-card__send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: var(--va-color-primary);
    color: var(--va-color-white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
  }
  .va-input-card__send:hover {
    background-color: rgb(0, 100.8414342629, 218.2);
    transform: scale(1.05);
  }
  .va-input-card__send:active {
    transform: scale(0.95);
  }
  .va-input-card__send:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
  }
  .va-input-card__send:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-input-card__send svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .va-category-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--va-color-body-text);
    background-color: var(--va-color-section-bg);
    border: 1px solid transparent;
    border-radius: var(--va-radius-pill);
    cursor: pointer;
    transition: all var(--va-duration-fast) ease-in-out;
    white-space: nowrap;
  }
  .va-category-pill:hover {
    background-color: rgb(236.12, 236.12, 238.48);
    color: var(--va-color-secondary);
  }
  .va-category-pill:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-category-pill__icon {
    display: inline-flex;
    align-items: center;
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
  }
  .va-category-pill__icon svg {
    width: 100%;
    height: 100%;
  }
  .va-category-pill--active {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
    border-color: var(--va-color-secondary);
  }
  .va-category-pill--active:hover {
    background-color: rgb(46.8, 45, 45);
    color: var(--va-color-white);
  }
  .va-char-counter {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--va-color-muted-text);
    white-space: nowrap;
  }
  .va-char-counter__current {
    color: var(--va-color-body-text);
    font-weight: 500;
  }
  .va-char-counter--warning .va-char-counter__current {
    color: #F59E0B;
  }
  .va-char-counter--error .va-char-counter__current {
    color: #EF4444;
  }
  .va-input-card__footer-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    flex: 1;
    min-width: 0;
  }
  .va-input-card__footer-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
  }
  .va-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }
  .va-input-wrapper .va-form-input {
    padding-right: 2.75rem;
  }
  .va-input-wrapper__toggle {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    color: var(--va-color-body-text);
    transition: color var(--va-duration-fast) ease-in-out, background-color var(--va-duration-fast) ease-in-out;
  }
  .va-input-wrapper__toggle:hover {
    color: var(--va-color-secondary);
    background-color: var(--va-color-light-grey);
  }
  .va-input-wrapper__toggle:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-input-wrapper__toggle svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .va-pricing {
    width: 100%;
  }
  .va-pricing__tabs-wrapper {
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .va-pricing__tabs-wrapper .va-discount-badge {
    margin-top: 0.75rem;
  }
  .va-pricing__tabs {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem;
    background-color: var(--va-color-light-grey);
    border-radius: 100vw;
    margin-bottom: 0;
  }
  .va-pricing__tab {
    padding: 0.5rem 1.25rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-body-text);
    background: transparent;
    border: none;
    border-radius: 100vw;
    cursor: pointer;
    transition: all var(--va-duration-base) ease-in-out;
    white-space: nowrap;
  }
  .va-pricing__tab:hover {
    color: var(--va-color-secondary);
  }
  .va-pricing__tab:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-pricing__tab--active {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  }
  .va-pricing__tab--active:hover {
    color: var(--va-color-white);
  }
  .va-pricing__tab--active-light {
    background-color: var(--va-color-white);
    color: var(--va-color-secondary);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  .va-pricing__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    align-items: start;
    transition: grid-template-columns 0.35s ease-in-out, gap 0.35s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pricing__grid {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      gap: 1rem;
      padding-bottom: 1rem;
      margin: 0 -1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .va-pricing__grid::-webkit-scrollbar {
      display: none;
    }
    .va-pricing__grid > .va-pricing-card {
      flex: 0 0 85%;
      max-width: 320px;
      scroll-snap-align: center;
    }
  }
  .va-pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: var(--va-radius);
    transition: border-color var(--va-duration-base) ease-in-out, box-shadow var(--va-duration-base) ease-in-out, transform var(--va-duration-base) ease-in-out;
  }
  .va-pricing-card:hover:not(.va-pricing-card--featured) {
    border-color: rgb(194.4086956522, 199.0695652174, 208.3913043478);
    box-shadow: var(--va-shadow-md);
  }
  .va-pricing-card .va-pricing-card__corners,
  .va-pricing-card .va-pricing-card__corners-bottom {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
    z-index: 1;
  }
  .va-pricing-card .va-pricing-card__corners::before, .va-pricing-card .va-pricing-card__corners::after {
    content: "+";
    position: absolute;
    top: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-pricing-card .va-pricing-card__corners::before {
    left: 0.75rem;
  }
  .va-pricing-card .va-pricing-card__corners::after {
    right: 0.75rem;
  }
  .va-pricing-card .va-pricing-card__corners-bottom::before, .va-pricing-card .va-pricing-card__corners-bottom::after {
    content: "+";
    position: absolute;
    bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-pricing-card .va-pricing-card__corners-bottom::before {
    left: 0.75rem;
  }
  .va-pricing-card .va-pricing-card__corners-bottom::after {
    right: 0.75rem;
  }
  .va-pricing-card__badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.375rem;
    padding: 0.3125rem 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--va-color-secondary);
    background-color: var(--va-color-light-grey);
    border-radius: 100vw;
    margin-bottom: 1.25rem;
  }
  .va-pricing-card__price {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.1;
    color: var(--va-color-secondary);
    margin-bottom: 0.75rem;
  }
  .va-pricing-card__price span, .va-pricing-card__price-suffix {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--va-color-body-text);
  }
  .va-pricing-card__description {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--va-color-body-text);
    margin-bottom: 1.5rem;
  }
  .va-pricing-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 0.9375rem;
    border-color: var(--va-color-border);
    color: var(--va-color-secondary);
    margin-bottom: 1.5rem;
  }
  .va-pricing-card__cta:hover {
    background-color: var(--va-color-section-bg);
    border-color: rgb(205.9391304348, 209.7130434783, 217.2608695652);
    color: var(--va-color-secondary);
  }
  .va-pricing-card__cta:active {
    background-color: rgb(238.84, 238.84, 240.86);
    border-color: rgb(194.4086956522, 199.0695652174, 208.3913043478);
    transform: scale(0.98);
  }
  .va-pricing-card__cta:disabled, .va-pricing-card__cta.is-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
  .va-pricing-card__features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .va-pricing-card__feature {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--va-color-body-text);
  }
  .va-pricing-card__feature-icon {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    color: var(--va-color-primary);
  }
  .va-pricing-card__badge--free {
    background-color: rgba(16, 185, 129, 0.08);
    color: rgb(11.128358209, 128.671641791, 89.7223880597);
  }
  .va-pricing-card__badge--creator {
    background-color: rgba(4, 120, 255, 0.08);
    color: #0478FF;
  }
  .va-pricing-card__badge--business {
    background-color: rgba(4, 120, 255, 0.06);
    color: rgb(0, 100.8414342629, 218.2);
  }
  .va-pricing-card--featured {
    border-color: var(--va-color-secondary);
    box-shadow: var(--va-shadow-lg);
    transform: scale(1.02);
    z-index: 1;
  }
  .va-pricing-card--featured .va-pricing-card__badge {
    background-color: var(--va-color-secondary);
    color: var(--va-color-white);
  }
  .va-pricing-card--featured .va-pricing-card__cta {
    background-color: var(--va-color-secondary);
    border-color: var(--va-color-secondary);
    color: var(--va-color-white);
  }
  .va-pricing-card--featured .va-pricing-card__cta:hover {
    background-color: #343232;
    border-color: #343232;
  }
  @media (max-width: 767.98px) {
    .va-pricing-card--featured {
      transform: none;
    }
  }
  .va-pricing-section {
    position: relative;
    overflow: hidden;
    padding: 5rem 0;
  }
  .va-pricing-section__dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: radial-gradient(circle, rgba(26, 25, 25, 0.07) 1px, transparent 1px);
    background-size: 1.5rem 1.5rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(26, 25, 25, 0.35) 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(26, 25, 25, 0.35) 0%, transparent 70%);
  }
  .va-pricing-section .va-pricing,
  .va-pricing-section .va-section__header,
  .va-pricing-section .va-pricing__tabs,
  .va-pricing-section .va-pricing__grid,
  .va-pricing-section .va-discount-badge {
    position: relative;
    z-index: 1;
  }
  .va-blog-card {
    display: flex;
    flex-direction: column;
    background-color: var(--va-color-white);
    border: 1px solid var(--va-color-border);
    border-radius: var(--va-radius);
    overflow: hidden;
    transition: transform var(--va-duration-base) ease-in-out, box-shadow var(--va-duration-base) ease-in-out;
  }
  .va-blog-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  }
  .va-blog-card:focus-visible {
    outline: 2px solid #0478FF;
    outline-offset: 2px;
  }
  .va-blog-card__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
    background-color: var(--va-color-light-grey);
  }
  .va-blog-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.3s ease-in-out;
  }
  .va-blog-card:hover .va-blog-card__image img {
    transform: scale(1.03);
  }
  .va-blog-card__content, .va-blog-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.5rem;
  }
  .va-blog-card__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    color: var(--va-color-body-text);
    margin-bottom: 0.75rem;
  }
  .va-blog-card__meta span + span::before {
    content: "·";
    margin-right: 0.75rem;
    color: rgb(200.1739130435, 204.3913043478, 212.8260869565);
  }
  .va-blog-card__category, .va-blog-card__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--va-color-primary);
    background-color: rgba(4, 120, 255, 0.08);
    border-radius: 0.25rem;
  }
  .va-blog-card__category::before, .va-blog-card__tag::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: currentColor;
    flex-shrink: 0;
  }
  .va-blog-card__category--product, .va-blog-card__tag--product {
    color: #0478FF;
    background-color: rgba(4, 120, 255, 0.08);
  }
  .va-blog-card__category--design, .va-blog-card__tag--design {
    color: #8B5CF6;
    background-color: rgba(139, 92, 246, 0.08);
  }
  .va-blog-card__category--tutorial, .va-blog-card__tag--tutorial {
    color: rgb(12.752238806, 147.447761194, 102.8149253731);
    background-color: rgba(16, 185, 129, 0.08);
  }
  .va-blog-card__category--news, .va-blog-card__tag--news {
    color: rgb(206.7275590551, 133.0173228346, 8.4724409449);
    background-color: rgba(245, 158, 11, 0.08);
  }
  .va-blog-card__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--va-color-secondary);
    margin: 0 0 0.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .va-blog-card__excerpt {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--va-color-body-text);
    margin: 0 0 1rem;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .va-blog-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-secondary);
    text-decoration: none;
    transition: color var(--va-duration-fast) ease-in-out, gap var(--va-duration-fast) ease-in-out;
  }
  .va-blog-card__link::after {
    content: "→";
    transition: transform 0.15s ease-in-out;
  }
  .va-blog-card__link:hover {
    color: var(--va-color-primary);
  }
  .va-blog-card__link:hover::after {
    transform: translateX(3px);
  }
  .va-blog-card__link:focus-visible {
    color: var(--va-color-primary);
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-blog-card--lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  }
  .va-blog-card--horizontal {
    flex-direction: row;
  }
  .va-blog-card--horizontal .va-blog-card__image {
    width: 40%;
    min-width: 16rem;
    aspect-ratio: auto;
  }
  .va-blog-card--horizontal .va-blog-card__content,
  .va-blog-card--horizontal .va-blog-card__body {
    flex: 1;
    justify-content: center;
  }
  @media (max-width: 767.98px) {
    .va-blog-card--horizontal {
      flex-direction: column;
    }
    .va-blog-card--horizontal .va-blog-card__image {
      width: 100%;
      min-width: auto;
      aspect-ratio: 16/10;
    }
  }
  .va-trust-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding: 2rem 1.5rem;
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
  }
  .va-trust-bar--bordered {
    border-top: 1px solid var(--va-color-border);
    padding-top: 2.5rem;
  }
  .va-trust-bar__text {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--va-color-body-text);
    letter-spacing: 0.01em;
    margin: 0;
  }
  .va-trust-bar__text strong {
    font-weight: 700;
    color: var(--va-color-secondary);
  }
  .va-trust-bar__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 2.5rem;
  }
  @media (max-width: 575.98px) {
    .va-trust-bar__logos {
      gap: 1.5rem 1.5rem;
    }
  }
  .va-trust-bar__logo {
    display: block;
    height: 24px;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.55;
    transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  }
  .va-trust-bar__logo:hover {
    opacity: 1;
    filter: grayscale(0%);
  }
  @media (max-width: 575.98px) {
    .va-trust-bar__logo {
      height: 20px;
    }
  }
  .va-trust-bar__logos--separated .va-trust-bar__logo {
    padding-right: 2.5rem;
    border-right: 1px solid var(--va-color-border);
  }
  .va-trust-bar__logos--separated .va-trust-bar__logo:last-child {
    padding-right: 0;
    border-right: none;
  }
  @media (max-width: 575.98px) {
    .va-trust-bar__logos--separated .va-trust-bar__logo {
      padding-right: 1.5rem;
    }
  }
  .va-trust-bar--dark .va-trust-bar__text {
    color: rgba(255, 255, 255, 0.6);
  }
  .va-trust-bar--dark .va-trust-bar__text strong {
    color: #FFFFFF;
  }
  .va-trust-bar--dark .va-trust-bar__logo {
    filter: grayscale(100%) brightness(10);
    opacity: 0.4;
  }
  .va-trust-bar--dark .va-trust-bar__logo:hover {
    opacity: 0.7;
    filter: grayscale(50%) brightness(10);
  }
  .va-trust-bar--dark .va-trust-bar__logos--separated .va-trust-bar__logo {
    border-right-color: rgba(255, 255, 255, 0.1);
  }
  .va-pattern-halftone {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-halftone::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/halftone-wide.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-halftone::before {
      background-size: 200% auto;
      background-position: center bottom;
    }
  }
  .va-pattern-halftone > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-halftone--bottom::before {
    background-position: center bottom;
    mask-image: linear-gradient(to top, rgba(26, 25, 25, 0.85) 0%, rgba(26, 25, 25, 0.4) 40%, transparent 75%);
    -webkit-mask-image: linear-gradient(to top, rgba(26, 25, 25, 0.85) 0%, rgba(26, 25, 25, 0.4) 40%, transparent 75%);
  }
  .va-pattern-halftone--center::before {
    background-position: center center;
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(26, 25, 25, 0.5) 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(26, 25, 25, 0.5) 0%, transparent 80%);
  }
  .va-pattern-halftone--left::before {
    background-position: left center;
    mask-image: linear-gradient(to right, rgba(26, 25, 25, 0.6) 0%, transparent 60%);
    -webkit-mask-image: linear-gradient(to right, rgba(26, 25, 25, 0.6) 0%, transparent 60%);
  }
  .va-pattern-halftone--right::before {
    background-position: right center;
    mask-image: linear-gradient(to left, rgba(26, 25, 25, 0.6) 0%, transparent 60%);
    -webkit-mask-image: linear-gradient(to left, rgba(26, 25, 25, 0.6) 0%, transparent 60%);
  }
  .va-pattern-halftone--dense::before {
    background-size: 150% auto;
    background-position: center 85%;
    mask-image: linear-gradient(to top, #1a1919 0%, rgba(26, 25, 25, 0.95) 30%, rgba(26, 25, 25, 0.5) 55%, transparent 75%);
    -webkit-mask-image: linear-gradient(to top, #1a1919 0%, rgba(26, 25, 25, 0.95) 30%, rgba(26, 25, 25, 0.5) 55%, transparent 75%);
  }
  .va-pattern-halftone--band::before {
    background-size: 120% auto;
    background-position: center 50%;
    mask-image: linear-gradient(to bottom, transparent 15%, rgba(26, 25, 25, 0.5) 30%, rgba(26, 25, 25, 0.9) 45%, rgba(26, 25, 25, 0.9) 55%, rgba(26, 25, 25, 0.5) 70%, transparent 85%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 15%, rgba(26, 25, 25, 0.5) 30%, rgba(26, 25, 25, 0.9) 45%, rgba(26, 25, 25, 0.9) 55%, rgba(26, 25, 25, 0.5) 70%, transparent 85%);
  }
  .va-pattern-halftone--light::before {
    opacity: 0.4;
  }
  .va-pattern-halftone--dark::before {
    filter: invert(1);
    opacity: var(--va-pattern-opacity, 0.7);
  }
  .va-pattern-waveform {
    position: absolute;
    left: 0;
    right: 0;
    height: 80px;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .va-pattern-waveform img,
  .va-pattern-waveform svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .va-pattern-waveform-bg {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-waveform-bg::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    height: 80px;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/sound-wave-wide.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.5);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-waveform-bg::after {
      height: 50px;
      bottom: 40%;
      opacity: var(--va-pattern-opacity, 0.3);
    }
  }
  .va-pattern-noise {
    position: relative;
    contain: layout style;
  }
  .va-pattern-noise::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/noise-texture.svg");
    background-repeat: repeat;
    background-size: 200px 200px;
    opacity: var(--va-pattern-opacity, 0.5);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-noise::after {
      opacity: var(--va-pattern-opacity, 0.3);
    }
  }
  .va-pattern-noise > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-circuit {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-circuit::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/circuit-lines.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-circuit::before {
      background-size: 180% auto;
      opacity: var(--va-pattern-opacity, 0.7);
    }
  }
  .va-pattern-circuit > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-circuit--light::before {
    opacity: 0.5;
  }
  .va-pattern-circuit--right::before {
    background-position: 70% center;
  }
  .va-pattern-rings {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-rings::before {
    content: "";
    position: absolute;
    width: var(--va-ring-size, 600px);
    height: var(--va-ring-size, 600px);
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/concentric-rings.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-rings::before {
      width: var(--va-ring-size, 360px);
      height: var(--va-ring-size, 360px);
    }
  }
  .va-pattern-rings > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-rings--left::before {
    left: 15%;
    transform: translate(-50%, -50%);
  }
  .va-pattern-rings--right::before {
    left: 85%;
    transform: translate(-50%, -50%);
  }
  .va-pattern-rings--small::before {
    width: 320px;
    height: 320px;
  }
  @media (max-width: 767.98px) {
    .va-pattern-rings--small::before {
      width: 200px;
      height: 200px;
    }
  }
  .va-bg-grid-lines {
    position: relative;
    contain: layout style;
  }
  .va-bg-grid-lines::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/grid-lines.svg");
    background-repeat: repeat;
    background-size: 48px 48px;
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
    mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.4) 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.4) 0%, transparent 70%);
  }
  .va-bg-grid-lines > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-bg-grid-lines--dense::before {
    background-size: 24px 24px;
  }
  .va-bg-grid-lines--full::before {
    mask-image: none;
    -webkit-mask-image: none;
  }
  .va-pattern-diagonal {
    position: relative;
    contain: layout style;
  }
  .va-pattern-diagonal::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/diagonal-lines.svg");
    background-repeat: repeat;
    background-size: 40px 40px;
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-diagonal::after {
      opacity: var(--va-pattern-opacity, 0.6);
    }
  }
  .va-pattern-diagonal > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-diagonal--dense::after {
    background-size: 20px 20px;
  }
  .va-bg-mesh {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-bg-mesh::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/mesh-gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-bg-mesh::before {
      opacity: var(--va-pattern-opacity, 0.6);
    }
  }
  .va-bg-mesh > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-bg-mesh--dark::before {
    filter: invert(1);
    opacity: 0.4;
  }
  .va-pattern-halftone-dots {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-halftone-dots::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/halftone-dots.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.8);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-halftone-dots::before {
      opacity: var(--va-pattern-opacity, 0.5);
    }
  }
  .va-pattern-halftone-dots > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-wave-hero {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-wave-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20%;
    height: 120px;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/sound-wave-hero.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.6);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-wave-hero::after {
      height: 60px;
      bottom: 25%;
      opacity: var(--va-pattern-opacity, 0.35);
    }
  }
  .va-pattern-wave-hero > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-grid-dots {
    position: relative;
    contain: layout style;
  }
  .va-pattern-grid-dots::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/grid-dots.svg");
    background-repeat: repeat;
    background-size: 24px 24px;
    opacity: var(--va-pattern-opacity, 0.5);
    transition: opacity 0.3s ease-in-out;
    mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.4) 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.4) 0%, transparent 70%);
  }
  .va-pattern-grid-dots > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-grid-dots--full::before {
    mask-image: none;
    -webkit-mask-image: none;
  }
  .va-bg-radial-soft {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-bg-radial-soft::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/gradient-radial-soft.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.6);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-bg-radial-soft::before {
      opacity: var(--va-pattern-opacity, 0.4);
    }
  }
  .va-bg-radial-soft > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-bg-radial-soft--top::before {
    background-position: center top;
    mask-image: linear-gradient(to bottom, rgba(26, 25, 25, 0.7) 0%, transparent 60%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(26, 25, 25, 0.7) 0%, transparent 60%);
  }
  .va-pattern-voice-ripple {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-voice-ripple::before {
    content: "";
    position: absolute;
    width: var(--va-ripple-size, 640px);
    height: var(--va-ripple-size, 640px);
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/voice-ripple.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-voice-ripple::before {
      width: var(--va-ripple-size, 400px);
      height: var(--va-ripple-size, 400px);
    }
  }
  .va-pattern-voice-ripple > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-pattern-voice-ripple--left::before {
    left: 20%;
  }
  .va-pattern-voice-ripple--right::before {
    left: 80%;
  }
  .va-pattern-voice-ripple--small::before {
    width: 320px;
    height: 320px;
  }
  @media (max-width: 767.98px) {
    .va-pattern-voice-ripple--small::before {
      width: 200px;
      height: 200px;
    }
  }
  .va-pattern-voice-ripple--subtle::before {
    opacity: var(--va-pattern-opacity, 0.5);
  }
  .va-bg-spotlight {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-bg-spotlight::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/spotlight-gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.8);
    transition: opacity 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-bg-spotlight::before {
      opacity: var(--va-pattern-opacity, 0.5);
    }
  }
  .va-bg-spotlight > *:not(.va-hero__float) {
    position: relative;
    z-index: 1;
  }
  .va-bg-spotlight--top-right::before {
    transform: scaleX(-1);
  }
  .va-bg-spotlight--bottom-left::before {
    transform: scaleY(-1);
  }
  .va-bg-spotlight--center::before {
    background-position: center center;
    mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(26, 25, 25, 0.6) 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(26, 25, 25, 0.6) 0%, transparent 80%);
  }
  .va-feature-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    transition: grid-template-columns 0.4s cubic-bezier(0.4, 0, 0.2, 1), gap 0.35s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .va-feature-split {
      grid-template-columns: 1fr;
      gap: 0.75rem;
    }
  }
  .va-feature-split__light {
    position: relative;
    overflow: hidden;
    background-color: #F7F7F8;
    border-radius: 1rem;
    padding: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
  }
  @media (max-width: 767.98px) {
    .va-feature-split__light {
      padding: 1.5rem;
      min-height: 240px;
    }
  }
  .va-feature-split__dark {
    position: relative;
    overflow: hidden;
    background-color: #1A1919;
    border-radius: 1rem;
    padding: 2.5rem;
    color: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
  }
  .va-feature-split__dark h1, .va-feature-split__dark .h1, .va-feature-split__dark .va-h1, .va-feature-split__dark h2, .va-feature-split__dark .h2, .va-feature-split__dark .va-h2, .va-feature-split__dark h3, .va-feature-split__dark .h3, .va-feature-split__dark .va-h3, .va-feature-split__dark h4, .va-feature-split__dark .h4, .va-feature-split__dark .va-h4, .va-feature-split__dark h5, .va-feature-split__dark .h5, .va-feature-split__dark .va-h5, .va-feature-split__dark h6, .va-feature-split__dark .h6, .va-feature-split__dark .va-h6 {
    color: #FFFFFF;
  }
  @media (max-width: 767.98px) {
    .va-feature-split__dark {
      padding: 1.5rem;
      min-height: 240px;
    }
  }
  .va-bg-glow {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-bg-glow::before {
    content: "";
    position: absolute;
    width: var(--va-glow-size, 600px);
    height: var(--va-glow-size, 600px);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    background: var(--va-glow-color, radial-gradient(circle, rgba(4, 120, 255, 0.06) 0%, rgba(4, 120, 255, 0.02) 40%, transparent 70%));
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media (max-width: 767.98px) {
    .va-bg-glow::before {
      width: var(--va-glow-size, 400px);
      height: var(--va-glow-size, 400px);
    }
  }
  .va-bg-glow > * {
    position: relative;
    z-index: 1;
  }
  .va-bg-glow--blue::before {
    background: radial-gradient(circle, rgba(4, 120, 255, 0.08) 0%, rgba(4, 120, 255, 0.03) 40%, transparent 70%);
  }
  .va-bg-glow--neutral::before {
    background: radial-gradient(circle, rgba(26, 25, 25, 0.04) 0%, rgba(26, 25, 25, 0.01) 40%, transparent 70%);
  }
  .va-bg-glow--top-right::before {
    top: -10%;
    left: auto;
    right: -10%;
    transform: none;
  }
  .va-bg-glow--bottom-left::before {
    top: auto;
    bottom: -10%;
    left: -10%;
    transform: none;
  }
  .va-bg-alt {
    background-color: #F7F7F8;
  }
  .va-bg-dark {
    color: rgba(255, 255, 255, 0.85);
  }
  .va-bg-dark h1, .va-bg-dark .h1, .va-bg-dark .va-h1, .va-bg-dark h2, .va-bg-dark .h2, .va-bg-dark .va-h2, .va-bg-dark h3, .va-bg-dark .h3, .va-bg-dark .va-h3, .va-bg-dark h4, .va-bg-dark .h4, .va-bg-dark .va-h4, .va-bg-dark h5, .va-bg-dark .h5, .va-bg-dark .va-h5, .va-bg-dark h6, .va-bg-dark .h6, .va-bg-dark .va-h6 {
    color: #FFFFFF;
  }
  .va-bg-gradient-subtle {
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F8 100%);
  }
  .va-bg-gradient-primary {
    background: linear-gradient(135deg, #0478FF 0%, rgb(65.2, 152.9163346614, 255) 100%);
    color: #FFFFFF;
  }
  .va-bg-gradient-dark {
    background: linear-gradient(135deg, #1A1919 0%, rgb(65, 62.5, 62.5) 100%);
    color: rgba(255, 255, 255, 0.85);
  }
  .va-bg-gradient-dark h1, .va-bg-gradient-dark .h1, .va-bg-gradient-dark .va-h1, .va-bg-gradient-dark h2, .va-bg-gradient-dark .h2, .va-bg-gradient-dark .va-h2, .va-bg-gradient-dark h3, .va-bg-gradient-dark .h3, .va-bg-gradient-dark .va-h3, .va-bg-gradient-dark h4, .va-bg-gradient-dark .h4, .va-bg-gradient-dark .va-h4, .va-bg-gradient-dark h5, .va-bg-gradient-dark .h5, .va-bg-gradient-dark .va-h5, .va-bg-gradient-dark h6, .va-bg-gradient-dark .h6, .va-bg-gradient-dark .va-h6 {
    color: #FFFFFF;
  }
  .va-glass {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
  }
  .va-glass--strong {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .va-glass--dark {
    background-color: rgba(26, 25, 25, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
  }
  .va-bg-dots {
    position: relative;
    contain: layout style;
  }
  .va-bg-dots::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: radial-gradient(circle, rgba(26, 25, 25, 0.07) 1px, transparent 1px);
    background-size: var(--va-dot-spacing, 1.5rem) var(--va-dot-spacing, 1.5rem);
    mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.35) 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse var(--va-mask-size, 70% 60%) at var(--va-mask-center, 50% 50%), rgba(26, 25, 25, 0.35) 0%, transparent 70%);
    opacity: var(--va-pattern-opacity, 1);
    transition: opacity 0.3s ease-in-out;
  }
  .va-bg-dots > * {
    position: relative;
    z-index: 1;
  }
  .va-bg-dots--tight::before {
    background-size: 1rem 1rem;
  }
  .va-bg-dots--loose::before {
    background-size: 2rem 2rem;
  }
  .va-bg-dots--full::before {
    mask-image: none;
    -webkit-mask-image: none;
  }
  .va-section-separator {
    border-top: 1px solid #E5E7EB;
  }
  .va-section-separator--double {
    border-top: 1px solid #E5E7EB;
    position: relative;
  }
  .va-section-separator--double::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #E5E7EB;
    pointer-events: none;
  }
  .va-crosshairs {
    position: relative;
  }
  .va-crosshairs__marks {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .va-crosshairs__marks::before {
    content: "+";
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-crosshairs__marks::after {
    content: "+";
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-crosshairs__marks-bottom {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .va-crosshairs__marks-bottom::before {
    content: "+";
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-crosshairs__marks-bottom::after {
    content: "+";
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #E5E7EB;
  }
  .va-accent-line {
    display: inline-block;
    width: 2px;
    height: 24px;
    background-color: #0478FF;
    border-radius: 1px;
  }
  .va-accent-line--horizontal {
    width: 24px;
    height: 2px;
  }
  .va-accent-line--long {
    height: 40px;
  }
  .va-accent-line--long.va-accent-line--horizontal {
    width: 40px;
    height: 2px;
  }
  .va-section-blend--top {
    position: relative;
  }
  .va-section-blend--top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(to bottom, #F7F7F8 0%, transparent 100%);
  }
  @media (max-width: 767.98px) {
    .va-section-blend--top::before {
      height: 80px;
    }
  }
  .va-section-blend--bottom {
    position: relative;
  }
  .va-section-blend--bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(to top, #F7F7F8 0%, transparent 100%);
  }
  @media (max-width: 767.98px) {
    .va-section-blend--bottom::after {
      height: 80px;
    }
  }
  .va-section-blend--both {
    position: relative;
  }
  .va-section-blend--both::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(to bottom, #F7F7F8, transparent);
  }
  .va-section-blend--both::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(to top, #F7F7F8, transparent);
  }
  .va-section-blend--white-top::before {
    background: linear-gradient(to bottom, #FFFFFF, transparent);
  }
  .va-section-blend--white-bottom::after {
    background: linear-gradient(to top, #FFFFFF, transparent);
  }
  .va-bg-brand-watermark {
    position: relative;
    overflow: hidden;
  }
  .va-bg-brand-watermark__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(4rem, 10vw, 8rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(26, 25, 25, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  @media (max-width: 767.98px) {
    .va-bg-brand-watermark__text {
      font-size: clamp(2.5rem, 12vw, 5rem);
    }
  }
  .va-bg-brand-watermark > *:not(.va-bg-brand-watermark__text) {
    position: relative;
    z-index: 1;
  }
  .va-bg-dark-grid {
    position: relative;
    overflow: hidden;
  }
  .va-bg-dark-grid::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(26, 25, 25, 0.6) 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(26, 25, 25, 0.6) 0%, transparent 80%);
  }
  @media (max-width: 767.98px) {
    .va-bg-dark-grid::after {
      background-size: 60px 60px;
    }
  }
  .va-bg-dark-grid > *:not([class*=va-bg-]):not([aria-hidden]) {
    position: relative;
    z-index: 1;
  }
  .va-bg-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .va-bg-layer--circuit {
    background-image: url("../../assets/patterns/circuit-lines.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  .va-bg-layer--rings {
    background-image: url("../../assets/patterns/concentric-rings.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .va-bg-layer--grid {
    background-image: url("../../assets/patterns/grid-lines.svg");
    background-repeat: repeat;
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(26, 25, 25, 0.3) 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(26, 25, 25, 0.3) 0%, transparent 70%);
  }
  .va-bg-layer--mesh {
    background-image: url("../../assets/patterns/mesh-gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .va-bg-layer--diagonal {
    background-image: url("../../assets/patterns/diagonal-lines.svg");
    background-repeat: repeat;
    background-size: 40px 40px;
  }
  .va-bg-layer--crosshair {
    background-image: url("../../assets/patterns/crosshair.svg");
    background-repeat: no-repeat;
    background-size: 64px 64px;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.35);
  }
  .va-bg-layer--wave-divider {
    background-image: url("../../assets/patterns/wave-divider.svg");
    background-repeat: repeat-x;
    background-size: auto 12px;
    background-position: center bottom;
    opacity: var(--va-pattern-opacity, 0.45);
  }
  .va-bg-layer--voice-ripple {
    background-image: url("../../assets/patterns/voice-ripple.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.8);
  }
  .va-bg-layer--spotlight {
    background-image: url("../../assets/patterns/spotlight-gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.7);
  }
  .va-pattern-intensity-subtle {
    --va-pattern-opacity: 0.35;
  }
  .va-pattern-intensity-default {
    --va-pattern-opacity: 0.6;
  }
  .va-pattern-intensity-strong {
    --va-pattern-opacity: 0.85;
  }
  .va-pattern-crosshair {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-crosshair::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/crosshair.svg");
    background-repeat: no-repeat;
    background-size: 64px 64px;
    background-position: var(--va-pattern-position, 50% 50%);
    opacity: var(--va-pattern-opacity, 0.35);
  }
  .va-pattern-crosshair > * {
    position: relative;
    z-index: 1;
  }
  .va-pattern-wave-divider {
    position: relative;
    overflow: hidden;
    contain: layout style;
  }
  .va-pattern-wave-divider::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/wave-divider.svg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: center;
    opacity: var(--va-pattern-opacity, 0.5);
  }
  .va-pattern-wave-divider > * {
    position: relative;
    z-index: 1;
  }
  .va-bg-stack {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .va-bg-stack > .va-bg-layer {
    z-index: 0;
  }
  .va-bg-stack > .va-bg-stack__content {
    position: relative;
    z-index: 1;
  }
  .va-bg-preset-hero {
    --va-pattern-opacity: 0.72;
    --va-glow-size: 640px;
  }
  .va-bg-preset-feature-api {
    --va-pattern-opacity: 0.68;
    --va-glow-size: 560px;
  }
  .va-bg-preset-feature-dubbing {
    --va-pattern-opacity: 0.56;
    --va-ring-size: 320px;
  }
  .va-bg-preset-pricing {
    --va-pattern-opacity: 0.52;
    --va-glow-size: 520px;
    --va-mask-size: 70% 60%;
  }
  .va-bg-preset-signup {
    --va-pattern-opacity: 0.6;
    --va-glow-size: 480px;
  }
  .va-bg-preset-blog {
    --va-pattern-opacity: 0.4;
    --va-glow-size: 500px;
  }
  .va-bg-preset-footer {
    --va-pattern-opacity: 0.3;
  }
  .va-bg-preset-auth {
    --va-pattern-opacity: 0.5;
    --va-glow-size: 400px;
  }
  .va-bg-showcase {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, #FFFFFF 0%, #F7F7F8 35%, rgb(238.84, 238.84, 240.86) 100%);
  }
  .va-bg-showcase__halftone {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("../../assets/patterns/halftone-wide.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center 60%;
    opacity: 0.65;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 55%, rgba(26, 25, 25, 0.5) 0%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 55%, rgba(26, 25, 25, 0.5) 0%, transparent 75%);
  }
  @media (max-width: 767.98px) {
    .va-bg-showcase__halftone {
      background-size: 200% auto;
      opacity: 0.45;
    }
  }
  .va-bg-showcase > *:not(.va-bg-showcase__halftone) {
    position: relative;
    z-index: 1;
  }
  .va-app-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 1.5rem;
    box-shadow: 0 8px 32px rgba(26, 25, 25, 0.08), 0 2px 8px rgba(26, 25, 25, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .va-app-icon:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(26, 25, 25, 0.12), 0 4px 12px rgba(26, 25, 25, 0.06);
  }
  .va-app-icon--lg {
    width: 96px;
    height: 96px;
  }
  .va-app-icon--sm {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
  }
  .va-app-icon--animate {
    animation: va-float 4s ease-in-out infinite;
  }
  .va-pattern-noise.va-pattern-noise--inline::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix type='saturate' values='0' in='noise'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  }
  .va-pattern-circuit.va-pattern-circuit--inline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400' fill='none'%3E%3Cdefs%3E%3CradialGradient id='cg' cx='50%25' cy='50%25' r='55%25'%3E%3Cstop offset='0%25' stop-color='%231A1919' stop-opacity='0.07'/%3E%3Cstop offset='100%25' stop-color='%231A1919' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='800' height='400' fill='url(%23cg)'/%3E%3Cg stroke='%231A1919' stroke-opacity='0.06' stroke-width='1' fill='none'%3E%3Cpath d='M0 80h120l20 20h160l20-20h80'/%3E%3Cpath d='M400 80h80l20 20h100l20-20h180'/%3E%3Cpath d='M0 200h200l30 30h140l30-30h100'/%3E%3Cpath d='M500 200h60l20 20h120l20-20h80'/%3E%3Cpath d='M0 320h160l20-20h100l20 20h200'/%3E%3Cpath d='M500 320h80l20-20h80l20 20h100'/%3E%3Cpath d='M200 0v80l20 20v100l-20 20v80'/%3E%3Cpath d='M400 0v120l-20 20v40l20 20v200'/%3E%3Cpath d='M600 0v100l20 20v60l-20 20v200'/%3E%3Cpath d='M120 80l80 120'/%3E%3Cpath d='M400 80l-60 120'/%3E%3Cpath d='M600 120l-100 80'/%3E%3Cpath d='M200 300l60-100'/%3E%3Cpath d='M500 200l100 120'/%3E%3C/g%3E%3Cg fill='%230478FF' fill-opacity='0.12'%3E%3Ccircle cx='120' cy='80' r='3'/%3E%3Ccircle cx='320' cy='100' r='3'/%3E%3Ccircle cx='400' cy='80' r='3'/%3E%3Ccircle cx='500' cy='100' r='3'/%3E%3Ccircle cx='200' cy='200' r='3'/%3E%3Ccircle cx='500' cy='200' r='3'/%3E%3Ccircle cx='600' cy='120' r='3'/%3E%3Ccircle cx='160' cy='320' r='3'/%3E%3Ccircle cx='500' cy='320' r='3'/%3E%3Ccircle cx='400' cy='200' r='4'/%3E%3Ccircle cx='200' cy='80' r='2.5'/%3E%3Ccircle cx='600' cy='200' r='2.5'/%3E%3Ccircle cx='300' cy='300' r='2.5'/%3E%3Ccircle cx='680' cy='320' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .va-pattern-rings.va-pattern-rings--inline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' fill='none'%3E%3Cdefs%3E%3CradialGradient id='rg' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.08'/%3E%3Cstop offset='60%25' stop-color='%230478FF' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='600' fill='url(%23rg)'/%3E%3Cg stroke='%231A1919' fill='none'%3E%3Ccircle cx='300' cy='300' r='40' stroke-opacity='0.08' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='300' r='80' stroke-opacity='0.07' stroke-width='1.2'/%3E%3Ccircle cx='300' cy='300' r='120' stroke-opacity='0.06' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='160' stroke-opacity='0.05' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='200' stroke-opacity='0.04' stroke-width='0.8'/%3E%3Ccircle cx='300' cy='300' r='240' stroke-opacity='0.035' stroke-width='0.8'/%3E%3Ccircle cx='300' cy='300' r='280' stroke-opacity='0.025' stroke-width='0.6'/%3E%3C/g%3E%3Ccircle cx='300' cy='300' r='4' fill='%230478FF' fill-opacity='0.1'/%3E%3C/svg%3E");
  }
  .va-pattern-diagonal.va-pattern-diagonal--inline::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cline x1='0' y1='40' x2='40' y2='0' stroke='%231A1919' stroke-opacity='0.04' stroke-width='0.5'/%3E%3C/svg%3E");
  }
  .va-bg-grid-lines.va-bg-grid-lines--inline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cline x1='0' y1='0' x2='48' y2='0' stroke='%231A1919' stroke-opacity='0.05' stroke-width='0.5'/%3E%3Cline x1='0' y1='0' x2='0' y2='48' stroke='%231A1919' stroke-opacity='0.05' stroke-width='0.5'/%3E%3C/svg%3E");
  }
  .va-bg-mesh.va-bg-mesh--inline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600' fill='none'%3E%3Cdefs%3E%3CradialGradient id='mg1' cx='25%25' cy='30%25' r='40%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.06'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mg2' cx='75%25' cy='70%25' r='35%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.04'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mg3' cx='60%25' cy='20%25' r='30%25'%3E%3Cstop offset='0%25' stop-color='%231A1919' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%231A1919' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='800' height='600' fill='url(%23mg1)'/%3E%3Crect width='800' height='600' fill='url(%23mg2)'/%3E%3Crect width='800' height='600' fill='url(%23mg3)'/%3E%3C/svg%3E");
  }
  .va-bg-layer.va-bg-layer--circuit.va-bg-layer--circuit-inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400' fill='none'%3E%3Cdefs%3E%3CradialGradient id='cg' cx='50%25' cy='50%25' r='55%25'%3E%3Cstop offset='0%25' stop-color='%231A1919' stop-opacity='0.07'/%3E%3Cstop offset='100%25' stop-color='%231A1919' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='800' height='400' fill='url(%23cg)'/%3E%3Cg stroke='%231A1919' stroke-opacity='0.06' stroke-width='1' fill='none'%3E%3Cpath d='M0 80h120l20 20h160l20-20h80'/%3E%3Cpath d='M400 80h80l20 20h100l20-20h180'/%3E%3Cpath d='M0 200h200l30 30h140l30-30h100'/%3E%3Cpath d='M500 200h60l20 20h120l20-20h80'/%3E%3Cpath d='M0 320h160l20-20h100l20 20h200'/%3E%3Cpath d='M500 320h80l20-20h80l20 20h100'/%3E%3Cpath d='M200 0v80l20 20v100l-20 20v80'/%3E%3Cpath d='M400 0v120l-20 20v40l20 20v200'/%3E%3Cpath d='M600 0v100l20 20v60l-20 20v200'/%3E%3Cpath d='M120 80l80 120'/%3E%3Cpath d='M400 80l-60 120'/%3E%3Cpath d='M600 120l-100 80'/%3E%3Cpath d='M200 300l60-100'/%3E%3Cpath d='M500 200l100 120'/%3E%3C/g%3E%3Cg fill='%230478FF' fill-opacity='0.12'%3E%3Ccircle cx='120' cy='80' r='3'/%3E%3Ccircle cx='320' cy='100' r='3'/%3E%3Ccircle cx='400' cy='80' r='3'/%3E%3Ccircle cx='500' cy='100' r='3'/%3E%3Ccircle cx='200' cy='200' r='3'/%3E%3Ccircle cx='500' cy='200' r='3'/%3E%3Ccircle cx='600' cy='120' r='3'/%3E%3Ccircle cx='160' cy='320' r='3'/%3E%3Ccircle cx='500' cy='320' r='3'/%3E%3Ccircle cx='400' cy='200' r='4'/%3E%3Ccircle cx='200' cy='80' r='2.5'/%3E%3Ccircle cx='600' cy='200' r='2.5'/%3E%3Ccircle cx='300' cy='300' r='2.5'/%3E%3Ccircle cx='680' cy='320' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .va-bg-layer.va-bg-layer--rings.va-bg-layer--rings-inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' fill='none'%3E%3Cdefs%3E%3CradialGradient id='rg' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.08'/%3E%3Cstop offset='60%25' stop-color='%230478FF' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='600' fill='url(%23rg)'/%3E%3Cg stroke='%231A1919' fill='none'%3E%3Ccircle cx='300' cy='300' r='40' stroke-opacity='0.08' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='300' r='80' stroke-opacity='0.07' stroke-width='1.2'/%3E%3Ccircle cx='300' cy='300' r='120' stroke-opacity='0.06' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='160' stroke-opacity='0.05' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='200' stroke-opacity='0.04' stroke-width='0.8'/%3E%3Ccircle cx='300' cy='300' r='240' stroke-opacity='0.035' stroke-width='0.8'/%3E%3Ccircle cx='300' cy='300' r='280' stroke-opacity='0.025' stroke-width='0.6'/%3E%3C/g%3E%3Ccircle cx='300' cy='300' r='4' fill='%230478FF' fill-opacity='0.1'/%3E%3C/svg%3E");
  }
  .va-bg-layer.va-bg-layer--grid.va-bg-layer--grid-inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cline x1='0' y1='0' x2='48' y2='0' stroke='%231A1919' stroke-opacity='0.05' stroke-width='0.5'/%3E%3Cline x1='0' y1='0' x2='0' y2='48' stroke='%231A1919' stroke-opacity='0.05' stroke-width='0.5'/%3E%3C/svg%3E");
  }
  .va-bg-layer.va-bg-layer--mesh.va-bg-layer--mesh-inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600' fill='none'%3E%3Cdefs%3E%3CradialGradient id='mg1' cx='25%25' cy='30%25' r='40%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.06'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mg2' cx='75%25' cy='70%25' r='35%25'%3E%3Cstop offset='0%25' stop-color='%230478FF' stop-opacity='0.04'/%3E%3Cstop offset='100%25' stop-color='%230478FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mg3' cx='60%25' cy='20%25' r='30%25'%3E%3Cstop offset='0%25' stop-color='%231A1919' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%231A1919' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='800' height='600' fill='url(%23mg1)'/%3E%3Crect width='800' height='600' fill='url(%23mg2)'/%3E%3Crect width='800' height='600' fill='url(%23mg3)'/%3E%3C/svg%3E");
  }
  .va-bg-layer.va-bg-layer--diagonal.va-bg-layer--diagonal-inline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cline x1='0' y1='40' x2='40' y2='0' stroke='%231A1919' stroke-opacity='0.04' stroke-width='0.5'/%3E%3C/svg%3E");
  }
  @keyframes va-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes va-fade-up {
    from {
      opacity: 0;
      transform: translateY(24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes va-fade-down {
    from {
      opacity: 0;
      transform: translateY(-24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes va-fade-left {
    from {
      opacity: 0;
      transform: translateX(-32px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes va-fade-right {
    from {
      opacity: 0;
      transform: translateX(32px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes va-scale-in {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes va-float {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-6px);
    }
  }
  @keyframes va-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.6;
    }
  }
  @keyframes va-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes va-wave-bar {
    0%, 100% {
      transform: scaleY(0.4);
    }
    50% {
      transform: scaleY(1);
    }
  }
  @keyframes va-slide-in-right {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes va-slide-out-right {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(100%);
    }
  }
  .va-transition {
    transition: all 0.2s ease-in-out;
  }
  .va-transition-fast {
    transition: all 0.12s ease-in-out;
  }
  .va-transition-slow {
    transition: all 0.35s ease-in-out;
  }
  .va-transition-bounce {
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .va-transition-opacity {
    transition: opacity 0.2s ease-in-out;
  }
  .va-transition-transform {
    transition: transform 0.2s ease-in-out;
  }
  .va-transition-colors {
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  .va-animate-fade-in {
    animation: va-fade-in 0.5s ease-out both;
  }
  .va-animate-fade-up {
    animation: va-fade-up 0.5s ease-out both;
  }
  .va-animate-fade-down {
    animation: va-fade-down 0.5s ease-out both;
  }
  .va-animate-fade-left {
    animation: va-fade-left 0.5s ease-out both;
  }
  .va-animate-fade-right {
    animation: va-fade-right 0.5s ease-out both;
  }
  .va-animate-scale-in {
    animation: va-scale-in 0.4s ease-out both;
  }
  .va-animate-float {
    animation: va-float 3s ease-in-out infinite;
  }
  .va-animate-pulse {
    animation: va-pulse 2s ease-in-out infinite;
  }
  .va-animate-spin {
    animation: va-spin 1s linear infinite;
  }
  .va-animate--delay-1 {
    animation-delay: 0.1s;
  }
  .va-animate--delay-2 {
    animation-delay: 0.2s;
  }
  .va-animate--delay-3 {
    animation-delay: 0.3s;
  }
  .va-animate--delay-4 {
    animation-delay: 0.4s;
  }
  .va-animate--delay-5 {
    animation-delay: 0.5s;
  }
  .va-animate--fast {
    animation-duration: 0.25s;
  }
  .va-animate--slow {
    animation-duration: 0.8s;
  }
  .va-grid-smooth {
    transition: grid-template-columns 0.35s ease-in-out, gap 0.35s ease-in-out;
  }
  .va-flex-smooth {
    transition: flex-direction 0.35s ease-in-out, gap 0.35s ease-in-out, align-items 0.35s ease-in-out;
  }
  .va-width-smooth {
    transition: width 0.35s ease-in-out, max-width 0.35s ease-in-out, padding 0.35s ease-in-out;
  }
  .va-padding-smooth {
    transition: padding 0.35s ease-in-out;
  }
  .va-type-smooth {
    transition: font-size 0.25s ease-in-out, line-height 0.25s ease-in-out, letter-spacing 0.25s ease-in-out;
  }
  .va-show-md {
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  @media (min-width: 768px) {
    .va-show-md {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
  }
  .va-show-lg {
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  @media (min-width: 992px) {
    .va-show-lg {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
  }
  .va-hide-md {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease-in-out;
  }
  @media (min-width: 768px) {
    .va-hide-md {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
    }
  }
  .va-hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  .va-hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--va-shadow-lg);
  }
  .va-hover-lift:active {
    transform: translateY(-1px);
    box-shadow: var(--va-shadow-md);
  }
  .va-hover-lift:focus-visible {
    transform: translateY(-4px);
    box-shadow: var(--va-shadow-lg);
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-hover-scale {
    transition: transform 0.2s ease-in-out;
  }
  .va-hover-scale:hover {
    transform: scale(1.03);
  }
  .va-hover-scale:active {
    transform: scale(0.98);
  }
  .va-hover-scale:focus-visible {
    transform: scale(1.03);
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-hover-glow {
    transition: box-shadow 0.2s ease-in-out;
  }
  .va-hover-glow:hover {
    box-shadow: 0 0 0 4px rgba(4, 120, 255, 0.12);
  }
  .va-hover-glow:active {
    box-shadow: 0 0 0 2px rgba(4, 120, 255, 0.18);
  }
  .va-hover-glow:focus-visible {
    box-shadow: 0 0 0 4px rgba(4, 120, 255, 0.12);
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-hover-arrow svg,
  .va-hover-arrow .va-icon-arrow {
    transition: transform 0.2s ease-in-out;
  }
  .va-hover-arrow:hover svg,
  .va-hover-arrow:hover .va-icon-arrow {
    transform: translateX(3px);
  }
  .va-reveal {
    opacity: 0;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
  }
  .va-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
  .va-reveal--up {
    transform: translateY(32px);
  }
  .va-reveal--down {
    transform: translateY(-32px);
  }
  .va-reveal--left {
    transform: translateX(-32px);
  }
  .va-reveal--right {
    transform: translateX(32px);
  }
  .va-reveal--scale {
    transform: scale(0.92);
  }
  .va-reveal--delay-1 {
    transition-delay: 0.15s;
  }
  .va-reveal--delay-2 {
    transition-delay: 0.3s;
  }
  .va-reveal--delay-3 {
    transition-delay: 0.45s;
  }
  .va-reveal--delay-4 {
    transition-delay: 0.6s;
  }
  .va-reveal--fast {
    transition-duration: 0.35s;
  }
  .va-reveal--slow {
    transition-duration: 0.9s;
  }
  .va-responsive-stack {
    display: flex;
    gap: 1.5rem;
    transition: flex-direction 0.35s ease-in-out, gap 0.35s ease-in-out, align-items 0.35s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-responsive-stack {
      flex-direction: column;
      gap: 1rem;
    }
  }
  @media (max-width: 991.98px) {
    .va-responsive-stack--lg {
      flex-direction: column;
      gap: 1rem;
    }
  }
  @media (max-width: 575.98px) {
    .va-responsive-stack--sm {
      flex-direction: column;
      gap: 1rem;
    }
  }
  .va-responsive-order > :first-child {
    transition: order 0s;
  }
  @media (max-width: 991.98px) {
    .va-responsive-order > :first-child {
      order: 2;
    }
    .va-responsive-order > :last-child {
      order: 1;
    }
  }
  .va-hero-secondary-adapt {
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, padding 0.3s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-hero-secondary-adapt {
      background-color: transparent;
      border-color: transparent;
      padding-left: 0;
      padding-right: 0;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .va-reveal,
    .va-responsive-stack,
    .va-responsive-order {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }
  .va-waveform-bars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 24px;
  }
  .va-waveform-bars span {
    display: block;
    width: 3px;
    height: 100%;
    background-color: currentColor;
    border-radius: 2px;
    transform-origin: center center;
    animation: va-wave-bar 1.2s ease-in-out infinite;
  }
  .va-waveform-bars span:nth-child(1) {
    animation-delay: 0s;
    height: 40%;
  }
  .va-waveform-bars span:nth-child(2) {
    animation-delay: 0.15s;
    height: 70%;
  }
  .va-waveform-bars span:nth-child(3) {
    animation-delay: 0.3s;
    height: 100%;
  }
  .va-waveform-bars span:nth-child(4) {
    animation-delay: 0.45s;
    height: 60%;
  }
  .va-waveform-bars span:nth-child(5) {
    animation-delay: 0.6s;
    height: 30%;
  }
  .va-waveform-bars--static span {
    animation: none;
  }
  .va-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    max-width: 320px;
    background-color: var(--va-color-white);
    z-index: 1040;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    padding: 1.5rem;
  }
  .va-mobile-menu.is-open {
    transform: translateX(0);
  }
  .va-mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(26, 25, 25, 0.4);
    z-index: 1039;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
  }
  .va-mobile-menu-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .va-scroll-fade-up {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .va-scroll-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .va-scroll-fade-in {
    opacity: 0;
    transition: opacity 0.6s ease-out;
  }
  .va-scroll-fade-in.is-visible {
    opacity: 1;
  }
  .va-scroll-scale-in {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  }
  .va-scroll-scale-in.is-visible {
    opacity: 1;
    transform: scale(1);
  }
  .va-scroll-fade-left {
    opacity: 0;
    transform: translateX(-32px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .va-scroll-fade-left.is-visible {
    opacity: 1;
    transform: translateX(0);
  }
  .va-scroll-fade-right {
    opacity: 0;
    transform: translateX(32px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .va-scroll-fade-right.is-visible {
    opacity: 1;
    transform: translateX(0);
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
    [class*=va-scroll-] {
      opacity: 1 !important;
      transform: none !important;
    }
  }
  .va-responsive-fade-left {
    opacity: 0;
    transform: translateX(-32px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  @media (max-width: 767.98px) {
    .va-responsive-fade-left {
      transform: translateY(24px);
    }
  }
  .va-responsive-fade-left.is-visible {
    opacity: 1;
    transform: translate(0);
  }
  .va-responsive-fade-right {
    opacity: 0;
    transform: translateX(32px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  @media (max-width: 767.98px) {
    .va-responsive-fade-right {
      transform: translateY(24px);
    }
  }
  .va-responsive-fade-right.is-visible {
    opacity: 1;
    transform: translate(0);
  }
  .va-stagger-group > :nth-child(1) {
    transition-delay: 0s;
  }
  .va-stagger-group > :nth-child(2) {
    transition-delay: 0.08s;
  }
  .va-stagger-group > :nth-child(3) {
    transition-delay: 0.16s;
  }
  .va-stagger-group > :nth-child(4) {
    transition-delay: 0.24s;
  }
  .va-stagger-group > :nth-child(5) {
    transition-delay: 0.32s;
  }
  .va-stagger-group > :nth-child(6) {
    transition-delay: 0.4s;
  }
  .va-stagger-group > :nth-child(7) {
    transition-delay: 0.48s;
  }
  .va-stagger-group > :nth-child(8) {
    transition-delay: 0.56s;
  }
  @media (max-width: 767.98px) {
    .va-stagger-group > :nth-child(n) {
      transition-delay: 0s;
    }
    .va-stagger-group > :nth-child(2) {
      transition-delay: 0.06s;
    }
    .va-stagger-group > :nth-child(3) {
      transition-delay: 0.12s;
    }
    .va-stagger-group > :nth-child(4) {
      transition-delay: 0.18s;
    }
  }
  .va-card-reflow {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, max-width 0.4s ease-in-out;
  }
  .va-touch-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  @media (hover: hover) and (pointer: fine) {
    .va-touch-lift:hover {
      transform: translateY(-4px);
      box-shadow: var(--va-shadow-lg);
    }
  }
  .va-touch-lift:active {
    transform: scale(0.97);
    box-shadow: var(--va-shadow-sm);
  }
  .va-touch-scale {
    transition: transform 0.2s ease-in-out;
  }
  @media (hover: hover) and (pointer: fine) {
    .va-touch-scale:hover {
      transform: scale(1.03);
    }
  }
  .va-touch-scale:active {
    transform: scale(0.96);
  }
  .va-section-morph::before, .va-section-morph::after {
    transition: opacity 0.5s ease-in-out, background-size 0.5s ease-in-out;
  }
  .va-container-smooth {
    transition: max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding-left 0.35s ease-in-out, padding-right 0.35s ease-in-out;
  }
  .va-scroll-stagger > * {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  }
  .va-scroll-stagger > :nth-child(1) {
    transition-delay: 0s;
  }
  .va-scroll-stagger > :nth-child(2) {
    transition-delay: 0.1s;
  }
  .va-scroll-stagger > :nth-child(3) {
    transition-delay: 0.2s;
  }
  .va-scroll-stagger > :nth-child(4) {
    transition-delay: 0.3s;
  }
  .va-scroll-stagger > :nth-child(5) {
    transition-delay: 0.4s;
  }
  .va-scroll-stagger > :nth-child(6) {
    transition-delay: 0.5s;
  }
  .va-scroll-stagger.is-visible > * {
    opacity: 1;
    transform: translateY(0);
  }
  @media (max-width: 767.98px) {
    .va-scroll-stagger > :nth-child(n) {
      transition-delay: 0s;
    }
    .va-scroll-stagger > :nth-child(2) {
      transition-delay: 0.08s;
    }
    .va-scroll-stagger > :nth-child(3) {
      transition-delay: 0.16s;
    }
    .va-scroll-stagger > :nth-child(4) {
      transition-delay: 0.24s;
    }
  }
  .va-hero-adapt {
    transition: padding 0.4s ease-in-out;
  }
  .va-hero-adapt .va-hero__title {
    transition: font-size 0.3s ease-in-out, line-height 0.3s ease-in-out;
  }
  .va-hero-adapt .va-hero__subtitle {
    transition: font-size 0.25s ease-in-out;
  }
  .va-hero-adapt .va-hero__actions {
    transition: flex-direction 0.3s ease-in-out, gap 0.3s ease-in-out;
  }
  .va-nav-morph {
    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  .va-nav-morph .va-navbar-nav {
    transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
  }
  .va-nav-morph .va-navbar-actions {
    transition: opacity 0.2s ease-in-out, flex-direction 0.3s ease-in-out, gap 0.3s ease-in-out;
  }
  .va-responsive-layout-morph {
    transition: grid-template-columns 0.35s ease-in-out, gap 0.35s ease-in-out, padding 0.35s ease-in-out;
  }
  .va-responsive-stack-morph {
    transition: flex-direction 0.35s ease-in-out, gap 0.35s ease-in-out, align-items 0.35s ease-in-out;
  }
  .va-responsive-panel-morph {
    transition: max-width 0.35s ease-in-out, width 0.35s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  .va-responsive-visibility-morph {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  .va-mobile-desktop-morph .va-navbar,
  .va-mobile-desktop-morph .va-hero,
  .va-mobile-desktop-morph .va-pricing__grid,
  .va-mobile-desktop-morph .va-blog-section__grid {
    transition: padding 0.35s ease-in-out, gap 0.35s ease-in-out, grid-template-columns 0.35s ease-in-out;
  }
  .va-mobile-desktop-morph .va-feature-row,
  .va-mobile-desktop-morph .va-hero__actions,
  .va-mobile-desktop-morph .va-navbar-actions {
    transition: flex-direction 0.35s ease-in-out, gap 0.35s ease-in-out;
  }
  .va-entrance-hero {
    animation: va-fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .va-entrance-hero-sub {
    animation: va-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
  }
  .va-entrance-hero-cta {
    animation: va-scale-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
  }
  .va-entrance-feature {
    opacity: 0;
    transform: translateX(-24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  @media (max-width: 767.98px) {
    .va-entrance-feature {
      transform: translateY(20px);
    }
  }
  .va-entrance-feature.is-visible {
    opacity: 1;
    transform: translate(0);
  }
  .va-entrance-feature-visual {
    opacity: 0;
    transform: translateX(24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  }
  @media (max-width: 767.98px) {
    .va-entrance-feature-visual {
      transform: translateY(20px);
    }
  }
  .va-entrance-feature-visual.is-visible {
    opacity: 1;
    transform: translate(0);
  }
  .va-entrance-card {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  }
  .va-entrance-card.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .va-entrance-badge {
    animation: va-scale-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  @keyframes va-shimmer {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
  }
  .va-skeleton {
    display: block;
    background: linear-gradient(90deg, rgba(26, 25, 25, 0.06) 25%, rgba(26, 25, 25, 0.1) 37%, rgba(26, 25, 25, 0.06) 63%);
    background-size: 200% 100%;
    animation: va-shimmer 1.5s ease-in-out infinite;
    border-radius: 0.5rem;
  }
  .va-skeleton--circle {
    border-radius: 50%;
  }
  .va-skeleton--text {
    height: 1em;
    width: 100%;
    margin-bottom: 0.5em;
    border-radius: 4px;
  }
  .va-skeleton--text:last-child {
    width: 60%;
  }
  .va-skeleton--card {
    height: 200px;
    width: 100%;
    border-radius: 0.75rem;
  }
  .va-skeleton--image {
    height: 160px;
    width: 100%;
    border-radius: 0.5rem;
  }
  @media (max-width: 767.98px) {
    .va-pricing-scroll {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      gap: 1rem;
      padding-bottom: 1rem;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .va-pricing-scroll::-webkit-scrollbar {
      display: none;
    }
    .va-pricing-scroll > * {
      flex: 0 0 85%;
      scroll-snap-align: center;
      transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    }
    .va-pricing-scroll > *:not(:hover) {
      opacity: 0.92;
    }
  }
  .va-hero-actions-morph {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: flex-direction 0.35s ease-in-out, gap 0.35s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-hero-actions-morph {
      flex-direction: column;
      width: 100%;
      gap: 0.5rem;
    }
    .va-hero-actions-morph > .va-btn, .va-hero-actions-morph > .va-navbar-btn--ghost, .va-hero-actions-morph > .va-navbar-btn--outlined, .va-hero-actions-morph > .va-navbar-btn--filled, .va-hero-actions-morph > .va-hero__btn--primary, .va-hero-actions-morph > .va-hero__btn--secondary,
    .va-hero-actions-morph > button,
    .va-hero-actions-morph > a {
      width: 100%;
      justify-content: center;
    }
  }
  .va-feature-collapse {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    transition: grid-template-columns 0.35s cubic-bezier(0.4, 0, 0.2, 1), gap 0.35s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .va-feature-collapse {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
  }
  @media (min-width: 992px) {
    .va-feature-collapse--reverse > :first-child {
      order: 2;
    }
    .va-feature-collapse--reverse > :last-child {
      order: 1;
    }
  }
  .va-feature-collapse > * {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out;
  }
  .va-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  @media (max-width: 991.98px) {
    .va-hamburger {
      display: flex;
    }
  }
  .va-hamburger__bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1A1919;
    border-radius: 2px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease-in-out;
    transform-origin: center;
  }
  .va-hamburger.is-open .va-hamburger__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .va-hamburger.is-open .va-hamburger__bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  .va-hamburger.is-open .va-hamburger__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  .va-pattern-responsive-fade::before, .va-pattern-responsive-fade::after {
    transition: opacity 0.5s ease-in-out, background-size 0.5s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .va-pattern-responsive-fade::before, .va-pattern-responsive-fade::after {
      opacity: calc(var(--va-pattern-opacity, 1) * 0.5);
    }
  }
  @media (max-width: 575.98px) {
    .va-pattern-responsive-fade::before, .va-pattern-responsive-fade::after {
      opacity: calc(var(--va-pattern-opacity, 1) * 0.3);
    }
  }
  .va-type-responsive {
    transition: font-size 0.3s ease-in-out, line-height 0.3s ease-in-out, letter-spacing 0.3s ease-in-out;
  }
  .va-card-grid-reflow {
    display: grid;
    gap: 1.5rem;
    transition: grid-template-columns 0.4s cubic-bezier(0.4, 0, 0.2, 1), gap 0.35s ease-in-out;
  }
  .va-card-grid-reflow--2 {
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 767.98px) {
    .va-card-grid-reflow--2 {
      grid-template-columns: 1fr;
    }
  }
  .va-card-grid-reflow--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (max-width: 991.98px) {
    .va-card-grid-reflow--3 {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767.98px) {
    .va-card-grid-reflow--3 {
      grid-template-columns: 1fr;
    }
  }
  .va-card-grid-reflow--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  @media (max-width: 991.98px) {
    .va-card-grid-reflow--4 {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767.98px) {
    .va-card-grid-reflow--4 {
      grid-template-columns: 1fr;
    }
  }
  .va-card-grid-reflow > * {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  .ref-section-label {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6B7280;
    margin-bottom: 0.5rem;
  }
  .ref-section-title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: 2rem;
    color: #1A1919;
    margin-bottom: 0.5rem;
  }
  .ref-section-desc {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    color: #4B5563;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    max-width: 640px;
  }
  .ref-subheading {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #1A1919;
    margin: 2rem 0 1rem;
  }
  .ref-demo-box {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .ref-demo-box--centered {
    text-align: center;
  }
  .ref-demo-box--dark {
    background: #1A1919;
    color: #FFFFFF;
  }
  .ref-demo-box--flush {
    padding: 0;
    overflow: hidden;
  }
  .ref-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-size: 0.875rem;
  }
  .ref-table th,
  .ref-table td {
    padding: 0.5rem 1rem;
    text-align: left;
    border-bottom: 1px solid #E5E7EB;
  }
  .ref-table th {
    font-weight: 600;
    color: #1A1919;
    background: #F7F7F8;
  }
  .ref-table td {
    color: #4B5563;
  }
  .ref-table code {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8125rem;
  }
  .ref-pattern-demo {
    height: 120px;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .ref-pattern-demo--muted {
    opacity: 0.7;
  }
  .ref-caption {
    font-size: 0.75rem;
    color: #6B7280;
    margin-top: 0.25rem;
  }
  .ref-card-container {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
  }
  .ref-component-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .ref-section {
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .ref-dark-preview {
    background: #1A1919;
    border-radius: 0.75rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
  }
  .ref-dark-preview h1, .ref-dark-preview .h1, .ref-dark-preview .va-h1, .ref-dark-preview h2, .ref-dark-preview .h2, .ref-dark-preview .va-h2, .ref-dark-preview h3, .ref-dark-preview .h3, .ref-dark-preview .va-h3, .ref-dark-preview h4, .ref-dark-preview .h4, .ref-dark-preview .va-h4, .ref-dark-preview h5, .ref-dark-preview .h5, .ref-dark-preview .va-h5, .ref-dark-preview h6, .ref-dark-preview .h6, .ref-dark-preview .va-h6 {
    color: #FFFFFF;
  }
  .ref-feature-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
  }
  .ref-feature-visual--light {
    background: linear-gradient(135deg, #F7F7F8 0%, rgb(236.12, 236.12, 238.48) 100%);
  }
  .ref-feature-visual--dark {
    background: linear-gradient(135deg, #1A1919 0%, black 100%);
    border-color: rgba(255, 255, 255, 0.06);
  }
  .ref-body-text {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    color: #4B5563;
    line-height: 1.6;
    max-width: 640px;
  }
  .ref-serif-heading {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: 2.5rem;
    color: #1A1919;
    margin-bottom: 0.5rem;
  }
  .ref-demo-card {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1.5rem;
    text-align: center;
  }
  .ref-demo-card--interactive {
    cursor: pointer;
    background: #FFFFFF;
  }
  .ref-pattern-card {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
    text-align: center;
  }
  .ref-blog-placeholder {
    background: #1A1919;
    min-height: 180px;
    border-radius: 0.75rem;
  }
  .ref-blog-placeholder--sm {
    min-height: 140px;
  }
  .ref-blog-placeholder--alt {
    background: #4B5563;
  }
  .ref-demo-label {
    font-weight: 500;
    margin-bottom: 0.5rem;
  }
  .ref-code-sm {
    font-size: 0.8rem;
  }
  .ref-narrow {
    max-width: 480px;
  }
  .ref-medium {
    max-width: 640px;
  }
  .ref-wide {
    max-width: 960px;
  }
  .ref-mb-sm {
    margin-bottom: 0.5rem;
  }
  .ref-mb-md {
    margin-bottom: 1rem;
  }
  .ref-mb-lg {
    margin-bottom: 2rem;
  }
  .ref-mt-md {
    margin-top: 1rem;
  }
  .ref-live-demo {
    margin-bottom: 2rem;
  }
  .ref-demo-container {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #FFFFFF;
  }
  .ref-demo-container--padded {
    padding: 2rem;
  }
  .ref-demo-container--padded-lg {
    padding: 3rem 2rem;
  }
  .ref-flex-row {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .ref-color-demo {
    border-radius: 0.75rem;
    padding: 1.5rem 1rem;
    text-align: center;
  }
  .ref-desc-text {
    margin-bottom: 1.5rem;
    color: #4B5563;
    font-size: 0.9375rem;
  }
  .ref-sub-section-heading {
    margin: 2rem 0 1rem;
    font-weight: 600;
  }
  .ref-inline-desc {
    margin-bottom: 1rem;
    color: #4B5563;
    font-size: 0.9375rem;
  }
  .ref-alignment-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    margin-bottom: 2rem;
  }
  .ref-alignment-table th {
    padding: 0.75rem 1rem;
    font-weight: 600;
    text-align: left;
    border-bottom: 2px solid #E5E7EB;
  }
  .ref-alignment-table td {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #E5E7EB;
  }
  .ref-alignment-table tr:last-child td {
    border-bottom: none;
  }
  .ref-grid-cell {
    background: #F7F7F8;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1.5rem;
    text-align: center;
    font-size: 0.875rem;
    color: #4B5563;
  }
  .ref-grid-cell--sm {
    padding: 1rem;
  }
  .ref-grid-cell--accent {
    background: #EEF2FF;
  }
  .ref-pattern-preview {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ref-pattern-preview--sm {
    height: 160px;
  }
  .ref-pattern-preview--md {
    height: 200px;
  }
  .ref-pattern-preview--lg {
    height: 240px;
  }
  .ref-pattern-label {
    position: relative;
    z-index: 1;
    font-size: 0.875rem;
    color: #6B7280;
  }
  .ref-pill {
    background: #F7F7F8;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
  }
  .ref-info-box {
    background: #F7F7F8;
    border-radius: 0.75rem;
    padding: 1.25rem;
    font-size: 0.8125rem;
  }
  .ref-info-box__title {
    font-weight: 600;
    margin-bottom: 0.75rem;
  }
  .ref-info-box__list {
    padding-left: 1.25rem;
    color: #4B5563;
    line-height: 1.8;
  }
  .ref-pre {
    background: #1A1919;
    color: #E9E9EA;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8rem;
  }
  .ref-h3 {
    font-size: 1.25rem;
    margin: 2rem 0 1rem;
  }
  .ref-avatar {
    width: 80px;
    height: 80px;
    background: #4B5563;
    border-radius: 50%;
  }
  .ref-col-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B7280;
    margin-bottom: 0.5rem;
  }
  .ref-footer-heading {
    font-weight: 600;
    margin-bottom: 0.75rem;
  }
  .ref-grid {
    display: grid;
    gap: 1.5rem;
  }
  .ref-grid--2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .ref-grid--3 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
  .ref-grid--4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .ref-label {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
  }
  .ref-title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 2rem;
    font-weight: 700;
    color: #1A1919;
    margin-bottom: 0.5rem;
  }
  .ref-desc {
    color: #4B5563;
    margin-bottom: 2rem;
    max-width: 640px;
  }
  .ref-swatch {
    padding: 2rem 1rem 1rem;
    border-radius: 0.75rem;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .ref-swatch span {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8rem;
  }
  .ref-spacer {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
  }
  .ref-spacer-bar {
    background: #0478FF;
    border-radius: 4px;
    height: 12px;
  }
  .ref-spacer-label {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8rem;
    color: #4B5563;
    white-space: nowrap;
  }
  .ref-component-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  .ref-toc {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    padding-bottom: 2rem;
    scrollbar-width: thin;
    scrollbar-color: #E5E7EB transparent;
  }
  .ref-toc a {
    display: block;
    padding: 0.35rem 0 0.35rem 0.75rem;
    font-size: 0.875rem;
    color: #4B5563;
    text-decoration: none;
    border-left: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background-color 0.15s;
  }
  .ref-toc a:hover {
    color: #0478FF;
    background-color: rgba(4, 120, 255, 0.04);
  }
  .ref-toc a.active {
    color: #0478FF;
    border-left-color: #0478FF;
    font-weight: 600;
    background-color: rgba(4, 120, 255, 0.06);
  }
  .ref-mobile-toc {
    display: none;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    padding: 0.75rem 1.5rem;
  }
  .ref-mobile-toc summary {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1A1919;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ref-mobile-toc summary::-webkit-details-marker {
    display: none;
  }
  .ref-mobile-toc summary::after {
    content: "▼";
    font-size: 0.625rem;
    transition: transform 0.2s;
  }
  .ref-mobile-toc[open] summary::after {
    transform: rotate(180deg);
  }
  .ref-mobile-toc .ref-mobile-toc__list {
    padding: 0.5rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
  }
  .ref-mobile-toc .ref-mobile-toc__list a {
    font-size: 0.8125rem;
    color: #4B5563;
    text-decoration: none;
    padding: 0.25rem 0.625rem;
    border-radius: 50rem;
    background: #F7F7F8;
    white-space: nowrap;
  }
  .ref-mobile-toc .ref-mobile-toc__list a:hover, .ref-mobile-toc .ref-mobile-toc__list a.active {
    background: #0478FF;
    color: #FFFFFF;
  }
  @media (max-width: 991.98px) {
    .ref-mobile-toc {
      display: block;
    }
  }
  .ref-code {
    position: relative;
    background: #1A1919;
    color: #E9E9EA;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
    overflow-x: auto;
    white-space: pre;
  }
  .ref-code-copy {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    color: #6B7280;
    border: none;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
  }
  .ref-code-copy:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
  }
  .ref-code-copy.copied {
    background: #10B981;
    color: #FFFFFF;
  }
  .ref-radius-demo {
    width: 80px;
    height: 80px;
    background: #E9E9EA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.7rem;
  }
  .ref-shadow-demo {
    width: 120px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.7rem;
    color: #6B7280;
  }
  .ref-page-header {
    background: #1A1919;
    color: #FFFFFF;
    padding: 4rem 0;
  }
  .ref-page-header h1, .ref-page-header .h1, .ref-page-header .va-h1 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #FFFFFF;
  }
  .ref-page-header p {
    color: #6B7280;
    font-size: 1.125rem;
  }
  .ref-page-header .ref-version {
    display: inline-block;
    background: #0478FF;
    color: #FFFFFF;
    padding: 0.25rem 0.75rem;
    border-radius: 50rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1A1919;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.25rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
  .back-to-top.visible {
    opacity: 1;
    pointer-events: auto;
  }
  .back-to-top:hover {
    transform: translateY(-2px);
    background: #0478FF;
  }
  .va-auth {
    width: 100%;
    max-width: 28rem;
    margin: 0 auto;
    padding: 2.5rem 2rem;
    background-color: var(--va-color-white);
    border-radius: 1rem;
    border: 1px solid var(--va-color-border);
  }
  .va-auth__header {
    text-align: center;
    margin-bottom: 2rem;
  }
  .va-auth__header h1, .va-auth__header .h1, .va-auth__header .va-h1,
  .va-auth__header h2,
  .va-auth__header .h2,
  .va-auth__header .va-h2 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--va-color-secondary);
    margin: 0 0 0.5rem;
  }
  .va-auth__subtitle {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--va-color-body-text);
    margin: 0;
  }
  .va-auth__form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .va-auth__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  @media (max-width: 575.98px) {
    .va-auth__row {
      grid-template-columns: 1fr;
    }
  }
  .va-auth__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--va-color-body-text);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .va-auth__checkbox input[type=checkbox] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.125rem;
    accent-color: var(--va-color-primary);
    cursor: pointer;
  }
  .va-auth__submit {
    display: flex;
    width: 100%;
    gap: 0.5rem;
    font-size: 0.9375rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
  }
  .va-auth__submit__arrow {
    transition: transform 0.2s ease-in-out;
  }
  .va-auth__submit:hover .va-auth__submit__arrow {
    transform: translateX(3px);
  }
  .va-auth__divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0.5rem 0;
    color: var(--va-color-body-text);
  }
  .va-auth__divider::before, .va-auth__divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--va-color-border);
  }
  .va-auth__divider span {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--va-color-body-text);
    text-transform: lowercase;
  }
  .va-auth__social {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .va-auth__social-btn {
    display: flex;
    width: 100%;
    gap: 0.625rem;
    font-size: 0.9375rem;
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
    color: var(--va-color-secondary);
    background-color: var(--va-color-white);
  }
  .va-auth__social-btn:hover {
    background-color: #E9E9EA;
    color: var(--va-color-secondary);
  }
  .va-auth__social-btn img,
  .va-auth__social-btn svg {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
  }
  .va-auth__footer {
    text-align: center;
    margin-top: 1.5rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    color: var(--va-color-body-text);
  }
  .va-auth__footer a {
    color: var(--va-color-primary);
    font-weight: 500;
    text-decoration: none;
    transition: color var(--va-duration-fast) ease-in-out;
  }
  .va-auth__footer a:hover {
    color: rgb(0, 96.1274900398, 208);
    text-decoration: underline;
  }
  .va-auth__terms {
    text-align: center;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    line-height: 1.6;
    color: rgb(107.974137931, 122.3706896552, 142.525862069);
    margin-top: 1rem;
  }
  .va-auth__terms a {
    color: var(--va-color-body-text);
    text-decoration: underline;
    text-decoration-color: var(--va-color-border);
    text-underline-offset: 0.125rem;
    transition: color var(--va-duration-fast) ease-in-out;
  }
  .va-auth__terms a:hover {
    color: var(--va-color-secondary);
    text-decoration-color: var(--va-color-secondary);
  }
  .va-auth--borderless {
    border-color: transparent;
    box-shadow: none;
  }
  .va-auth--elevated {
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 32px rgba(0, 0, 0, 0.06);
  }
  .va-auth-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    width: 100%;
  }
  @media (max-width: 991.98px) {
    .va-auth-split {
      grid-template-columns: 1fr;
    }
  }
  .va-auth-split__illustration {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: linear-gradient(135deg, rgb(157, 202.2908366534, 255) 0%, rgb(55, 147.4302788845, 255) 100%);
    overflow: hidden;
  }
  @media (max-width: 991.98px) {
    .va-auth-split__illustration {
      display: none;
    }
  }
  .va-auth-split__illustration img,
  .va-auth-split__illustration svg {
    max-width: 100%;
    max-height: 80vh;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .va-auth-split__form-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    background-color: var(--va-color-white);
  }
  .va-auth-split__form-panel .va-auth {
    max-width: 26rem;
    border: none;
    padding: 0;
  }
  .va-client-logos {
    text-align: center;
    padding: 2rem 0;
  }
  .va-client-logos__label {
    display: block;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--va-color-body-text);
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .va-client-logos__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .va-client-logos__img {
    height: 1.5rem;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    filter: grayscale(1) opacity(0.5);
    transition: filter 0.2s ease-in-out;
    padding: 0 1.25rem;
    border-right: 1px solid var(--va-color-border);
  }
  .va-client-logos__img:last-child {
    border-right: none;
  }
  .va-client-logos__img:hover {
    filter: grayscale(0) opacity(1);
  }
  .va-client-logos--no-pipes .va-client-logos__img {
    border-right: none;
    padding: 0 1rem;
  }
  .va-agent-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem;
    background-color: var(--va-color-secondary);
    border-radius: 0.75rem;
    color: var(--va-color-white);
    text-align: center;
    overflow: hidden;
    max-width: 280px;
    width: 100%;
  }
  .va-agent-card__language-tabs, .va-agent-card__languages {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100vw;
    margin-bottom: 1.5rem;
    width: auto;
  }
  .va-agent-card__lang {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    background: transparent;
    border: none;
    border-radius: 50rem;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    white-space: nowrap;
  }
  .va-agent-card__lang:hover {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.25);
  }
  .va-agent-card__lang--active {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
  }
  .va-agent-card__lang {
    padding: 0.375rem 0.875rem;
    border-radius: 100vw;
  }
  .va-agent-card__avatar {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
  }
  .va-agent-card__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .va-agent-card__avatar__placeholder {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(135deg, #EEF2FF 0%, rgb(207.4, 218.6, 255) 100%);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .va-agent-card__avatar--square {
    border-radius: 0.75rem;
  }
  .va-agent-card__info {
    margin-bottom: 1.25rem;
  }
  .va-agent-card__name {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--va-color-white);
    margin: 0 0 0.25rem;
  }
  .va-agent-card__verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    background-color: var(--va-color-primary);
    color: var(--va-color-white);
    border-radius: 50%;
    font-size: 0.625rem;
    flex-shrink: 0;
  }
  .va-agent-card__verified svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  .va-agent-card__role {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.55);
    margin: 0;
    line-height: 1.4;
  }
  .va-agent-card__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--va-color-white);
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }
  .va-agent-card__cta:hover {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--va-color-white);
  }
  .va-agent-card__cta:active {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .va-agent-card__cta:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-agent-card__cta:disabled, .va-agent-card__cta.is-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
  .va-agent-card__cta--accent {
    background-color: var(--va-color-primary);
    border-color: var(--va-color-primary);
  }
  .va-agent-card__cta--accent:hover {
    background-color: rgb(0, 100.8414342629, 218.2);
    border-color: rgb(0, 100.8414342629, 218.2);
  }
  .va-agent-card__cta svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }
  .va-agent-card__favorite, .va-agent-card__fav {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }
  .va-agent-card__favorite:hover, .va-agent-card__fav:hover {
    background: rgba(255, 255, 255, 0.18);
    color: var(--va-color-white);
  }
  .va-agent-card__favorite.is-active, .va-agent-card__fav.is-active {
    color: var(--va-color-danger);
    background: rgba(239, 68, 68, 0.15);
  }
  .va-agent-card__favorite:active, .va-agent-card__fav:active {
    transform: scale(0.9);
  }
  .va-agent-card__favorite:focus-visible, .va-agent-card__fav:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-agent-card__favorite svg, .va-agent-card__fav svg {
    width: 1rem;
    height: 1rem;
  }
  .va-agent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1.5rem;
  }
  .va-agent-card--crosshairs .va-agent-card__corners,
  .va-agent-card--crosshairs .va-agent-card__corners-bottom {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
    z-index: 1;
  }
  .va-agent-card--crosshairs .va-agent-card__corners::before, .va-agent-card--crosshairs .va-agent-card__corners::after {
    content: "+";
    position: absolute;
    top: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
  }
  .va-agent-card--crosshairs .va-agent-card__corners::before {
    left: 0.75rem;
  }
  .va-agent-card--crosshairs .va-agent-card__corners::after {
    right: 0.75rem;
  }
  .va-agent-card--crosshairs .va-agent-card__corners-bottom::before, .va-agent-card--crosshairs .va-agent-card__corners-bottom::after {
    content: "+";
    position: absolute;
    bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
  }
  .va-agent-card--crosshairs .va-agent-card__corners-bottom::before {
    left: 0.75rem;
  }
  .va-agent-card--crosshairs .va-agent-card__corners-bottom::after {
    right: 0.75rem;
  }
  .va-agent-card--hairlines::before, .va-agent-card--hairlines::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;
  }
  .va-agent-card--hairlines::before {
    top: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.12) 1rem, transparent 1rem, transparent calc(100% - 1rem), rgba(255, 255, 255, 0.12) calc(100% - 1rem));
  }
  .va-agent-card--hairlines::after {
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.12) 1rem, transparent 1rem, transparent calc(100% - 1rem), rgba(255, 255, 255, 0.12) calc(100% - 1rem));
  }
  .va-dubbing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--va-color-secondary);
    border-radius: 0.75rem;
    overflow: hidden;
    color: var(--va-color-white);
    max-width: 420px;
    width: 100%;
  }
  .va-dubbing-card__languages, .va-dubbing-card__langs {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .va-dubbing-card__languages::-webkit-scrollbar, .va-dubbing-card__langs::-webkit-scrollbar {
    display: none;
  }
  .va-dubbing-card__lang {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50rem;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    white-space: nowrap;
  }
  .va-dubbing-card__lang:hover {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.25);
  }
  .va-dubbing-card__lang--active {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
  }
  .va-dubbing-card__lang {
    flex-shrink: 0;
  }
  .va-dubbing-card__lang svg {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
  }
  .va-dubbing-card__lang-scroll {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }
  .va-dubbing-card__lang-scroll:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
  }
  .va-dubbing-card__lang-scroll svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .va-dubbing-card__player {
    display: flex;
    flex-direction: column;
  }
  .va-dubbing-card__player-header {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
  }
  .va-dubbing-card__player-thumb {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    flex-shrink: 0;
  }
  .va-dubbing-card__player-title {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--va-color-white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .va-dubbing-card__player-video {
    position: relative;
    aspect-ratio: 16/9;
    background-color: var(--va-color-secondary);
    overflow: hidden;
  }
  .va-dubbing-card__player-video--placeholder {
    background: linear-gradient(135deg, rgb(13, 12.5, 12.5) 0%, hsl(0, 1.9607843137%, -2%) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .va-dubbing-card__player-video img,
  .va-dubbing-card__player-video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .va-dubbing-card__subtitle {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    max-width: 85%;
    padding: 0.25rem 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--va-color-white);
    background-color: rgba(26, 25, 25, 0.65);
    border-radius: 0.25rem;
    text-align: center;
    margin: 0;
    white-space: normal;
  }
  .va-dubbing-card__controls {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    background-color: rgba(26, 25, 25, 0.85);
  }
  .va-dubbing-card__control-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: color 0.15s ease-in-out;
  }
  .va-dubbing-card__control-btn:hover {
    color: var(--va-color-white);
  }
  .va-dubbing-card__control-btn:active {
    transform: scale(0.92);
  }
  .va-dubbing-card__control-btn:focus-visible {
    outline: 2px solid var(--va-color-primary);
    outline-offset: 2px;
  }
  .va-dubbing-card__control-btn svg {
    width: 1rem;
    height: 1rem;
  }
  .va-dubbing-card__control-btn--cc {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    width: auto;
    padding: 0.125rem 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.125rem;
    color: var(--va-color-danger);
    background-color: transparent;
  }
  .va-dubbing-card__progress {
    flex: 1;
    height: 0.1875rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100vw;
    cursor: pointer;
    position: relative;
  }
  .va-dubbing-card__progress-bar {
    height: 100%;
    background-color: var(--va-color-white);
    border-radius: 100vw;
    width: 30%;
    position: relative;
  }
  .va-dubbing-card__progress-bar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.25rem;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--va-color-white);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }
  .va-dubbing-card__progress:hover .va-dubbing-card__progress-bar::after {
    opacity: 1;
  }
  .va-dubbing-card__time {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.6875rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    flex-shrink: 0;
  }
  .va-dubbing-card__meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
  }
  .va-dubbing-card__meta-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.5);
  }
  .va-dubbing-card__controls-left {
    display: flex;
    align-items: center;
    gap: 0.625rem;
  }
  .va-dubbing-card--compact .va-dubbing-card__languages {
    padding: 0.5rem 0.75rem;
  }
  .va-dubbing-card--compact .va-dubbing-card__player-header {
    padding: 0.375rem 0.75rem;
  }
  .va-dubbing-card--compact .va-dubbing-card__subtitle {
    font-size: 0.75rem;
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners,
  .va-dubbing-card--crosshairs .va-dubbing-card__corners-bottom {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
    z-index: 1;
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners::before, .va-dubbing-card--crosshairs .va-dubbing-card__corners::after {
    content: "+";
    position: absolute;
    top: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners::before {
    left: 0.75rem;
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners::after {
    right: 0.75rem;
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners-bottom::before, .va-dubbing-card--crosshairs .va-dubbing-card__corners-bottom::after {
    content: "+";
    position: absolute;
    bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners-bottom::before {
    left: 0.75rem;
  }
  .va-dubbing-card--crosshairs .va-dubbing-card__corners-bottom::after {
    right: 0.75rem;
  }
  .hero {
    background: linear-gradient(135deg, #0A0A0A 0%, #1A1A2E 50%, #0A0A0A 100%);
    color: #FFFFFF;
    padding: 80px 24px 64px;
    text-align: center;
  }
  .hero-badge {
    display: inline-block;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    font-weight: 500;
    color: #0478FF;
    background: rgba(4, 120, 255, 0.1);
    border: 1px solid rgba(4, 120, 255, 0.25);
    border-radius: 100px;
    padding: 6px 16px;
    margin-bottom: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  .hero h1, .hero .h1, .hero .va-h1 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 16px;
  }
  .hero h1 span, .hero .h1 span, .hero .va-h1 span {
    color: #0478FF;
  }
  .hero p {
    font-size: 1.125rem;
    color: #6B7280;
    max-width: 560px;
    margin: 0 auto 40px;
    line-height: 1.6;
  }
  .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin: -48px auto 64px;
    position: relative;
    z-index: 1;
  }
  .card, .va-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 32px 28px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  }
  .card:hover, .va-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    border-color: #0478FF;
  }
  .card h2, .va-card h2, .card .h2, .va-card .h2, .card .va-h2, .va-card .va-h2 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .card p, .va-card p {
    font-size: 0.9375rem;
    color: #6B7280;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .card-icon {
    width: 48px;
    height: 48px;
    background: rgba(4, 120, 255, 0.08);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .card-icon svg {
    width: 24px;
    height: 24px;
    stroke: #0478FF;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .card-link {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8125rem;
    color: #0478FF;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .card-link svg {
    width: 14px;
    height: 14px;
    stroke: #0478FF;
    fill: none;
    stroke-width: 2;
  }
  .info-section {
    padding: 48px 0 64px;
  }
  .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
  }
  .info-item h3, .info-item .h3, .info-item .va-h3 {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
  }
  .info-item p {
    font-size: 0.9375rem;
    color: #4B5563;
    line-height: 1.5;
  }
  .info-item code {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.8125rem;
    background: #F3F4F6;
    padding: 2px 8px;
    border-radius: 4px;
  }
  .va-auth-split__illustration--dark {
    background: #1A1919;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    overflow: hidden;
  }
  .va-auth-split__illustration--dark::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("../../assets/patterns/halftone-wide.svg");
    background-repeat: no-repeat;
    background-size: 130% auto;
    background-position: center 70%;
    opacity: 0.8;
    z-index: 0;
  }
  .va-auth-split__illustration--dark > * {
    position: relative;
    z-index: 1;
  }
  .va-auth-split__illustration--dark .illustration-tagline {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: left;
    line-height: 1.5;
    max-width: 22rem;
    align-self: flex-start;
    padding-left: 2rem;
  }
  .va-auth-split__illustration--dark .illustration-tagline span {
    color: #0478FF;
  }
  .va-auth-split__illustration--dark .illustration-subtitle {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    max-width: 20rem;
    line-height: 1.6;
  }
  .illustration-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .illustration-brand__line {
    width: 24px;
    height: 2px;
    background: #0478FF;
  }
  .illustration-tts-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    width: 80%;
    max-width: 320px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  }
  .illustration-tts-card__tabs {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .illustration-tts-card__tab {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #6B7280;
    padding: 0.25rem 0;
  }
  .illustration-tts-card__tab--active {
    color: #1A1919;
    font-weight: 500;
    border-bottom: 2px solid #0478FF;
  }
  .illustration-tts-card__body {
    font-size: 0.6875rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #6B7280;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .illustration-tts-card__pills {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
    align-items: center;
  }
  .illustration-tts-card__pill {
    font-size: 0.625rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 0.2rem 0.5rem;
    border: 1px solid #E5E7EB;
    border-radius: 100px;
    color: #6B7280;
    background: #FFFFFF;
  }
  .illustration-tts-card__pill--active {
    border-color: #0478FF;
    color: #1A1919;
    font-weight: 500;
  }
  .illustration-float-a {
    position: absolute;
    bottom: 30%;
    right: 12%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    z-index: 1;
  }
  .illustration-float-a__line {
    width: 20px;
    height: 2px;
    background: #0478FF;
  }
  .illustration-float-a__icon {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
  }
  .illustration-soundwave {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .illustration-soundwave span {
    display: inline-block;
    width: 3px;
    border-radius: 3px;
    background: #0478FF;
    animation: soundwave 1.2s ease-in-out infinite;
  }
  .illustration-soundwave span:nth-child(1) {
    height: 12px;
    animation-delay: 0s;
  }
  .illustration-soundwave span:nth-child(2) {
    height: 24px;
    animation-delay: 0.1s;
  }
  .illustration-soundwave span:nth-child(3) {
    height: 36px;
    animation-delay: 0.2s;
  }
  .illustration-soundwave span:nth-child(4) {
    height: 48px;
    animation-delay: 0.3s;
  }
  .illustration-soundwave span:nth-child(5) {
    height: 36px;
    animation-delay: 0.4s;
  }
  .illustration-soundwave span:nth-child(6) {
    height: 24px;
    animation-delay: 0.5s;
  }
  .illustration-soundwave span:nth-child(7) {
    height: 12px;
    animation-delay: 0.6s;
  }
  @keyframes soundwave {
    0%, 100% {
      transform: scaleY(0.5);
      opacity: 0.5;
    }
    50% {
      transform: scaleY(1);
      opacity: 1;
    }
  }
  .va-page-footer {
    text-align: center;
    padding: 1.5rem 2rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    color: #6B7280;
    background-color: #FFFFFF;
    border-top: 1px solid #E5E7EB;
  }
  .ref-subtitle {
    font-size: 1rem;
    color: #6B7280;
    margin-bottom: 2rem;
  }
  .ref-card {
    border: 1px solid rgba(26, 25, 25, 0.08);
    border-radius: 0.75rem;
    overflow: hidden;
    background: #FFFFFF;
  }
  .ref-card__preview {
    position: relative;
    height: 200px;
    overflow: hidden;
  }
  .ref-card__body {
    padding: 1rem 1.25rem;
  }
  .ref-card__name {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
  }
  .ref-card__desc {
    font-size: 0.8rem;
    color: #6B7280;
    margin-bottom: 0.5rem;
  }
  .ref-card__code {
    position: relative;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    background: #F7F7F8;
    padding: 0.5rem 0.75rem 0.5rem;
    border-radius: 6px;
    color: #4B5563;
    white-space: pre-wrap;
    word-break: break-all;
    padding-right: 3.5rem;
  }
  .ref-card__copy {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    background: rgba(0, 0, 0, 0.06);
    color: #6B7280;
    border: none;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 0.65rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
  }
  .ref-card__copy:hover {
    background: rgba(0, 0, 0, 0.12);
    color: #1A1919;
  }
  .ref-card__copy.copied {
    background: #10B981;
    color: #FFFFFF;
  }
  .ref-badge {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 0.25rem;
  }
  .ref-badge--svg {
    background: #E0F2FE;
    color: #0369A1;
  }
  .ref-badge--css {
    background: #F0FDF4;
    color: #166534;
  }
  .ref-badge--pseudo {
    background: #FEF3C7;
    color: #92400E;
  }
  .ref-badge--tile {
    background: #EDE9FE;
    color: #6D28D9;
  }
  .anim-demo {
    text-align: center;
    padding: 2rem 1rem;
  }
  .anim-demo__box {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #0478FF;
    border-radius: 0.75rem;
  }
  .anim-trigger-btn {
    font-size: 0.8rem;
    margin-top: 0.75rem;
    padding: 0.35rem 1rem;
    border: 1px solid #0478FF;
    background: #FFFFFF;
    color: #0478FF;
    border-radius: 6px;
    cursor: pointer;
  }
  .anim-trigger-btn:hover {
    background: #0478FF;
    color: #FFFFFF;
  }
  .responsive-demo {
    padding: 2rem;
    background: #F7F7F8;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
  }
  .responsive-demo__label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
  }
  .responsive-demo__grid {
    display: grid;
    gap: 1rem;
  }
  .responsive-demo__item {
    background: #FFFFFF;
    border: 1px solid rgba(26, 25, 25, 0.08);
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: #4B5563;
  }
  @media (max-width: 767px) {
    .ref-card__preview {
      height: 160px;
    }
  }
  .demo-section {
    padding: 5rem 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .demo-section:last-of-type {
    border-bottom: none;
  }
  .demo-label {
    display: inline-block;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0478FF;
    background: rgba(4, 120, 255, 0.08);
    padding: 0.25rem 0.75rem;
    border-radius: 100vw;
    margin-bottom: 0.75rem;
  }
  .demo-title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 2rem;
    font-weight: 600;
    color: #1A1919;
    margin: 0 0 0.5rem;
  }
  .demo-desc {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    color: #4B5563;
    line-height: 1.6;
    max-width: 640px;
    margin: 0 0 2.5rem;
  }
  .demo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: start;
  }
  .demo-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 2rem;
  }
  .demo-card h4, .demo-card .h4, .demo-card .va-h4 {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1A1919;
    margin: 0 0 1.25rem;
    letter-spacing: 0.02em;
  }
  .demo-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .demo-row:last-child {
    margin-bottom: 0;
  }
  .code-hint {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    color: #6B7280;
    margin-top: 0.5rem;
  }
  .scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: #0478FF;
    z-index: 10000;
    transition: width 0.1s linear;
    width: 0;
  }
  .state-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #E5E7EB;
    transition: background-color 0.3s ease;
  }
  .state-dot.is-active {
    background: #0478FF;
  }
  .interactive-panel {
    background: #F7F7F8;
    border-radius: 0.75rem;
    padding: 2rem;
    position: relative;
    overflow: hidden;
  }
  .interactive-panel--dark {
    background: #1A1919;
    color: #FFFFFF;
  }
  .form-demo-group {
    margin-bottom: 1.25rem;
  }
  .form-demo-group:last-child {
    margin-bottom: 0;
  }
  .tab-demo-content {
    padding: 1.5rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin-top: 1rem;
    min-height: 80px;
    transition: opacity 0.25s ease-in-out;
  }
  .tab-demo-content p {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    color: #4B5563;
    margin: 0;
  }
  .navbar-demo-frame {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #FFFFFF;
  }
  .navbar-demo-frame .va-navbar {
    position: relative;
  }
  .reveal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
  }
  .reveal-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
  }
  .reveal-card .reveal-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    background: #F7F7F8;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .reveal-card h5, .reveal-card .h5, .reveal-card .va-h5 {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1A1919;
    margin: 0 0 0.5rem;
  }
  .reveal-card p {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    color: #4B5563;
    margin: 0;
    line-height: 1.5;
  }
  .pattern-tile {
    height: 200px;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 1rem;
  }
  .pattern-tile span {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #4B5563;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.25rem 0.625rem;
    border-radius: 0.25rem;
    z-index: 2;
  }
  .pattern-tile--dark span {
    color: #E9E9EA;
    background: rgba(26, 25, 25, 0.8);
  }
  .showcase-header {
    text-align: center;
    padding: 4rem 2rem 3rem;
    background: #F7F7F8;
    border-bottom: 1px solid #E5E7EB;
  }
  .showcase-header h1, .showcase-header .h1, .showcase-header .va-h1 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #1A1919;
    margin: 0 0 0.75rem;
  }
  .showcase-header p {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    color: #6B7280;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .showcase-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
    border-bottom: 1px solid #E5E7EB;
  }
  .showcase-section:last-child {
    border-bottom: none;
  }
  .showcase-section__label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0478FF;
    background: rgba(4, 120, 255, 0.08);
    border: 1px solid rgba(4, 120, 255, 0.18);
    border-radius: 100px;
    padding: 0.25rem 0.75rem;
    margin-bottom: 1rem;
  }
  .showcase-section__title {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: #1A1919;
    margin: 0 0 0.5rem;
  }
  .showcase-section__desc {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9375rem;
    color: #6B7280;
    margin: 0 0 2rem;
    line-height: 1.6;
  }
  .showcase-grid {
    display: grid;
    gap: 1.5rem;
  }
  .showcase-grid--2 {
    grid-template-columns: 1fr 1fr;
  }
  .showcase-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .showcase-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  @media (max-width: 768px) {
    .showcase-grid--2, .showcase-grid--3, .showcase-grid--4 {
      grid-template-columns: 1fr;
    }
  }
  .demo-card__label {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
  }
  .btn-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .state-label {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.6875rem;
    color: #6B7280;
    margin-top: 0.75rem;
    text-align: center;
  }
  .hover-hint {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    color: #6B7280;
    margin-top: 0.5rem;
  }
  .hover-hint::before {
    content: "↗";
    font-size: 0.875rem;
  }
  .demo-dark {
    background: #1A1919;
    border-color: rgba(255, 255, 255, 0.08);
  }
  .demo-dark .demo-card__label {
    color: rgba(255, 255, 255, 0.4);
  }
  .feature-visual-demo {
    background: linear-gradient(145deg, #F3F4F6 0%, #E5E7EB 100%);
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    position: relative;
    overflow: hidden;
  }
  .va-app-icon {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .va-app-icon:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
  }
  .va-app-icon svg {
    width: 36px;
    height: 36px;
  }
  .navbar-demo-wrap {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #FFFFFF;
  }
  .navbar-demo-wrap .va-navbar {
    position: relative;
  }
  .navbar-scrolled-demo {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);
    border-bottom-color: transparent;
  }
  .anim-demo-box {
    width: 60px;
    height: 60px;
    background: #0478FF;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-family: "IBM Plex Mono", "SF Mono", monospace;
  }
  .anim-row {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .anim-item {
    text-align: center;
  }
  .anim-item .state-label {
    margin-top: 0.5rem;
  }
  .transition-demo {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
  }
  .transition-box {
    flex: 1;
    min-width: 140px;
    padding: 1.5rem 1rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
  }
  .transition-box:hover {
    border-color: #0478FF;
  }
  .transition-box__duration {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1A1919;
    margin-bottom: 0.25rem;
  }
  .transition-box__name {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    color: #6B7280;
  }
  .blend-demo {
    display: flex;
    flex-direction: column;
  }
  .blend-demo__section {
    padding: 2rem;
    text-align: center;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    color: #6B7280;
  }
  .blend-demo__section--hero {
    background: #FFFFFF;
    border-radius: 0.75rem 0.75rem 0 0;
    border: 1px solid #E5E7EB;
    border-bottom: none;
  }
  .blend-demo__section--trust {
    background: linear-gradient(to bottom, #FFFFFF, #F7F7F8);
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
  }
  .blend-demo__section--feature {
    background: linear-gradient(to bottom, #F7F7F8, #F3F4F6);
    border-radius: 0 0 0.75rem 0.75rem;
    border: 1px solid #E5E7EB;
    border-top: none;
  }
  .showcase-toc {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    padding: 0.75rem 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 0.625rem;
    justify-content: center;
  }
  .showcase-toc a {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.8125rem;
    color: #4B5563;
    text-decoration: none;
    padding: 0.25rem 0.75rem;
    border-radius: 100px;
    border: 1px solid #E5E7EB;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
  }
  .showcase-toc a:hover {
    background: #F7F7F8;
    color: #1A1919;
  }
  .showcase-toc a.active {
    background: #0478FF;
    color: #FFFFFF;
    border-color: #0478FF;
  }
  .page-header {
    padding: 64px 0 48px;
    border-bottom: 1px solid #E9E9EA;
    margin-bottom: 56px;
  }
  .page-header h1, .page-header .h1, .page-header .va-h1 {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .page-header p {
    color: #4B5563;
    font-size: 1.125rem;
  }
  .section-desc {
    color: #4B5563;
    margin-bottom: 32px;
  }
  .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
  }
  .grid-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
  }
  @media (max-width: 768px) {
    .grid-2, .grid-3, .grid-4 {
      grid-template-columns: 1fr;
    }
    .grid-6 {
      grid-template-columns: repeat(3, 1fr);
    }
    .grid-8 {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .asset-card {
    border: 1px solid #E9E9EA;
    border-radius: 0.75rem;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    transition: box-shadow 0.2s;
  }
  .asset-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }
  .asset-card img, .asset-card svg {
    max-width: 100%;
    height: auto;
  }
  .asset-card__label {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.75rem;
    color: #6B7280;
    text-align: center;
    word-break: break-all;
  }
  .icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 8px;
    border: 1px solid #E9E9EA;
    border-radius: 0.5rem;
    transition: all 0.15s;
  }
  .icon-item:hover {
    border-color: #0478FF;
    background: #F0F7FF;
  }
  .icon-item img {
    width: 24px;
    height: 24px;
  }
  .icon-item span {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
    font-size: 0.625rem;
    color: #6B7280;
    text-align: center;
    line-height: 1.2;
  }
  .pattern-swatch {
    border: 1px solid #E9E9EA;
    border-radius: 0.75rem;
    overflow: hidden;
  }
  .pattern-swatch__preview {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pattern-swatch__info {
    padding: 12px 16px;
    border-top: 1px solid #E9E9EA;
  }
  .pattern-swatch__name {
    font-weight: 600;
    font-size: 0.875rem;
  }
  .pattern-swatch__desc {
    font-size: 0.75rem;
    color: #6B7280;
  }
  .color-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .color-chip {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    border: 1px solid #E9E9EA;
  }
  .dark-box {
    background: #1A1919;
    border-radius: 0.75rem;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .font-sample {
    border: 1px solid #E9E9EA;
    border-radius: 0.75rem;
    padding: 24px 32px;
  }
  .font-sample--serif {
    font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  }
  .font-sample--sans {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .font-sample--mono {
    font-family: "IBM Plex Mono", "SF Mono", monospace;
  }
  .font-sample__name {
    font-size: 0.75rem;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
  }
  .font-sample__text {
    font-size: 1.75rem;
    line-height: 1.3;
  }
  .font-sample__weights {
    margin-top: 12px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  }
  .font-sample__weight {
    font-size: 0.875rem;
    color: #4B5563;
  }
  .divider-demo {
    width: 100%;
    overflow: hidden;
    border: 1px solid #E9E9EA;
    border-radius: 0.75rem;
  }
  .divider-demo img {
    width: 100%;
    display: block;
  }
  .badge, .va-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 50rem;
    font-size: 0.6875rem;
    font-weight: 600;
  }
  .badge--mit {
    background: #ECFDF5;
    color: #059669;
  }
  .badge--cc0 {
    background: #EEF2FF;
    color: #4F46E5;
  }
  .badge--ofl {
    background: #FFF7ED;
    color: #C2410C;
  }
  .badge--free {
    background: #F0F7FF;
    color: #0478FF;
  }
  .asset-toc {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #FFFFFF;
    padding: 1rem 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid #E9E9EA;
  }
  .asset-toc a {
    font-size: 0.8125rem;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    background: #F7F7F8;
    color: #4B5563;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
  }
  .asset-toc a:hover, .asset-toc a.active {
    background: #0478FF;
    color: #FFFFFF;
  }
  .page-footer {
    border-top: 1px solid #E9E9EA;
    padding: 32px 0;
    margin-top: 72px;
    text-align: center;
    color: #6B7280;
    font-size: 0.875rem;
  }
}