/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-px {
    inset: -1px;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-\[1px\] {
    inset: 1px;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-\[-8px\] {
    top: -8px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[58px\] {
    top: 58px;
  }
  .top-\[calc\(50\%\+clamp\(112px\,14vh\,164px\)\)\] {
    top: calc(50% + clamp(112px, 14vh, 164px));
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[3px\] {
    right: 3px;
  }
  .right-\[7px\] {
    right: 7px;
  }
  .right-\[9px\] {
    right: 9px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-\[3px\] {
    left: 3px;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[9px\] {
    left: 9px;
  }
  .left-\[max\(1\.5rem\,calc\(50\%_-_30rem\)\)\] {
    left: max(1.5rem, calc(50% - 30rem));
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[21\] {
    z-index: 21;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-4 {
    grid-row: span 4 / span 4;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .mx-\[0\.16em\] {
    margin-inline: 0.16em;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }
  .-mt-\[17svh\] {
    margin-top: calc(17svh * -1);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[1\.48\/1\] {
    aspect-ratio: 1.48/1;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-\[0\.9em\] {
    height: 0.9em;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[46\%\] {
    height: 46%;
  }
  .h-\[56svh\] {
    height: 56svh;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[92px\] {
    height: 92px;
  }
  .h-\[154px\] {
    height: 154px;
  }
  .h-\[calc\(100\%-3rem\)\] {
    height: calc(100% - 3rem);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[54px\] {
    min-height: 54px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[92svh\] {
    min-height: 92svh;
  }
  .min-h-\[100svh\] {
    min-height: 100svh;
  }
  .min-h-\[102svh\] {
    min-height: 102svh;
  }
  .min-h-\[112svh\] {
    min-height: 112svh;
  }
  .min-h-\[152px\] {
    min-height: 152px;
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-\[0\.9em\] {
    width: 0.9em;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[176px\] {
    width: 176px;
  }
  .w-\[184px\] {
    width: 184px;
  }
  .w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem);
  }
  .w-\[min\(92vw\,520px\)\] {
    width: min(92vw, 520px);
  }
  .w-\[min\(620px\,74vw\)\] {
    width: min(620px, 74vw);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[44rem\] {
    max-width: 44rem;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[3\.35em\] {
    min-width: 3.35em;
  }
  .min-w-\[8\.4rem\] {
    min-width: 8.4rem;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-\[280px\] {
    flex-basis: 280px;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[34px\] {
    --tw-translate-y: calc(34px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-32 {
    scroll-margin-top: calc(var(--spacing) * 32);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[3fr_7fr\] {
    grid-template-columns: 3fr 7fr;
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-28 {
    gap: calc(var(--spacing) * 28);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-b-\[999px\] {
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-\[var\(--border-primary\)\] {
    border-color: var(--border-primary);
  }
  .border-\[var\(--border-secondary\)\] {
    border-color: var(--border-secondary);
  }
  .border-red-700\/25 {
    border-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-700) 25%, transparent);
    }
  }
  .border-slate-900\/10 {
    border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
    }
  }
  .border-slate-900\/15 {
    border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-900) 15%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\[var\(--border-primary\)\] {
    background-color: var(--border-primary);
  }
  .bg-\[var\(--button-primary-bg\)\] {
    background-color: var(--button-primary-bg);
  }
  .bg-\[var\(--diff-added-bg\)\] {
    background-color: var(--diff-added-bg);
  }
  .bg-\[var\(--diff-removed-bg\)\] {
    background-color: var(--diff-removed-bg);
  }
  .bg-\[var\(--glass-bg-active\)\] {
    background-color: var(--glass-bg-active);
  }
  .bg-\[var\(--glass-bg-hover\)\] {
    background-color: var(--glass-bg-hover);
  }
  .bg-\[var\(--glass-bg-subtle\)\] {
    background-color: var(--glass-bg-subtle);
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/35 {
    background-color: color-mix(in srgb, #000 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-500\/10 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-\[linear-gradient\(145deg\,rgba\(0\,134\,82\,0\.18\)\,rgba\(15\,23\,42\,0\.08\)\)\] {
    background-image: linear-gradient(145deg,rgba(0,134,82,0.18),rgba(15,23,42,0.08));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-none {
    object-fit: none;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[0\.5em\] {
    padding-inline: 0.5em;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[0\.08em\] {
    padding-block: 0.08em;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-\[34svh\] {
    padding-top: 34svh;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[18svh\] {
    padding-bottom: 18svh;
  }
  .pb-\[22svh\] {
    padding-bottom: 22svh;
  }
  .pb-\[34svh\] {
    padding-bottom: 34svh;
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[-0\.2em\] {
    vertical-align: -0.2em;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .\[font-family\:var\(--font-body\)\] {
    font-family: var(--font-body);
  }
  .\[font-family\:var\(--font-display\)\] {
    font-family: var(--font-display);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.72em\] {
    font-size: 0.72em;
  }
  .text-\[0\.86rem\] {
    font-size: 0.86rem;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-\[var\(--font-serif\)\] {
    --tw-font-weight: var(--font-serif);
    font-weight: var(--font-serif);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[var\(--button-primary-text\)\] {
    color: var(--button-primary-text);
  }
  .text-\[var\(--cta-hardware-text\)\] {
    color: var(--cta-hardware-text);
  }
  .text-\[var\(--diff-added-text\)\] {
    color: var(--diff-added-text);
  }
  .text-\[var\(--diff-removed-text\)\] {
    color: var(--diff-removed-text);
  }
  .text-\[var\(--text-dim\)\] {
    color: var(--text-dim);
  }
  .text-\[var\(--text-ghost\)\] {
    color: var(--text-ghost);
  }
  .text-\[var\(--text-muted\)\] {
    color: var(--text-muted);
  }
  .text-\[var\(--text-primary\)\] {
    color: var(--text-primary);
  }
  .text-\[var\(--text-secondary\)\] {
    color: var(--text-secondary);
  }
  .text-\[var\(--text-strong\)\] {
    color: var(--text-strong);
  }
  .text-\[var\(--text-subtle\)\] {
    color: var(--text-subtle);
  }
  .text-\[var\(--text-tertiary\)\] {
    color: var(--text-tertiary);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.52\] {
    opacity: 0.52;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[box-shadow\:var\(--cta-hardware-shadow\)\] {
    box-shadow: var(--cta-hardware-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,opacity\,transform\,filter\] {
    transition-property: box-shadow,opacity,transform,filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-\[260ms\] {
    --tw-duration: 260ms;
    transition-duration: 260ms;
  }
  .ease-\[cubic-bezier\(0\.34\,1\.35\,0\.64\,1\)\] {
    --tw-ease: cubic-bezier(0.34,1.35,0.64,1);
    transition-timing-function: cubic-bezier(0.34,1.35,0.64,1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[background\:var\(--cta-hardware-bg\)\] {
    background: var(--cta-hardware-bg);
  }
  .group-hover\:translate-y-\[-1px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:opacity-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/tab\:opacity-100 {
    &:is(:where(.group\/tab):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-focus-visible\:opacity-70 {
    &:is(:where(.group):focus-visible *) {
      opacity: 70%;
    }
  }
  .group-focus-visible\:opacity-100 {
    &:is(:where(.group):focus-visible *) {
      opacity: 100%;
    }
  }
  .hover\:bg-\[var\(--button-primary-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--button-primary-bg-hover);
      }
    }
  }
  .hover\:bg-\[var\(--glass-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--glass-bg-hover);
      }
    }
  }
  .hover\:bg-\[var\(--glass-bg-subtle\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--glass-bg-subtle);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:text-\[var\(--text-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-primary);
      }
    }
  }
  .hover\:text-\[var\(--text-secondary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-secondary);
      }
    }
  }
  .hover\:text-\[var\(--text-strong\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-strong);
      }
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-white\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-1 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-emerald-700 {
    &:focus-visible {
      --tw-ring-color: var(--color-emerald-700);
    }
  }
  .focus-visible\:ring-white\/70 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .sm\:min-h-0 {
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .sm\:min-w-0 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:inset-x-10 {
    @media (width >= 48rem) {
      inset-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .md\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .md\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:row-start-1 {
    @media (width >= 48rem) {
      grid-row-start: 1;
    }
  }
  .md\:row-start-2 {
    @media (width >= 48rem) {
      grid-row-start: 2;
    }
  }
  .md\:-mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -12);
    }
  }
  .md\:-mt-\[18svh\] {
    @media (width >= 48rem) {
      margin-top: calc(18svh * -1);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:h-\[110px\] {
    @media (width >= 48rem) {
      height: 110px;
    }
  }
  .md\:min-h-\[108svh\] {
    @media (width >= 48rem) {
      min-height: 108svh;
    }
  }
  .md\:min-h-\[110svh\] {
    @media (width >= 48rem) {
      min-height: 110svh;
    }
  }
  .md\:-translate-y-\[42px\] {
    @media (width >= 48rem) {
      --tw-translate-y: calc(42px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-2 {
    @media (width >= 48rem) {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:gap-2\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-\[4\.5rem\] {
    @media (width >= 48rem) {
      padding-inline: 4.5rem;
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-28 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-6 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-8 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-10 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .md\:pt-24 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .md\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pt-\[38svh\] {
    @media (width >= 48rem) {
      padding-top: 38svh;
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-1 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .md\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-28 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:pb-\[20svh\] {
    @media (width >= 48rem) {
      padding-bottom: 20svh;
    }
  }
  .md\:pb-\[26svh\] {
    @media (width >= 48rem) {
      padding-bottom: 26svh;
    }
  }
  .md\:pb-\[38svh\] {
    @media (width >= 48rem) {
      padding-bottom: 38svh;
    }
  }
  .md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[0\.82fr_1\.18fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.82fr 1.18fr;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .\[\&_\.StripeElement\]\:rounded-lg {
    & .StripeElement {
      border-radius: var(--radius-lg);
    }
  }
  .\[\&_\.StripeElement\]\:border {
    & .StripeElement {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.StripeElement\]\:border-\[var\(--border-secondary\)\] {
    & .StripeElement {
      border-color: var(--border-secondary);
    }
  }
  .\[\&_\.StripeElement\]\:px-4 {
    & .StripeElement {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.StripeElement\]\:py-3 {
    & .StripeElement {
      padding-block: calc(var(--spacing) * 3);
    }
  }
}
:root {
  --black-pure: #000000;
  --black-rich: #111111;
  --white-pure: #ffffff;
  --surface-base: #0a0a0a;
  --glass-bg-primary: #11111198;
  --glass-bg-secondary: rgba(255, 255, 255, 0.05);
  --glass-bg-tertiary: rgba(0, 0, 0, 0.2);
  --glass-bg-input: rgba(255, 255, 255, 0.08);
  --border-primary: rgba(255, 255, 255, 0.1);
  --border-secondary: rgba(255, 255, 255, 0.15);
  --border-focus: rgba(255, 255, 255, 0.3);
  --text-primary: rgba(255, 255, 255, 1);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-tertiary: rgba(255, 255, 255, 0.6);
  --text-muted: rgba(255, 255, 255, 0.4);
  --text-strong: rgba(255, 255, 255, 0.9);
  --text-subtle: rgba(255, 255, 255, 0.5);
  --text-ghost: rgba(255, 255, 255, 0.3);
  --text-dim: rgba(255, 255, 255, 0.2);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --accent-indigo: #6366F1;
  --accent-cyan: #22D3EE;
  --scrollbar-thumb: rgba(255, 255, 255, 0.1);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.2);
  --glass-popover-background: rgba(255, 255, 255, 0.08);
  --glass-overlay-background: rgba(0, 0, 0, 0.5);
  --high-contrast-border-primary: rgba(255, 255, 255, 0.25);
  --high-contrast-border-secondary: rgba(255, 255, 255, 0.35);
  --high-contrast-border-focus: rgba(255, 255, 255, 0.5);
  --high-contrast-text-secondary: rgba(255, 255, 255, 0.85);
  --high-contrast-text-tertiary: rgba(255, 255, 255, 0.75);
  --high-contrast-text-muted: rgba(255, 255, 255, 0.6);
  --glass-bg-hover: rgba(255, 255, 255, 0.1);
  --glass-bg-active: rgba(255, 255, 255, 0.15);
  --glass-bg-subtle: rgba(255, 255, 255, 0.05);
  --button-primary-bg: #ffffff;
  --button-primary-text: #000000;
  --button-primary-bg-hover: rgba(255, 255, 255, 0.9);
  --diff-added-bg: rgba(16, 185, 129, 0.1);
  --diff-added-text: #6ee7b7;
  --diff-removed-bg: rgba(239, 68, 68, 0.1);
  --diff-removed-text: #fca5a5;
}
[data-theme="midnight"] {
  --black-pure: #000000;
  --black-rich: #111111;
  --surface-base: #0a0a0a;
  --glass-bg-primary: #11111198;
  --glass-bg-secondary: rgba(255, 255, 255, 0.05);
  --glass-bg-tertiary: rgba(0, 0, 0, 0.2);
  --glass-bg-popover: rgba(17, 17, 17, 0.85);
  --border-primary: rgba(255, 255, 255, 0.1);
  --border-secondary: rgba(255, 255, 255, 0.15);
  --border-focus: rgba(255, 255, 255, 0.3);
  --text-primary: rgba(255, 255, 255, 1);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-tertiary: rgba(255, 255, 255, 0.6);
  --text-muted: rgba(255, 255, 255, 0.4);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="abyss"] {
  --black-pure: #020202;
  --black-rich: #080808;
  --surface-base: #010101;
  --glass-bg-primary: rgba(8, 8, 8, 0.70);
  --glass-bg-secondary: rgba(255, 255, 255, 0.03);
  --glass-bg-tertiary: rgba(0, 0, 0, 0.25);
  --glass-bg-popover: rgba(8, 8, 8, 0.90);
  --border-primary: rgba(255, 255, 255, 0.07);
  --border-secondary: rgba(255, 255, 255, 0.11);
  --border-focus: rgba(255, 255, 255, 0.22);
  --text-primary: rgba(255, 255, 255, 1);
  --text-secondary: rgba(255, 255, 255, 0.65);
  --text-tertiary: rgba(255, 255, 255, 0.50);
  --text-muted: rgba(255, 255, 255, 0.35);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="ocean"] {
  --black-pure: #001a1a;
  --black-rich: #002828;
  --surface-base: #001414;
  --glass-bg-primary: rgba(0, 40, 40, 0.6);
  --glass-bg-secondary: rgba(64, 224, 208, 0.05);
  --glass-bg-tertiary: rgba(0, 128, 128, 0.15);
  --glass-bg-popover: rgba(0, 40, 40, 0.88);
  --border-primary: rgba(64, 224, 208, 0.15);
  --border-secondary: rgba(64, 224, 208, 0.25);
  --border-focus: rgba(64, 224, 208, 0.4);
  --text-primary: rgba(230, 255, 255, 1);
  --text-secondary: rgba(200, 240, 240, 0.8);
  --text-tertiary: rgba(180, 230, 230, 0.65);
  --text-muted: rgba(150, 210, 210, 0.45);
  --color-success: #00d9b8;
  --color-warning: #f59e0b;
  --color-error: #ff6b6b;
  --color-info: #40e0d0;
  --accent-blue: #40e0d0;
  --accent-purple: #9370db;
  --accent-emerald: #00d9b8;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="forest"] {
  --black-pure: #0a1a0a;
  --black-rich: #132813;
  --surface-base: #081608;
  --glass-bg-primary: rgba(19, 40, 19, 0.6);
  --glass-bg-secondary: rgba(34, 197, 94, 0.05);
  --glass-bg-tertiary: rgba(20, 83, 45, 0.15);
  --glass-bg-popover: rgba(19, 40, 19, 0.88);
  --border-primary: rgba(34, 197, 94, 0.15);
  --border-secondary: rgba(34, 197, 94, 0.25);
  --border-focus: rgba(34, 197, 94, 0.4);
  --text-primary: rgba(240, 255, 240, 1);
  --text-secondary: rgba(210, 240, 210, 0.8);
  --text-tertiary: rgba(190, 230, 190, 0.65);
  --text-muted: rgba(170, 210, 170, 0.45);
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #a855f7;
  --accent-emerald: #22c55e;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="sunset"] {
  --black-pure: #1a0a00;
  --black-rich: #281510;
  --surface-base: #140a05;
  --glass-bg-primary: rgba(40, 21, 16, 0.6);
  --glass-bg-secondary: rgba(251, 146, 60, 0.05);
  --glass-bg-tertiary: rgba(234, 88, 12, 0.15);
  --glass-bg-popover: rgba(40, 21, 16, 0.88);
  --border-primary: rgba(251, 146, 60, 0.15);
  --border-secondary: rgba(251, 146, 60, 0.25);
  --border-focus: rgba(251, 146, 60, 0.4);
  --text-primary: rgba(255, 240, 230, 1);
  --text-secondary: rgba(240, 210, 190, 0.8);
  --text-tertiary: rgba(230, 200, 180, 0.65);
  --text-muted: rgba(210, 180, 160, 0.45);
  --color-success: #10b981;
  --color-warning: #fb923c;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #a855f7;
  --accent-emerald: #fb923c;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="lavender"] {
  --black-pure: #100a1a;
  --black-rich: #1a1028;
  --surface-base: #0c0814;
  --glass-bg-primary: rgba(26, 16, 40, 0.6);
  --glass-bg-secondary: rgba(168, 85, 247, 0.05);
  --glass-bg-tertiary: rgba(139, 92, 246, 0.15);
  --glass-bg-popover: rgba(26, 16, 40, 0.88);
  --border-primary: rgba(168, 85, 247, 0.15);
  --border-secondary: rgba(168, 85, 247, 0.25);
  --border-focus: rgba(168, 85, 247, 0.4);
  --text-primary: rgba(250, 245, 255, 1);
  --text-secondary: rgba(230, 220, 245, 0.8);
  --text-tertiary: rgba(220, 210, 240, 0.65);
  --text-muted: rgba(200, 190, 230, 0.45);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #a855f7;
  --accent-blue: #818cf8;
  --accent-purple: #a855f7;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="rose"] {
  --black-pure: #1a0a10;
  --black-rich: #28101a;
  --surface-base: #14080c;
  --glass-bg-primary: rgba(40, 16, 26, 0.6);
  --glass-bg-secondary: rgba(251, 113, 133, 0.05);
  --glass-bg-tertiary: rgba(244, 63, 94, 0.15);
  --glass-bg-popover: rgba(40, 16, 26, 0.88);
  --border-primary: rgba(251, 113, 133, 0.15);
  --border-secondary: rgba(251, 113, 133, 0.25);
  --border-focus: rgba(251, 113, 133, 0.4);
  --text-primary: rgba(255, 240, 245, 1);
  --text-secondary: rgba(245, 220, 230, 0.8);
  --text-tertiary: rgba(240, 210, 225, 0.65);
  --text-muted: rgba(230, 200, 215, 0.45);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #fb7185;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #ec4899;
  --accent-emerald: #fb7185;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="amber"] {
  --black-pure: #1a1200;
  --black-rich: #281c08;
  --surface-base: #140e00;
  --glass-bg-primary: rgba(40, 28, 8, 0.6);
  --glass-bg-secondary: rgba(251, 191, 36, 0.05);
  --glass-bg-tertiary: rgba(245, 158, 11, 0.15);
  --glass-bg-popover: rgba(40, 28, 8, 0.88);
  --border-primary: rgba(251, 191, 36, 0.15);
  --border-secondary: rgba(251, 191, 36, 0.25);
  --border-focus: rgba(251, 191, 36, 0.4);
  --text-primary: rgba(255, 250, 240, 1);
  --text-secondary: rgba(245, 235, 215, 0.8);
  --text-tertiary: rgba(240, 230, 210, 0.65);
  --text-muted: rgba(230, 220, 195, 0.45);
  --color-success: #10b981;
  --color-warning: #fbbf24;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #a855f7;
  --accent-emerald: #fbbf24;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="slate"] {
  --black-pure: #0f172a;
  --black-rich: #1e293b;
  --surface-base: #0a0f1a;
  --glass-bg-primary: rgba(30, 41, 59, 0.6);
  --glass-bg-secondary: rgba(148, 163, 184, 0.05);
  --glass-bg-tertiary: rgba(71, 85, 105, 0.15);
  --glass-bg-popover: rgba(30, 41, 59, 0.88);
  --border-primary: rgba(148, 163, 184, 0.15);
  --border-secondary: rgba(148, 163, 184, 0.25);
  --border-focus: rgba(148, 163, 184, 0.4);
  --text-primary: rgba(241, 245, 249, 1);
  --text-secondary: rgba(226, 232, 240, 0.8);
  --text-tertiary: rgba(203, 213, 225, 0.65);
  --text-muted: rgba(148, 163, 184, 0.45);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="cyan"] {
  --black-pure: #001a1f;
  --black-rich: #00282f;
  --surface-base: #001416;
  --glass-bg-primary: rgba(0, 40, 47, 0.6);
  --glass-bg-secondary: rgba(34, 211, 238, 0.05);
  --glass-bg-tertiary: rgba(6, 182, 212, 0.15);
  --glass-bg-popover: rgba(0, 40, 47, 0.88);
  --border-primary: rgba(34, 211, 238, 0.15);
  --border-secondary: rgba(34, 211, 238, 0.25);
  --border-focus: rgba(34, 211, 238, 0.4);
  --text-primary: rgba(236, 254, 255, 1);
  --text-secondary: rgba(207, 250, 254, 0.8);
  --text-tertiary: rgba(165, 243, 252, 0.65);
  --text-muted: rgba(103, 232, 249, 0.45);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #22d3ee;
  --accent-blue: #22d3ee;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="crimson"] {
  --black-pure: #1a0000;
  --black-rich: #280808;
  --surface-base: #140000;
  --glass-bg-primary: rgba(40, 8, 8, 0.6);
  --glass-bg-secondary: rgba(239, 68, 68, 0.05);
  --glass-bg-tertiary: rgba(220, 38, 38, 0.15);
  --glass-bg-popover: rgba(40, 8, 8, 0.88);
  --border-primary: rgba(239, 68, 68, 0.15);
  --border-secondary: rgba(239, 68, 68, 0.25);
  --border-focus: rgba(239, 68, 68, 0.4);
  --text-primary: rgba(255, 240, 240, 1);
  --text-secondary: rgba(254, 226, 226, 0.8);
  --text-tertiary: rgba(254, 202, 202, 0.65);
  --text-muted: rgba(252, 165, 165, 0.45);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #dc2626;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #dc2626;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="paper"] {
  --black-pure: #ffffff;
  --black-rich: #eeeeee;
  --surface-base: #f5f5f5;
  --glass-bg-primary: #f5f5f598;
  --glass-bg-secondary: rgba(0, 0, 0, 0.05);
  --glass-bg-tertiary: rgba(255, 255, 255, 0.2);
  --glass-bg-popover: rgba(238, 238, 238, 0.92);
  --border-primary: rgba(0, 0, 0, 0.1);
  --border-secondary: rgba(0, 0, 0, 0.15);
  --border-focus: rgba(0, 0, 0, 0.3);
  --text-primary: rgba(0, 0, 0, 1);
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-tertiary: rgba(0, 0, 0, 0.6);
  --text-muted: rgba(0, 0, 0, 0.4);
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-emerald: #10b981;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="monet"] {
  --black-pure: #0e1e28;
  --black-rich: #1a3242;
  --surface-base: #0b1820;
  --glass-bg-primary: rgba(26, 50, 66, 0.65);
  --glass-bg-secondary: rgba(74, 130, 160, 0.09);
  --glass-bg-tertiary: rgba(45, 90, 100, 0.20);
  --glass-bg-input: rgba(74, 130, 160, 0.12);
  --glass-bg-popover: rgba(14, 30, 40, 0.92);
  --glass-bg-hover: rgba(74, 130, 160, 0.14);
  --glass-bg-active: rgba(74, 130, 160, 0.20);
  --glass-bg-subtle: rgba(74, 130, 160, 0.07);
  --border-primary: rgba(134, 190, 180, 0.18);
  --border-secondary: rgba(134, 190, 180, 0.28);
  --border-focus: rgba(134, 190, 180, 0.50);
  --text-primary: rgba(245, 240, 232, 1);
  --text-secondary: rgba(220, 215, 200, 0.80);
  --text-tertiary: rgba(200, 195, 178, 0.65);
  --text-muted: rgba(180, 175, 158, 0.45);
  --text-strong: rgba(245, 240, 232, 0.95);
  --text-subtle: rgba(200, 195, 178, 0.55);
  --text-ghost: rgba(180, 175, 158, 0.35);
  --text-dim: rgba(160, 155, 138, 0.25);
  --color-success: #5bab8a;
  --color-warning: #d4a843;
  --color-error: #c45c5c;
  --color-info: #5a8cc5;
  --accent-blue: #5a8cc5;
  --accent-purple: #9b8ac5;
  --accent-emerald: #6bbb9a;
  --accent-indigo: #7b7abd;
  --accent-cyan: #5aacc5;
  --button-primary-bg: #f5f0e8;
  --button-primary-text: #0e1e28;
  --button-primary-bg-hover: rgba(245, 240, 232, 0.88);
  --scrollbar-thumb: rgba(134, 190, 180, 0.14);
  --scrollbar-thumb-hover: rgba(134, 190, 180, 0.24);
  --cloud-sky-start: #1e4858;
  --cloud-sky-end: #122238;
  --cloud-base: rgba(80, 140, 210, 0.45);
  --cloud-light: rgba(150, 210, 175, 0.35);
  --cloud-highlight: rgba(240, 195, 130, 0.28);
  --landscape-mountain: #3a4a6e;
  --landscape-mountain-dark: #2c3a58;
  --landscape-snow: rgba(200, 215, 230, 0.45);
  --landscape-hill-1: rgba(35, 85, 52, 0.55);
  --landscape-hill-2: rgba(28, 72, 42, 0.60);
  --landscape-hill-3: rgba(22, 62, 35, 0.65);
  --landscape-hill-4: rgba(18, 52, 28, 0.70);
  --landscape-water: rgba(50, 100, 150, 0.45);
  --landscape-water-light: rgba(80, 140, 190, 0.25);
  --landscape-tree-dark: rgba(20, 55, 30, 0.60);
  --landscape-tree-mid: rgba(28, 70, 38, 0.55);
  --landscape-tree-light: rgba(35, 85, 45, 0.50);
  --landscape-trunk: rgba(85, 62, 42, 0.55);
  --landscape-cloud-fill: rgba(200, 210, 220, 0.30);
  --landscape-cloud-shadow: rgba(140, 155, 175, 0.20);
  --landscape-rock: rgba(100, 95, 88, 0.50);
  --landscape-bush: rgba(22, 65, 32, 0.55);
}
[data-theme="monet"] .landing-page {
  min-height: 100vh;
  --black-pure: #f5f0e6;
  --black-rich: #ede7dc;
  --landing-canvas-bg: #f5f0e6;
  --surface-base: #f8f3ea;
  --glass-bg-primary: rgba(30, 50, 60, 0.06);
  --glass-bg-secondary: rgba(30, 50, 60, 0.03);
  --glass-bg-tertiary: rgba(30, 50, 60, 0.08);
  --glass-bg-input: rgba(30, 50, 60, 0.06);
  --glass-bg-popover: rgba(248, 243, 234, 0.95);
  --glass-bg-hover: rgba(30, 50, 60, 0.08);
  --glass-bg-active: rgba(30, 50, 60, 0.12);
  --glass-bg-subtle: rgba(30, 50, 60, 0.03);
  --border-primary: rgba(30, 50, 60, 0.10);
  --border-secondary: rgba(30, 50, 60, 0.18);
  --border-focus: rgba(74, 124, 181, 0.40);
  --text-primary: rgba(30, 42, 50, 0.92);
  --text-secondary: rgba(30, 42, 50, 0.68);
  --text-tertiary: rgba(30, 42, 50, 0.52);
  --text-muted: rgba(30, 42, 50, 0.42);
  --text-strong: rgba(30, 42, 50, 0.96);
  --text-subtle: rgba(30, 42, 50, 0.48);
  --text-ghost: rgba(30, 42, 50, 0.28);
  --text-dim: rgba(30, 42, 50, 0.18);
  --color-success: #2d8a65;
  --color-warning: #b8892a;
  --color-error: #b04040;
  --color-info: #3a6898;
  --accent-blue: #3a6898;
  --accent-purple: #6b5a98;
  --accent-emerald: #2d8a65;
  --accent-indigo: #5555a0;
  --accent-cyan: #3a8098;
  --button-primary-bg: #1e3040;
  --button-primary-text: #f5f0e8;
  --button-primary-bg-hover: rgba(30, 48, 64, 0.85);
  --scrollbar-thumb: rgba(30, 50, 60, 0.10);
  --scrollbar-thumb-hover: rgba(30, 50, 60, 0.20);
  --cloud-sky-start: #a2c8e4;
  --cloud-sky-end: #d2ddd0;
  --cloud-base: rgba(120, 170, 220, 0.05);
  --cloud-light: rgba(160, 210, 180, 0.04);
  --cloud-highlight: rgba(230, 190, 140, 0.03);
  --cloud-bird-stroke: rgba(40, 50, 65, 0.55);
  --landscape-mountain: #7888b0;
  --landscape-mountain-dark: #5e6c98;
  --landscape-snow: #f0f4f8;
  --landscape-hill-1: #8bc48a;
  --landscape-hill-2: #6aad68;
  --landscape-hill-3: #529a52;
  --landscape-hill-4: #3f8842;
  --landscape-water: #7cbce0;
  --landscape-water-light: #a8d8f0;
  --landscape-tree-dark: #2d6e38;
  --landscape-tree-mid: #3d8a48;
  --landscape-tree-light: #4da858;
  --landscape-trunk: #7a5e42;
  --landscape-cloud-fill: #ffffff;
  --landscape-cloud-shadow: #c5cdd8;
  --landscape-rock: #a8a098;
  --landscape-bush: #2a6832;
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
}
[data-theme="monet-light"] {
  --black-pure: #f5f0e8;
  --black-rich: #ede8df;
  --surface-base: #f8f4ed;
  --glass-bg-primary: rgba(22, 40, 38, 0.06);
  --glass-bg-secondary: rgba(74, 124, 140, 0.04);
  --glass-bg-tertiary: rgba(45, 90, 80, 0.08);
  --glass-bg-input: rgba(22, 40, 38, 0.06);
  --glass-bg-popover: rgba(245, 240, 232, 0.92);
  --glass-bg-hover: rgba(22, 40, 38, 0.08);
  --glass-bg-active: rgba(22, 40, 38, 0.12);
  --glass-bg-subtle: rgba(22, 40, 38, 0.04);
  --border-primary: rgba(22, 40, 38, 0.12);
  --border-secondary: rgba(22, 40, 38, 0.18);
  --border-focus: rgba(74, 124, 181, 0.40);
  --text-primary: rgba(13, 26, 26, 0.92);
  --text-secondary: rgba(13, 26, 26, 0.68);
  --text-tertiary: rgba(13, 26, 26, 0.52);
  --text-muted: rgba(13, 26, 26, 0.38);
  --text-strong: rgba(13, 26, 26, 0.96);
  --text-subtle: rgba(13, 26, 26, 0.48);
  --text-ghost: rgba(13, 26, 26, 0.28);
  --text-dim: rgba(13, 26, 26, 0.18);
  --color-success: #2d8a65;
  --color-warning: #b8892a;
  --color-error: #b04040;
  --color-info: #3a6898;
  --accent-blue: #3a6898;
  --accent-purple: #6b5a98;
  --accent-emerald: #2d8a65;
  --accent-indigo: #5555a0;
  --accent-cyan: #3a8098;
  --button-primary-bg: #162828;
  --button-primary-text: #f5f0e8;
  --button-primary-bg-hover: rgba(22, 40, 40, 0.88);
  --scrollbar-thumb: rgba(22, 40, 38, 0.10);
  --scrollbar-thumb-hover: rgba(22, 40, 38, 0.20);
  --cloud-sky-start: #e8e2d6;
  --cloud-sky-end: #f5f0e8;
  --cloud-base: rgba(74, 124, 181, 0.08);
  --cloud-light: rgba(134, 187, 168, 0.06);
  --cloud-highlight: rgba(22, 40, 38, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="midnight-light"] {
  --black-pure: #f5f5f5;
  --black-rich: #eeeeee;
  --surface-base: #f8f8f8;
  --glass-bg-primary: rgba(17, 17, 17, 0.05);
  --glass-bg-secondary: rgba(0, 0, 0, 0.04);
  --glass-bg-tertiary: rgba(0, 0, 0, 0.08);
  --glass-bg-input: rgba(0, 0, 0, 0.05);
  --glass-bg-popover: rgba(245, 245, 245, 0.92);
  --glass-bg-hover: rgba(0, 0, 0, 0.07);
  --glass-bg-active: rgba(0, 0, 0, 0.11);
  --glass-bg-subtle: rgba(0, 0, 0, 0.03);
  --border-primary: rgba(0, 0, 0, 0.10);
  --border-secondary: rgba(0, 0, 0, 0.16);
  --border-focus: rgba(0, 0, 0, 0.30);
  --text-primary: rgba(0, 0, 0, 0.92);
  --text-secondary: rgba(0, 0, 0, 0.68);
  --text-tertiary: rgba(0, 0, 0, 0.52);
  --text-muted: rgba(0, 0, 0, 0.38);
  --text-strong: rgba(0, 0, 0, 0.96);
  --text-subtle: rgba(0, 0, 0, 0.46);
  --text-ghost: rgba(0, 0, 0, 0.28);
  --text-dim: rgba(0, 0, 0, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #111111;
  --button-primary-text: #f5f5f5;
  --button-primary-bg-hover: rgba(17, 17, 17, 0.88);
  --scrollbar-thumb: rgba(0, 0, 0, 0.10);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.20);
  --cloud-sky-start: #e8e8e8;
  --cloud-sky-end: #f5f5f5;
  --cloud-base: rgba(37, 99, 235, 0.08);
  --cloud-light: rgba(13, 159, 114, 0.06);
  --cloud-highlight: rgba(17, 17, 17, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="abyss-light"] {
  --black-pure: #fafafa;
  --black-rich: #f0f0f0;
  --surface-base: #fdfdfd;
  --glass-bg-primary: rgba(2, 2, 2, 0.04);
  --glass-bg-secondary: rgba(0, 0, 0, 0.03);
  --glass-bg-tertiary: rgba(0, 0, 0, 0.07);
  --glass-bg-input: rgba(0, 0, 0, 0.04);
  --glass-bg-popover: rgba(250, 250, 250, 0.94);
  --glass-bg-hover: rgba(0, 0, 0, 0.06);
  --glass-bg-active: rgba(0, 0, 0, 0.10);
  --glass-bg-subtle: rgba(0, 0, 0, 0.03);
  --border-primary: rgba(0, 0, 0, 0.09);
  --border-secondary: rgba(0, 0, 0, 0.14);
  --border-focus: rgba(68, 68, 68, 0.28);
  --text-primary: rgba(2, 2, 2, 0.92);
  --text-secondary: rgba(2, 2, 2, 0.66);
  --text-tertiary: rgba(2, 2, 2, 0.50);
  --text-muted: rgba(2, 2, 2, 0.36);
  --text-strong: rgba(2, 2, 2, 0.96);
  --text-subtle: rgba(2, 2, 2, 0.44);
  --text-ghost: rgba(2, 2, 2, 0.26);
  --text-dim: rgba(2, 2, 2, 0.16);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #020202;
  --button-primary-text: #fafafa;
  --button-primary-bg-hover: rgba(2, 2, 2, 0.88);
  --scrollbar-thumb: rgba(0, 0, 0, 0.09);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.18);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
  --cloud-sky-start: #ececec;
  --cloud-sky-end: #fafafa;
  --cloud-base: rgba(37, 99, 235, 0.07);
  --cloud-light: rgba(13, 159, 114, 0.05);
  --cloud-highlight: rgba(2, 2, 2, 0.03);
}
[data-theme="ocean-light"] {
  --black-pure: #f0fafa;
  --black-rich: #e4f5f5;
  --surface-base: #f5fdfd;
  --glass-bg-primary: rgba(0, 40, 40, 0.05);
  --glass-bg-secondary: rgba(64, 224, 208, 0.06);
  --glass-bg-tertiary: rgba(0, 128, 128, 0.07);
  --glass-bg-input: rgba(0, 40, 40, 0.05);
  --glass-bg-popover: rgba(240, 250, 250, 0.93);
  --glass-bg-hover: rgba(0, 40, 40, 0.07);
  --glass-bg-active: rgba(0, 40, 40, 0.11);
  --glass-bg-subtle: rgba(0, 40, 40, 0.03);
  --border-primary: rgba(0, 128, 128, 0.14);
  --border-secondary: rgba(0, 128, 128, 0.22);
  --border-focus: rgba(0, 128, 128, 0.40);
  --text-primary: rgba(0, 26, 26, 0.92);
  --text-secondary: rgba(0, 26, 26, 0.68);
  --text-tertiary: rgba(0, 26, 26, 0.52);
  --text-muted: rgba(0, 26, 26, 0.38);
  --text-strong: rgba(0, 26, 26, 0.96);
  --text-subtle: rgba(0, 26, 26, 0.46);
  --text-ghost: rgba(0, 26, 26, 0.28);
  --text-dim: rgba(0, 26, 26, 0.18);
  --color-success: #009990;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #007b70;
  --accent-blue: #007b70;
  --accent-purple: #6b3aad;
  --accent-emerald: #009990;
  --accent-indigo: #4338ca;
  --accent-cyan: #0097a7;
  --button-primary-bg: #002828;
  --button-primary-text: #f0fafa;
  --button-primary-bg-hover: rgba(0, 40, 40, 0.88);
  --scrollbar-thumb: rgba(0, 128, 128, 0.12);
  --scrollbar-thumb-hover: rgba(0, 128, 128, 0.22);
  --cloud-sky-start: #d8f0f0;
  --cloud-sky-end: #f0fafa;
  --cloud-base: rgba(0, 153, 144, 0.08);
  --cloud-light: rgba(64, 224, 208, 0.07);
  --cloud-highlight: rgba(0, 40, 40, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="forest-light"] {
  --black-pure: #f0faf4;
  --black-rich: #e4f5ea;
  --surface-base: #f5fdf7;
  --glass-bg-primary: rgba(19, 40, 19, 0.05);
  --glass-bg-secondary: rgba(34, 197, 94, 0.06);
  --glass-bg-tertiary: rgba(20, 83, 45, 0.07);
  --glass-bg-input: rgba(19, 40, 19, 0.05);
  --glass-bg-popover: rgba(240, 250, 244, 0.93);
  --glass-bg-hover: rgba(19, 40, 19, 0.07);
  --glass-bg-active: rgba(19, 40, 19, 0.11);
  --glass-bg-subtle: rgba(19, 40, 19, 0.03);
  --border-primary: rgba(20, 83, 45, 0.14);
  --border-secondary: rgba(20, 83, 45, 0.22);
  --border-focus: rgba(20, 83, 45, 0.40);
  --text-primary: rgba(10, 26, 10, 0.92);
  --text-secondary: rgba(10, 26, 10, 0.68);
  --text-tertiary: rgba(10, 26, 10, 0.52);
  --text-muted: rgba(10, 26, 10, 0.38);
  --text-strong: rgba(10, 26, 10, 0.96);
  --text-subtle: rgba(10, 26, 10, 0.46);
  --text-ghost: rgba(10, 26, 10, 0.28);
  --text-dim: rgba(10, 26, 10, 0.18);
  --color-success: #0d9960;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #1d6fbc;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9960;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #132813;
  --button-primary-text: #f0faf4;
  --button-primary-bg-hover: rgba(19, 40, 19, 0.88);
  --scrollbar-thumb: rgba(20, 83, 45, 0.12);
  --scrollbar-thumb-hover: rgba(20, 83, 45, 0.22);
  --cloud-sky-start: #d8f0e2;
  --cloud-sky-end: #f0faf4;
  --cloud-base: rgba(13, 153, 96, 0.08);
  --cloud-light: rgba(34, 197, 94, 0.07);
  --cloud-highlight: rgba(19, 40, 19, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="sunset-light"] {
  --black-pure: #fdf5f0;
  --black-rich: #f8ece4;
  --surface-base: #fef8f5;
  --glass-bg-primary: rgba(40, 21, 16, 0.05);
  --glass-bg-secondary: rgba(251, 146, 60, 0.07);
  --glass-bg-tertiary: rgba(234, 88, 12, 0.07);
  --glass-bg-input: rgba(40, 21, 16, 0.05);
  --glass-bg-popover: rgba(253, 245, 240, 0.93);
  --glass-bg-hover: rgba(40, 21, 16, 0.07);
  --glass-bg-active: rgba(40, 21, 16, 0.11);
  --glass-bg-subtle: rgba(40, 21, 16, 0.03);
  --border-primary: rgba(234, 88, 12, 0.14);
  --border-secondary: rgba(234, 88, 12, 0.22);
  --border-focus: rgba(234, 88, 12, 0.40);
  --text-primary: rgba(26, 10, 0, 0.92);
  --text-secondary: rgba(26, 10, 0, 0.68);
  --text-tertiary: rgba(26, 10, 0, 0.52);
  --text-muted: rgba(26, 10, 0, 0.38);
  --text-strong: rgba(26, 10, 0, 0.96);
  --text-subtle: rgba(26, 10, 0, 0.46);
  --text-ghost: rgba(26, 10, 0, 0.28);
  --text-dim: rgba(26, 10, 0, 0.18);
  --color-success: #0d9f72;
  --color-warning: #cc5500;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #1d6fbc;
  --accent-purple: #7c3aed;
  --accent-emerald: #cc5500;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #281510;
  --button-primary-text: #fdf5f0;
  --button-primary-bg-hover: rgba(40, 21, 16, 0.88);
  --scrollbar-thumb: rgba(234, 88, 12, 0.12);
  --scrollbar-thumb-hover: rgba(234, 88, 12, 0.22);
  --cloud-sky-start: #f5dfd0;
  --cloud-sky-end: #fdf5f0;
  --cloud-base: rgba(204, 85, 0, 0.08);
  --cloud-light: rgba(251, 146, 60, 0.07);
  --cloud-highlight: rgba(40, 21, 16, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="lavender-light"] {
  --black-pure: #f5f0fa;
  --black-rich: #ece4f5;
  --surface-base: #f9f5fd;
  --glass-bg-primary: rgba(26, 16, 40, 0.05);
  --glass-bg-secondary: rgba(168, 85, 247, 0.06);
  --glass-bg-tertiary: rgba(139, 92, 246, 0.07);
  --glass-bg-input: rgba(26, 16, 40, 0.05);
  --glass-bg-popover: rgba(245, 240, 250, 0.93);
  --glass-bg-hover: rgba(26, 16, 40, 0.07);
  --glass-bg-active: rgba(26, 16, 40, 0.11);
  --glass-bg-subtle: rgba(26, 16, 40, 0.03);
  --border-primary: rgba(139, 92, 246, 0.14);
  --border-secondary: rgba(139, 92, 246, 0.22);
  --border-focus: rgba(139, 92, 246, 0.40);
  --text-primary: rgba(16, 10, 26, 0.92);
  --text-secondary: rgba(16, 10, 26, 0.68);
  --text-tertiary: rgba(16, 10, 26, 0.52);
  --text-muted: rgba(16, 10, 26, 0.38);
  --text-strong: rgba(16, 10, 26, 0.96);
  --text-subtle: rgba(16, 10, 26, 0.46);
  --text-ghost: rgba(16, 10, 26, 0.28);
  --text-dim: rgba(16, 10, 26, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #7040cc;
  --accent-blue: #5555cc;
  --accent-purple: #7040cc;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #1a1028;
  --button-primary-text: #f5f0fa;
  --button-primary-bg-hover: rgba(26, 16, 40, 0.88);
  --scrollbar-thumb: rgba(139, 92, 246, 0.12);
  --scrollbar-thumb-hover: rgba(139, 92, 246, 0.22);
  --cloud-sky-start: #e4d8f5;
  --cloud-sky-end: #f5f0fa;
  --cloud-base: rgba(112, 64, 204, 0.08);
  --cloud-light: rgba(168, 85, 247, 0.07);
  --cloud-highlight: rgba(26, 16, 40, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="rose-light"] {
  --black-pure: #fdf0f2;
  --black-rich: #f8e4ea;
  --surface-base: #fef5f7;
  --glass-bg-primary: rgba(40, 16, 26, 0.05);
  --glass-bg-secondary: rgba(251, 113, 133, 0.06);
  --glass-bg-tertiary: rgba(244, 63, 94, 0.07);
  --glass-bg-input: rgba(40, 16, 26, 0.05);
  --glass-bg-popover: rgba(253, 240, 242, 0.93);
  --glass-bg-hover: rgba(40, 16, 26, 0.07);
  --glass-bg-active: rgba(40, 16, 26, 0.11);
  --glass-bg-subtle: rgba(40, 16, 26, 0.03);
  --border-primary: rgba(244, 63, 94, 0.14);
  --border-secondary: rgba(244, 63, 94, 0.22);
  --border-focus: rgba(244, 63, 94, 0.40);
  --text-primary: rgba(26, 10, 16, 0.92);
  --text-secondary: rgba(26, 10, 16, 0.68);
  --text-tertiary: rgba(26, 10, 16, 0.52);
  --text-muted: rgba(26, 10, 16, 0.38);
  --text-strong: rgba(26, 10, 16, 0.96);
  --text-subtle: rgba(26, 10, 16, 0.46);
  --text-ghost: rgba(26, 10, 16, 0.28);
  --text-dim: rgba(26, 10, 16, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #cc3355;
  --color-info: #2563eb;
  --accent-blue: #1d6fbc;
  --accent-purple: #cc3355;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #28101a;
  --button-primary-text: #fdf0f2;
  --button-primary-bg-hover: rgba(40, 16, 26, 0.88);
  --scrollbar-thumb: rgba(244, 63, 94, 0.12);
  --scrollbar-thumb-hover: rgba(244, 63, 94, 0.22);
  --cloud-sky-start: #f5d8e0;
  --cloud-sky-end: #fdf0f2;
  --cloud-base: rgba(204, 51, 85, 0.08);
  --cloud-light: rgba(251, 113, 133, 0.07);
  --cloud-highlight: rgba(40, 16, 26, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="amber-light"] {
  --black-pure: #fdf8f0;
  --black-rich: #f8f0e0;
  --surface-base: #fefaf5;
  --glass-bg-primary: rgba(40, 28, 8, 0.05);
  --glass-bg-secondary: rgba(251, 191, 36, 0.07);
  --glass-bg-tertiary: rgba(245, 158, 11, 0.07);
  --glass-bg-input: rgba(40, 28, 8, 0.05);
  --glass-bg-popover: rgba(253, 248, 240, 0.93);
  --glass-bg-hover: rgba(40, 28, 8, 0.07);
  --glass-bg-active: rgba(40, 28, 8, 0.11);
  --glass-bg-subtle: rgba(40, 28, 8, 0.03);
  --border-primary: rgba(245, 158, 11, 0.16);
  --border-secondary: rgba(245, 158, 11, 0.24);
  --border-focus: rgba(245, 158, 11, 0.42);
  --text-primary: rgba(26, 18, 0, 0.92);
  --text-secondary: rgba(26, 18, 0, 0.68);
  --text-tertiary: rgba(26, 18, 0, 0.52);
  --text-muted: rgba(26, 18, 0, 0.38);
  --text-strong: rgba(26, 18, 0, 0.96);
  --text-subtle: rgba(26, 18, 0, 0.46);
  --text-ghost: rgba(26, 18, 0, 0.28);
  --text-dim: rgba(26, 18, 0, 0.18);
  --color-success: #0d9f72;
  --color-warning: #cc8800;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #1d6fbc;
  --accent-purple: #7c3aed;
  --accent-emerald: #cc8800;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #281c08;
  --button-primary-text: #fdf8f0;
  --button-primary-bg-hover: rgba(40, 28, 8, 0.88);
  --scrollbar-thumb: rgba(245, 158, 11, 0.14);
  --scrollbar-thumb-hover: rgba(245, 158, 11, 0.24);
  --cloud-sky-start: #f5e8d0;
  --cloud-sky-end: #fdf8f0;
  --cloud-base: rgba(204, 136, 0, 0.08);
  --cloud-light: rgba(251, 191, 36, 0.07);
  --cloud-highlight: rgba(40, 28, 8, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="slate-light"] {
  --black-pure: #f5f6f8;
  --black-rich: #ebeef2;
  --surface-base: #f8f9fb;
  --glass-bg-primary: rgba(30, 41, 59, 0.05);
  --glass-bg-secondary: rgba(148, 163, 184, 0.07);
  --glass-bg-tertiary: rgba(71, 85, 105, 0.07);
  --glass-bg-input: rgba(30, 41, 59, 0.05);
  --glass-bg-popover: rgba(245, 246, 248, 0.93);
  --glass-bg-hover: rgba(30, 41, 59, 0.07);
  --glass-bg-active: rgba(30, 41, 59, 0.11);
  --glass-bg-subtle: rgba(30, 41, 59, 0.03);
  --border-primary: rgba(71, 85, 105, 0.14);
  --border-secondary: rgba(71, 85, 105, 0.22);
  --border-focus: rgba(71, 85, 105, 0.40);
  --text-primary: rgba(15, 23, 42, 0.92);
  --text-secondary: rgba(15, 23, 42, 0.68);
  --text-tertiary: rgba(15, 23, 42, 0.52);
  --text-muted: rgba(15, 23, 42, 0.38);
  --text-strong: rgba(15, 23, 42, 0.96);
  --text-subtle: rgba(15, 23, 42, 0.46);
  --text-ghost: rgba(15, 23, 42, 0.28);
  --text-dim: rgba(15, 23, 42, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #2563eb;
  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #1e293b;
  --button-primary-text: #f5f6f8;
  --button-primary-bg-hover: rgba(30, 41, 59, 0.88);
  --scrollbar-thumb: rgba(71, 85, 105, 0.12);
  --scrollbar-thumb-hover: rgba(71, 85, 105, 0.22);
  --cloud-sky-start: #dde2ea;
  --cloud-sky-end: #f5f6f8;
  --cloud-base: rgba(37, 99, 235, 0.07);
  --cloud-light: rgba(148, 163, 184, 0.08);
  --cloud-highlight: rgba(30, 41, 59, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="cyan-light"] {
  --black-pure: #f0fafc;
  --black-rich: #e2f5f8;
  --surface-base: #f5fdfe;
  --glass-bg-primary: rgba(0, 40, 47, 0.05);
  --glass-bg-secondary: rgba(34, 211, 238, 0.06);
  --glass-bg-tertiary: rgba(6, 182, 212, 0.07);
  --glass-bg-input: rgba(0, 40, 47, 0.05);
  --glass-bg-popover: rgba(240, 250, 252, 0.93);
  --glass-bg-hover: rgba(0, 40, 47, 0.07);
  --glass-bg-active: rgba(0, 40, 47, 0.11);
  --glass-bg-subtle: rgba(0, 40, 47, 0.03);
  --border-primary: rgba(6, 182, 212, 0.16);
  --border-secondary: rgba(6, 182, 212, 0.24);
  --border-focus: rgba(6, 182, 212, 0.42);
  --text-primary: rgba(0, 26, 31, 0.92);
  --text-secondary: rgba(0, 26, 31, 0.68);
  --text-tertiary: rgba(0, 26, 31, 0.52);
  --text-muted: rgba(0, 26, 31, 0.38);
  --text-strong: rgba(0, 26, 31, 0.96);
  --text-subtle: rgba(0, 26, 31, 0.46);
  --text-ghost: rgba(0, 26, 31, 0.28);
  --text-dim: rgba(0, 26, 31, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #dc2020;
  --color-info: #0099bb;
  --accent-blue: #0099bb;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0099bb;
  --button-primary-bg: #00282f;
  --button-primary-text: #f0fafc;
  --button-primary-bg-hover: rgba(0, 40, 47, 0.88);
  --scrollbar-thumb: rgba(6, 182, 212, 0.14);
  --scrollbar-thumb-hover: rgba(6, 182, 212, 0.24);
  --cloud-sky-start: #d0eef5;
  --cloud-sky-end: #f0fafc;
  --cloud-base: rgba(0, 153, 187, 0.08);
  --cloud-light: rgba(34, 211, 238, 0.07);
  --cloud-highlight: rgba(0, 40, 47, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
[data-theme="crimson-light"] {
  --black-pure: #fdf0f0;
  --black-rich: #f8e2e2;
  --surface-base: #fef5f5;
  --glass-bg-primary: rgba(40, 8, 8, 0.05);
  --glass-bg-secondary: rgba(239, 68, 68, 0.06);
  --glass-bg-tertiary: rgba(220, 38, 38, 0.07);
  --glass-bg-input: rgba(40, 8, 8, 0.05);
  --glass-bg-popover: rgba(253, 240, 240, 0.93);
  --glass-bg-hover: rgba(40, 8, 8, 0.07);
  --glass-bg-active: rgba(40, 8, 8, 0.11);
  --glass-bg-subtle: rgba(40, 8, 8, 0.03);
  --border-primary: rgba(220, 38, 38, 0.14);
  --border-secondary: rgba(220, 38, 38, 0.22);
  --border-focus: rgba(220, 38, 38, 0.40);
  --text-primary: rgba(26, 0, 0, 0.92);
  --text-secondary: rgba(26, 0, 0, 0.68);
  --text-tertiary: rgba(26, 0, 0, 0.52);
  --text-muted: rgba(26, 0, 0, 0.38);
  --text-strong: rgba(26, 0, 0, 0.96);
  --text-subtle: rgba(26, 0, 0, 0.46);
  --text-ghost: rgba(26, 0, 0, 0.28);
  --text-dim: rgba(26, 0, 0, 0.18);
  --color-success: #0d9f72;
  --color-warning: #d18a08;
  --color-error: #bb2222;
  --color-info: #2563eb;
  --accent-blue: #1d6fbc;
  --accent-purple: #7c3aed;
  --accent-emerald: #0d9f72;
  --accent-indigo: #4338ca;
  --accent-cyan: #0891b2;
  --button-primary-bg: #280808;
  --button-primary-text: #fdf0f0;
  --button-primary-bg-hover: rgba(40, 8, 8, 0.88);
  --scrollbar-thumb: rgba(220, 38, 38, 0.12);
  --scrollbar-thumb-hover: rgba(220, 38, 38, 0.22);
  --cloud-sky-start: #f5d8d8;
  --cloud-sky-end: #fdf0f0;
  --cloud-base: rgba(187, 34, 34, 0.08);
  --cloud-light: rgba(239, 68, 68, 0.07);
  --cloud-highlight: rgba(40, 8, 8, 0.04);
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.14), inset -3px -3px 4px 0px rgba(255,160,100,0.38), inset 4px 4px 4px 0px rgba(80,0,160,0.12);
}
@font-face {
  font-family: 'Apple Garamond';
  src: url('/assets/ethos-landing/fonts/AppleGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apple Garamond';
  src: url('/assets/ethos-landing/fonts/AppleGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AppleGaramond';
  src: url('/assets/ethos-landing/fonts/AppleGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AppleGaramond';
  src: url('/assets/ethos-landing/fonts/AppleGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUA4V-e6yHgQ.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBIV-e6yHgQ.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RIAYV-e6yHgQ.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('https://fonts.gstatic.com/s/ebgaramond/v32/SlGUmQSNjdsmc35JDF1K5GR1SDk_YAPI.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('https://fonts.gstatic.com/s/ebgaramond/v32/SlGUmQSNjdsmc35JDF1K5GR1SDk_YAPI.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/assets/ethos-landing/fonts/SF-Pro-Text-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/ethos-landing/fonts/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/ethos-landing/fonts/SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/ethos-landing/fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/ethos-landing/fonts/SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('https://cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-mono/GeistMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@layer base {
  html {
    --landing-canvas-bg: var(--surface-base);
    @supports (color: color-mix(in lab, red, red)) {
      --landing-canvas-bg: color-mix(in srgb, var(--surface-base) 94%, #fbfaf6 6%);
    }
    background-color: var(--landing-canvas-bg);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --color-status-success: var(--color-success);
    --color-status-warning: var(--color-warning);
    --color-status-error: var(--color-error);
    --color-status-info: var(--color-info);
  }
  body {
    margin: 0;
    min-height: 100vh;
    background-color: var(--landing-canvas-bg);
  }
  #root {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
}
html.theme-transition-active *,
html.theme-transition-active *::before,
html.theme-transition-active *::after {
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html.theme-transition-active {
    transition: none;
  }
}
:root {
  --chat-input-bg: var(--glass-bg-secondary);
  --chat-input-border: var(--border-primary);
  --chat-composer-radius: 12px;
  --font-serif: 'Apple Garamond', 'Garamond Premier Pro', 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans: var(--font-display);
  --font-mono: 'Geist Mono', 'SF Mono', 'Fira Code', monospace;
  --bf-red: #e8453c;
  --bf-orange: #f5a623;
  --bf-yellow: #f8d12f;
  --bf-green: #2db67d;
  --bf-blue: #2563eb;
  --bf-purple: #7c3aed;
  --bf-rose: #e0609a;
  --bf-teal: #0fb5ae;
  --bf-gradient: linear-gradient(135deg, var(--bf-red), var(--bf-orange), var(--bf-yellow), var(--bf-green), var(--bf-blue), var(--bf-purple));
  --cta-bg: radial-gradient(110% 110% at 58% 62%, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%), radial-gradient(114.65% 114.65% at 9.73% 17.27%, #0fb5ae 0%, var(--bf-blue) 28%, var(--bf-purple) 62%, var(--bf-red) 100%);
  --cta-shadow: 8px 10px 20px 0px rgba(124,58,237,0.22), inset -3px -3px 4px 0px rgba(255,160,100,0.42), inset 4px 4px 4px 0px rgba(80,0,160,0.18);
  --cta-hardware-text: rgba(255,255,255,0.92);
  --cta-hardware-bg: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0)),
    linear-gradient(180deg, #171922, #0c0d12);
  --cta-hardware-edge: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.03) 42%, rgba(0,0,0,0.18) 100%);
  --cta-hardware-shadow: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 1px rgba(0,0,0,0.24),
    0 10px 22px rgba(0,0,0,0.18),
    0 22px 44px rgba(0,0,0,0.22);
  --cta-slot-neutral-lightbar: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(255,255,255,0) 46%),
    linear-gradient(90deg, rgba(255,255,255,0.28), rgba(158,166,172,0.96) 42%, rgba(82,88,94,0.92));
  --cta-slot-neutral-shadow: 0 1px 0 rgba(255,255,255,0.16),
    0 2px 4px rgba(0,0,0,0.24);
  --cta-slot-rainbow-lightbar: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0) 46%),
    linear-gradient(90deg,
      var(--bf-red) 0%,
      var(--bf-orange) 6.25%,
      var(--bf-yellow) 12.5%,
      var(--bf-green) 18.75%,
      #0fb5ae 25%,
      var(--bf-blue) 31.25%,
      var(--bf-purple) 37.5%,
      var(--bf-red) 50%,
      var(--bf-orange) 56.25%,
      var(--bf-yellow) 62.5%,
      var(--bf-green) 68.75%,
      #0fb5ae 75%,
      var(--bf-blue) 81.25%,
      var(--bf-purple) 87.5%,
      var(--bf-red) 100%
    );
  --cta-slot-rainbow-glow: linear-gradient(90deg,
      var(--bf-red) 0%,
      var(--bf-orange) 6.25%,
      var(--bf-yellow) 12.5%,
      var(--bf-green) 18.75%,
      #0fb5ae 25%,
      var(--bf-blue) 31.25%,
      var(--bf-purple) 37.5%,
      var(--bf-red) 50%,
      var(--bf-orange) 56.25%,
      var(--bf-yellow) 62.5%,
      var(--bf-green) 68.75%,
      #0fb5ae 75%,
      var(--bf-blue) 81.25%,
      var(--bf-purple) 87.5%,
      var(--bf-red) 100%
    );
  --cta-slot-rainbow-shadow: 0 0 20px var(--bf-red),
    0 0 18px var(--bf-yellow),
    0 0 22px var(--bf-blue),
    0 0 20px var(--bf-purple),
    0 1px 0 rgba(255,255,255,0.12),
    0 2px 4px rgba(0,0,0,0.24);
  @supports (color: color-mix(in lab, red, red)) {
    --cta-slot-rainbow-shadow: 0 0 20px color-mix(in srgb, var(--bf-red) 28%, transparent),
    0 0 18px color-mix(in srgb, var(--bf-yellow) 22%, transparent),
    0 0 22px color-mix(in srgb, var(--bf-blue) 26%, transparent),
    0 0 20px color-mix(in srgb, var(--bf-purple) 26%, transparent),
    0 1px 0 rgba(255,255,255,0.12),
    0 2px 4px rgba(0,0,0,0.24);
  }
  --cta-hardware-sheen: radial-gradient(92% 120% at 50% 0%, rgba(255,255,255,0.12), transparent 54%);
}
.cta-slot-tube-base {
  background: var(--cta-slot-neutral-lightbar);
  box-shadow: var(--cta-slot-neutral-shadow);
}
.cta-slot-tube-rainbow {
  animation: cta-slot-rainbow-flow 5.6s linear infinite paused;
  background: var(--cta-slot-rainbow-lightbar);
  background-size: 100% 100%, 200% 100%;
  box-shadow: var(--cta-slot-rainbow-shadow);
}
.group:hover .cta-slot-tube-rainbow,
.group:focus-visible .cta-slot-tube-rainbow {
  animation-play-state: running;
}
.cta-slot-tube-glow {
  animation: cta-slot-glow-flow 5.6s linear infinite paused;
  background: var(--cta-slot-rainbow-glow);
  background-size: 200% 100%;
  filter: blur(12px) saturate(1.18);
  transform: translateZ(0);
}
.group:hover .cta-slot-tube-glow,
.group:focus-visible .cta-slot-tube-glow {
  animation-play-state: running;
}
@keyframes cta-slot-rainbow-flow {
  from {
    background-position: 0 0, 0% 0;
  }
  to {
    background-position: 0 0, -100% 0;
  }
}
@keyframes cta-slot-glow-flow {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cta-slot-tube-rainbow,
  .cta-slot-tube-glow {
    animation: none;
  }
}
.button-flat-surface {
  --button-flat-padding-x: 1rem;
  --button-flat-face-bg: var(--glass-bg-subtle);
  --button-flat-face-bg-hover: var(--glass-bg-hover);
  --button-flat-face-bg-pressed: var(--glass-bg-active);
  --button-flat-floor-bg: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-bg: color-mix(in srgb, var(--text-primary) 6%, transparent);
  }
  --button-flat-floor-bg-hover: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-bg-hover: color-mix(in srgb, var(--text-primary) 8%, transparent);
  }
  --button-flat-floor-shadow: 0 4px 18px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-shadow: 0 4px 18px color-mix(in srgb, var(--text-primary) 7%, transparent);
  }
  --button-flat-floor-shadow-hover: 0 4px 18px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-shadow-hover: 0 4px 18px color-mix(in srgb, var(--text-primary) 9%, transparent);
  }
  --button-flat-paint-shadow: 0 1px 0 var(--text-primary),
    0 7px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-paint-shadow: 0 1px 0 color-mix(in srgb, var(--text-primary) 11%, transparent),
    0 7px 0 color-mix(in srgb, var(--text-primary) 4.5%, transparent);
  }
  --button-flat-paint-shadow-hover: 0 1px 0 var(--text-primary),
    0 8px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-paint-shadow-hover: 0 1px 0 color-mix(in srgb, var(--text-primary) 11%, transparent),
    0 8px 0 color-mix(in srgb, var(--text-primary) 5.5%, transparent);
  }
  --button-flat-paint-shadow-pressed: 0 1px 0 var(--text-primary),
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    inset 0 -1px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-paint-shadow-pressed: 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent),
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
  }
  --cta-hardware-shadow: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.24),
    0 1px 0 color-mix(in srgb, white 8%, transparent),
    0 7px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --cta-hardware-shadow: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.24),
    0 1px 0 color-mix(in srgb, white 8%, transparent),
    0 7px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
  }
  --cta-hardware-shadow-hover: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.24),
    0 1px 0 color-mix(in srgb, white 8%, transparent),
    0 8px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --cta-hardware-shadow-hover: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.24),
    0 1px 0 color-mix(in srgb, white 8%, transparent),
    0 8px 0 color-mix(in srgb, var(--text-primary) 8.5%, transparent);
  }
  --cta-hardware-shadow-pressed: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.18),
    0 1px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --cta-hardware-shadow-pressed: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.18),
    0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
  }
  background: transparent !important;
  box-shadow: none !important;
  display: inline-grid !important;
  filter: none;
  isolation: isolate;
  padding: 0 !important;
  position: relative;
  transform: none !important;
  transition: background-color 160ms ease-out;
}
.button-full-width {
  grid-template-columns: minmax(0, 1fr) !important;
  inline-size: 100% !important;
  justify-items: stretch;
  justify-self: stretch;
  width: 100% !important;
}
.button-flat-surface.button-full-width .button-flat-floor,
.button-flat-surface.button-full-width .button-flat-face,
.button-flat-surface.button-full-width .button-flat-cta-floor,
.button-flat-surface.button-full-width .button-flat-cta-face {
  inline-size: 100%;
  width: 100%;
}
.button-flat-surface[data-button-variant="cta"],
.button-flat-surface[data-button-variant="hardware"] {
  --button-flat-face-bg: var(--cta-hardware-bg);
  --button-flat-face-bg-hover: var(--cta-hardware-bg);
  --button-flat-face-bg-pressed: var(--cta-hardware-bg);
}
.button-flat-surface:hover {
  --button-flat-floor-bg: var(--button-flat-floor-bg-hover);
  --button-flat-floor-shadow: var(--button-flat-floor-shadow-hover);
  --button-flat-face-bg: var(--button-flat-face-bg-hover);
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.button-flat-surface:active {
  --button-flat-face-bg: var(--button-flat-face-bg-pressed);
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.button-flat-surface[data-button-variant="cta"]:hover,
.button-flat-surface[data-button-variant="hardware"]:hover {
  --button-flat-face-bg: var(--cta-hardware-bg);
}
.button-flat-surface[data-button-variant="cta"]:active,
.button-flat-surface[data-button-variant="hardware"]:active {
  --button-flat-face-bg: var(--cta-hardware-bg);
}
.button-cta-root:not(.button-flat-cta-shell),
.button-hardware-root:not(.button-flat-hardware-shell) {
  transition: transform 160ms ease-out;
}
.button-cta-root,
.button-hardware-root {
  font-weight: 700;
}
.button-cta-root:not(.button-flat-cta-shell):hover,
.button-hardware-root:not(.button-flat-hardware-shell):hover {
  transform: translate3d(0, -1px, 0);
}
.button-cta-root:not(.button-flat-cta-shell):active,
.button-hardware-root:not(.button-flat-hardware-shell):active {
  transform: translate3d(0, 5px, 0);
}
.button-flat-cta-shell,
.button-flat-hardware-shell {
  --button-flat-padding-x: 1rem;
  --button-flat-cta-floor-tint: var(--text-primary);
  --button-flat-cta-floor-bg: var(--button-flat-cta-floor-tint);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-cta-floor-bg: color-mix(in srgb, var(--button-flat-cta-floor-tint) 12%, transparent);
  }
  --button-flat-cta-floor-shadow: 0 4px 18px var(--button-flat-cta-floor-tint);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-cta-floor-shadow: 0 4px 18px color-mix(in srgb, var(--button-flat-cta-floor-tint) 9%, transparent);
  }
  background: transparent !important;
  box-shadow: none !important;
  gap: 0;
}
.button-hardware-root,
.button-flat-hardware-shell,
.button-flat-hardware-shell .button-flat-cta-floor,
.button-flat-hardware-shell .button-flat-cta-face,
.button-flat-hardware-shell .button-flat-cta-face > span {
  border-radius: 0 !important;
}
.button-flat-cta-shell:hover,
.button-flat-cta-shell:focus-visible,
.button-flat-cta-shell:active,
.button-flat-hardware-shell:hover,
.button-flat-hardware-shell:focus-visible,
.button-flat-hardware-shell:active {
  --button-flat-cta-floor-bg: var(--button-flat-cta-floor-tint);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-cta-floor-bg: color-mix(in srgb, var(--button-flat-cta-floor-tint) 16%, transparent);
  }
  --button-flat-cta-floor-shadow: 0 4px 18px var(--button-flat-cta-floor-tint);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-cta-floor-shadow: 0 4px 18px color-mix(in srgb, var(--button-flat-cta-floor-tint) 12%, transparent);
  }
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.button-flat-cta-shell[data-button-size="sm"] {
  --button-flat-padding-x: 0.625rem;
}
.button-flat-hardware-shell[data-button-size="sm"] {
  --button-flat-padding-x: 0.625rem;
}
.button-flat-cta-shell[data-button-size="md"] {
  --button-flat-padding-x: 1rem;
}
.button-flat-hardware-shell[data-button-size="md"] {
  --button-flat-padding-x: 1rem;
}
.button-flat-cta-shell[data-button-size="lg"] {
  --button-flat-padding-x: 1.5rem;
}
.button-flat-hardware-shell[data-button-size="lg"] {
  --button-flat-padding-x: 1.5rem;
}
.button-flat-shell[data-button-size="sm"] {
  --button-flat-padding-x: 0.625rem;
}
.button-flat-shell[data-button-size="md"] {
  --button-flat-padding-x: 1rem;
}
.button-flat-shell[data-button-size="lg"] {
  --button-flat-padding-x: 1.5rem;
}
.button-flat-shell[data-button-size="icon"] {
  --button-flat-padding-x: 0;
}
.button-flat-shell[data-button-size="nav"] {
  --button-flat-padding-x: 0.75rem;
}
.button-flat-floor,
.button-flat-face,
.button-flat-cta-floor,
.button-flat-cta-face {
  grid-area: 1 / 1;
}
.button-flat-floor,
.button-flat-cta-floor {
  align-self: stretch;
  background: var(--button-flat-floor-bg);
  border-radius: inherit;
  box-shadow: var(--button-flat-floor-shadow);
  justify-self: stretch;
  pointer-events: none;
  transform: translate3d(0, 6px, 0);
  transition: background 180ms cubic-bezier(0.22, 0, 0.2, 1),
    box-shadow 180ms cubic-bezier(0.22, 0, 0.2, 1);
  z-index: 0;
}
.button-flat-cta-floor {
  background: var(--button-flat-cta-floor-bg);
  box-shadow: var(--button-flat-cta-floor-shadow);
}
.button-flat-face,
.button-flat-cta-face {
  align-items: center;
  background: var(--button-flat-face-bg);
  border-radius: inherit;
  box-shadow: inset 0 1px 0 var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
  }
  box-sizing: border-box;
  color: var(--text-primary);
  display: inline-flex;
  gap: 0.5rem;
  height: 100%;
  justify-content: center;
  justify-self: stretch;
  min-height: inherit;
  overflow: visible;
  padding: 0 var(--button-flat-padding-x);
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: transform 180ms cubic-bezier(0.22, 0, 0.2, 1);
  z-index: 1;
}
.button-flat-cta-face {
  background: var(--cta-hardware-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.24);
  color: var(--cta-hardware-text);
}
.landing-intro-control-button .button-flat-cta-face {
  overflow: hidden;
}
.landing-intro-control-button .button-flat-cta-face::after {
  background-image: var(--landing-intro-control-grain),
    var(--landing-intro-control-grain);
  background-position: 0 0, 47px 31px;
  background-size: 124px 124px, 72px 72px;
  content: "";
  filter: contrast(185%) grayscale(1);
  inset: 0;
  mix-blend-mode: screen;
  opacity: 0.12;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.theme-picker-trigger {
  --button-flat-face-bg: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-face-bg: color-mix(in srgb, var(--surface-base) 97%, var(--text-primary) 3%);
  }
  --button-flat-face-bg-hover: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-face-bg-hover: color-mix(in srgb, var(--surface-base) 95%, var(--text-primary) 5%);
  }
  --button-flat-face-bg-pressed: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-face-bg-pressed: color-mix(in srgb, var(--surface-base) 93%, var(--text-primary) 7%);
  }
  --button-flat-floor-bg: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-bg: color-mix(in srgb, var(--text-primary) 12%, transparent);
  }
  --button-flat-floor-bg-hover: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-bg-hover: color-mix(in srgb, var(--text-primary) 14%, transparent);
  }
  --button-flat-floor-shadow: 0 4px 16px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-shadow: 0 4px 16px color-mix(in srgb, var(--text-primary) 10%, transparent);
  }
  --button-flat-floor-shadow-hover: 0 4px 16px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --button-flat-floor-shadow-hover: 0 4px 16px color-mix(in srgb, var(--text-primary) 12%, transparent);
  }
  aspect-ratio: 1 / 1;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
  width: 42px !important;
}
.theme-picker-trigger .button-flat-face,
.theme-picker-trigger .button-flat-floor {
  aspect-ratio: 1 / 1;
  height: 42px;
  max-height: 42px;
  max-width: 42px;
  min-height: 42px;
  min-width: 42px;
  width: 42px;
}
.theme-picker-trigger .button-flat-face {
  border: 1px solid var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--text-primary) 14%, var(--surface-base) 86%);
  }
  box-shadow: none;
}
.theme-picker-swatch-icon {
  display: grid;
  grid-template-columns: repeat(4, 5px);
  grid-template-rows: repeat(2, 5px);
  gap: 3px;
  justify-content: center;
}
.theme-picker-swatch-icon__bit {
  border-radius: 0;
  background: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text-primary) 28%, transparent);
  }
  display: block;
  height: 5px;
  opacity: 0.5;
  transition: background-color 180ms ease,
    opacity 180ms ease;
  width: 5px;
}
.theme-picker-trigger:hover .theme-picker-swatch-icon__bit,
.theme-picker-trigger:focus-visible .theme-picker-swatch-icon__bit,
.theme-picker-trigger[data-state="open"] .theme-picker-swatch-icon__bit {
  animation-timing-function: steps(1, end);
  animation-iteration-count: infinite;
  background: var(--theme-picker-swatch-color);
  opacity: 0.95;
}
@media (prefers-reduced-motion: reduce) {
  .theme-picker-trigger:hover .theme-picker-swatch-icon__bit,
  .theme-picker-trigger:focus-visible .theme-picker-swatch-icon__bit,
  .theme-picker-trigger[data-state="open"] .theme-picker-swatch-icon__bit {
    animation: none;
  }
}
.button-flat-cta-shell:hover .button-flat-cta-face,
.button-flat-cta-shell:focus-visible .button-flat-cta-face,
.button-flat-hardware-shell:hover .button-flat-cta-face,
.button-flat-hardware-shell:focus-visible .button-flat-cta-face {
  transform: translate3d(0, -2px, 0);
}
.button-flat-cta-shell:active .button-flat-cta-face,
.button-flat-hardware-shell:active .button-flat-cta-face {
  transform: translate3d(0, 6px, 0);
}
.die-glow-outer {
  animation: die-breathe 3s ease-in-out alternate infinite;
}
@keyframes die-breathe {
  to {
    filter: blur(18px);
    opacity: 0.55;
    transform: scale(1.04);
  }
}
.die-border-spin {
  animation: die-spin 4s linear infinite;
}
@keyframes die-spin {
  to {
    --die-angle: 360deg;
  }
}
@property --die-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@layer base {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
  }
  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 3px;
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
  }
}
.landing-card-bleed-shell {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: none;
}
@supports (width: 100dvw) {
  .landing-card-bleed-shell {
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
    width: 100dvw;
  }
}
.landing-card-track::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.landing-card-track {
  -webkit-overflow-scrolling: touch;
  -webkit-mask-image: none;
  mask-image: none;
  overscroll-behavior-x: contain;
  padding-inline: max(12px, calc((100vw - min(72rem, 100vw)) / 2 + 12px));
  scroll-snap-type: none;
  scrollbar-width: none;
  touch-action: pan-x;
}
@media (max-width: 719px) {
  .landing-card-track {
    -webkit-mask-image: none;
    mask-image: none;
    padding-inline: 16px;
  }
}
.statement-highlight--reveal {
  opacity: 0.42;
  transition: opacity 520ms cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: left center;
}
.statement-highlight__text-shell {
  transform-origin: left center;
  will-change: opacity, transform;
}
.statement-highlight--visible {
  opacity: 1;
  transition-delay: var(--statement-highlight-delay);
}
.statement-highlight--visible .statement-highlight__text-shell {
  animation: statement-highlight-ink-settle 620ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--statement-highlight-delay);
}
@keyframes statement-highlight-ink-settle {
  0% {
    transform: translateY(0.08em);
  }
  68% {
    transform: translateY(-0.016em);
  }
  100% {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .statement-highlight--reveal,
  .statement-highlight__text-shell {
    animation: none !important;
    transition: none !important;
  }
  .statement-highlight--reveal {
    opacity: 1;
  }
}
@layer components {
  .glass-surface {
    background: var(--glass-bg-primary);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  .glass-nested {
    background: var(--glass-bg-secondary);
    border-radius: 0.5rem;
  }
  .glass-modal {
    background: var(--glass-bg-primary);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 1rem;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  }
  .glass-input {
    background: var(--glass-bg-secondary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
    border-radius: 0.5rem;
  }
  .glass-input::placeholder {
    color: var(--text-muted);
  }
  .glass-input:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--border-focus);
  }
  .glass-tertiary {
    background: var(--glass-bg-tertiary);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 0.5rem;
  }
  .glass-popover {
    background: var(--glass-bg-popover);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-radius: 0.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  }
  .glass-overlay {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .glass-button-primary {
    background-color: var(--button-primary-bg);
    color: var(--button-primary-text);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: background-color 200ms ease-out;
  }
  .glass-button-primary:hover {
    background-color: var(--button-primary-bg-hover);
  }
  .glass-button-secondary {
    border: 1px solid var(--border-secondary);
    color: var(--text-primary);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: background-color 200ms ease-out;
  }
  .glass-button-secondary:hover {
    background-color: var(--glass-bg-hover);
  }
  .glass-button-ghost {
    color: var(--text-primary);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: background-color 200ms ease-out;
  }
  .glass-button-ghost:hover {
    background-color: var(--glass-bg-subtle);
  }
  .prose-content {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .prose-content > * {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .prose-content > :first-child {
    margin-top: 0;
  }
  .prose-content > :last-child {
    margin-bottom: 0;
  }
  .prose-content p {
    margin: 0.375rem 0;
  }
  .prose-content pre {
    background-color: var(--glass-bg-subtle);
    border-radius: 0.5rem;
    padding: 0.75rem;
    overflow-x: auto;
    font-size: 0.75rem;
    margin: 0.625rem 0;
  }
  .prose-content code {
    background-color: var(--glass-bg-hover);
    color: var(--text-strong);
    border-radius: 0.25rem;
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem;
  }
  .prose-content pre code {
    background-color: transparent;
    padding: 0;
  }
  .prose-content h1 {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
  }
  .prose-content h2 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
    margin-top: 0.5rem;
  }
  .prose-content h3 {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-top: 0.375rem;
  }
  .prose-content ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0.375rem 0;
  }
  .prose-content ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 0.375rem 0;
  }
  .prose-content li {
    color: var(--text-secondary);
  }
  .prose-content li + li {
    margin-top: 0.25rem;
  }
  .prose-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 0.8125rem;
  }
  .prose-content th,
  .prose-content td {
    border: 1px solid var(--border-primary);
    padding: 0.375rem 0.625rem;
    text-align: left;
  }
  .prose-content th {
    background-color: var(--glass-bg-subtle);
    color: var(--text-primary);
    font-weight: 600;
  }
  .prose-content td {
    color: var(--text-secondary);
  }
  .prose-content tr:nth-child(even) td {
    background-color: var(--glass-bg-subtle);
  }
  .prose-content blockquote {
    border-left: 3px solid var(--border-primary);
    padding-left: 0.75rem;
    margin: 0.5rem 0;
    color: var(--text-muted);
  }
  .prose-content del {
    color: var(--text-muted);
  }
  .prose-content hr {
    border: none;
    border-top: 1px solid var(--border-primary);
    margin: 0.75rem 0;
  }
  .prose-content .shiki {
    background-color: transparent !important;
  }
  .prose-content .shiki code {
    background-color: transparent;
    padding: 0;
  }
  .prose-content .shiki span {
    color: var(--shiki-dark);
  }
  [data-theme="paper"] .prose-content .shiki span {
    color: var(--shiki-light);
  }
}
[data-theme="paper"],
[data-theme$="-light"] {
  --landing-canvas-bg: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    --landing-canvas-bg: color-mix(in srgb, var(--surface-base) 92%, #fbfaf6 8%);
  }
}
.landing-page {
  background: var(--landing-canvas-bg);
  isolation: isolate;
  position: relative;
}
.landing-canvas-texture {
  --landing-canvas-grain-blend: soft-light;
  --landing-canvas-grain-opacity: 0.195;
  --landing-canvas-text-tooth-opacity: 0;
  contain: paint;
  inset: 0;
  isolation: isolate;
  pointer-events: none;
  position: fixed;
  z-index: var(--landing-canvas-texture-z-index, 900);
}
.landing-canvas-texture::before,
.landing-canvas-texture::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.landing-canvas-texture::before {
  background-image: var(--landing-page-grain),
    var(--landing-page-grain),
    var(--landing-page-grain);
  background-position: 0 0, 83px 41px, 151px 97px;
  background-size: 128px 128px, 256px 256px, 96px 96px;
  filter: contrast(235%) brightness(1) grayscale(1);
  mix-blend-mode: var(--landing-canvas-grain-blend);
  opacity: var(--landing-canvas-grain-opacity);
  z-index: 2;
}
.landing-canvas-texture::after {
  background-image: var(--landing-page-grain);
  background-position: 37px 61px;
  background-size: 112px 112px;
  filter: contrast(260%) brightness(0.62) grayscale(1);
  mix-blend-mode: normal;
  opacity: var(--landing-canvas-text-tooth-opacity);
  z-index: 3;
}
.landing-viewport-bottom-fade {
  background: linear-gradient(
      180deg,
      transparent 0%,
      var(--surface-base) 46%,
      var(--surface-base) 76%,
      var(--surface-base) 100%
    );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb, var(--surface-base) 16%, transparent) 46%,
      color-mix(in srgb, var(--surface-base) 42%, transparent) 76%,
      color-mix(in srgb, var(--surface-base) 66%, transparent) 100%
    );
  }
  bottom: 0;
  height: min(7vh, 58px);
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  z-index: var(--landing-viewport-bottom-fade-z-index, 40);
}
[data-theme="paper"] .landing-canvas-texture,
[data-theme$="-light"] .landing-canvas-texture {
  --landing-canvas-grain-blend: soft-light;
  --landing-canvas-grain-opacity: 0.225;
}
[data-theme="midnight"] .landing-canvas-texture,
[data-theme="abyss"] .landing-canvas-texture,
[data-theme="monet"] .landing-canvas-texture {
  --landing-canvas-grain-blend: soft-light;
  --landing-canvas-grain-opacity: 0.15;
  --landing-canvas-text-tooth-opacity: 0.045;
}
.site-header-shell.site-header-shell--flat {
  background: linear-gradient(
      180deg,
      var(--surface-base),
      var(--surface-base)
    ),
    radial-gradient(
      circle at 12% 0%,
      var(--bf-blue),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 0%,
      var(--bf-green),
      transparent 32%
    );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface-base) 92%, transparent),
      color-mix(in srgb, var(--surface-base) 84%, transparent)
    ),
    radial-gradient(
      circle at 12% 0%,
      color-mix(in srgb, var(--bf-blue) 8%, transparent),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 0%,
      color-mix(in srgb, var(--bf-green) 7%, transparent),
      transparent 32%
    );
  }
  background-clip: padding-box;
  border: 1px solid var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
  }
  box-shadow: inset 0 1px 0 var(--surface-base),
    0 1px 0 var(--text-primary),
    0 8px 0 var(--text-primary),
    0 18px 48px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-base) 80%, white 20%),
    0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent),
    0 8px 0 color-mix(in srgb, var(--text-primary) 4%, transparent),
    0 18px 48px color-mix(in srgb, var(--text-primary) 10%, transparent);
  }
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.glass-shimmer {
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--glass-bg-subtle) 50%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: shimmer 2s ease-in-out infinite;
}
.hero-sky {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--cloud-sky-start, var(--black-pure)) 0%, var(--cloud-sky-end, var(--black-rich)) 100%);
}
.hero-cloud {
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  will-change: transform;
  pointer-events: none;
}
.hero-cloud-1 {
  width: 700px;
  height: 350px;
  top: 8%;
  left: -8%;
  background: radial-gradient(ellipse, var(--cloud-base, rgba(80,140,210,0.40)) 0%, transparent 70%);
  animation: cloud-drift 80s linear infinite;
}
.hero-cloud-2 {
  width: 600px;
  height: 300px;
  top: 25%;
  right: -10%;
  background: radial-gradient(ellipse, var(--cloud-light, rgba(150,210,175,0.32)) 0%, transparent 70%);
  animation: cloud-drift 100s linear infinite;
  animation-delay: -30s;
}
.hero-cloud-3 {
  width: 800px;
  height: 400px;
  top: 45%;
  left: 15%;
  background: radial-gradient(ellipse, var(--cloud-highlight, rgba(240,195,130,0.24)) 0%, transparent 70%);
  animation: cloud-drift 120s linear infinite;
  animation-delay: -60s;
}
.hero-cloud-4 {
  width: 500px;
  height: 260px;
  top: 12%;
  right: 20%;
  background: radial-gradient(ellipse, var(--cloud-base, rgba(80,140,210,0.40)) 0%, transparent 70%);
  animation: cloud-drift 90s linear infinite;
  animation-delay: -15s;
}
.hero-cloud-5 {
  width: 650px;
  height: 320px;
  bottom: 8%;
  left: 35%;
  background: radial-gradient(ellipse, var(--cloud-light, rgba(150,210,175,0.32)) 0%, transparent 70%);
  animation: cloud-drift 110s linear infinite;
  animation-delay: -45s;
}
@keyframes cloud-drift {
  0% {
    transform: translateX(-120px);
  }
  50% {
    transform: translateX(120px);
  }
  100% {
    transform: translateX(-120px);
  }
}
.hero-sketch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.hero-bird-1 {
  animation: bird-glide-1 18s ease-in-out infinite;
}
.hero-bird-2 {
  animation: bird-glide-2 22s ease-in-out infinite;
  animation-delay: -5s;
}
.hero-bird-3 {
  animation: bird-glide-1 20s ease-in-out infinite;
  animation-delay: -8s;
}
.hero-bird-4 {
  animation: bird-glide-2 25s ease-in-out infinite;
  animation-delay: -12s;
}
.hero-bird-5 {
  animation: bird-glide-1 19s ease-in-out infinite;
  animation-delay: -3s;
}
.hero-bird-6 {
  animation: bird-glide-2 21s ease-in-out infinite;
  animation-delay: -15s;
}
.hero-bird-7 {
  animation: bird-glide-1 24s ease-in-out infinite;
  animation-delay: -7s;
}
.hero-bird-8 {
  animation: bird-glide-2 17s ease-in-out infinite;
  animation-delay: -10s;
}
@keyframes bird-glide-1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(12px, -6px);
  }
  50% {
    transform: translate(28px, -2px);
  }
  75% {
    transform: translate(14px, -8px);
  }
}
@keyframes bird-glide-2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-10px, -5px);
  }
  50% {
    transform: translate(-24px, -1px);
  }
  75% {
    transform: translate(-12px, -7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-cloud,
  .hero-bird-1, .hero-bird-2, .hero-bird-3, .hero-bird-4,
  .hero-bird-5, .hero-bird-6, .hero-bird-7, .hero-bird-8 {
    animation: none !important;
  }
}
@media (max-width: 768px) {
  .hero-cloud {
    transform: scale(0.5);
  }
  .hero-cloud-1,
  .hero-cloud-2,
  .hero-cloud-3,
  .hero-cloud-4,
  .hero-cloud-5 {
    animation: cloud-drift-mobile 80s linear infinite;
  }
  .hero-sketch {
    opacity: 0.7;
  }
}
@keyframes cloud-drift-mobile {
  0% {
    transform: scale(0.5) translateX(-60px);
  }
  50% {
    transform: scale(0.5) translateX(60px);
  }
  100% {
    transform: scale(0.5) translateX(-60px);
  }
}
.legal-page-shell {
  background: radial-gradient(circle at 8% 0%, var(--bf-green), transparent 32rem),
    radial-gradient(circle at 92% 10%, var(--bf-red), transparent 30rem),
    var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--bf-green) 12%, transparent), transparent 32rem),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--bf-red) 8%, transparent), transparent 30rem),
    var(--surface-base);
  }
  color: var(--text-primary);
  min-height: 100svh;
  padding: clamp(1rem, 3vw, 2.6rem);
}
.legal-page {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.4rem);
  margin-inline: auto;
  max-width: min(100%, 880px);
}
.legal-nav {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.legal-home-link,
.legal-nav-links a,
.legal-footer a {
  color: var(--text-primary);
  font-weight: 850;
  letter-spacing: -0.03em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.legal-nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  justify-content: flex-end;
}
.legal-hero {
  display: grid;
  gap: 0.62rem;
  padding-top: clamp(2rem, 7vw, 5.2rem);
}
.legal-hero h1 {
  color: var(--text-primary);
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.9;
  margin: 0;
}
.legal-description {
  color: var(--text-secondary);
  font-size: clamp(1.06rem, 1.35vw, 1.24rem);
  letter-spacing: -0.03em;
  line-height: 1.22;
  margin: 0;
}
.legal-updated {
  color: var(--text-secondary);
  font-size: 0.8rem;
  letter-spacing: -0.02em;
  margin: 0;
}
.legal-section-stack {
  display: grid;
  gap: 0.9rem;
}
.legal-section-card {
  background: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-base) 88%, var(--text-primary) 12%);
  }
  border: 1px solid var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
  }
  border-radius: 0;
  display: grid;
  gap: 0.82rem;
  padding: clamp(1rem, 2vw, 1.42rem);
}
.legal-section-card h2 {
  color: var(--text-primary);
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 0.98;
  margin: 0;
}
.legal-section-card p,
.legal-section-card li {
  color: var(--text-secondary);
  font-size: clamp(0.98rem, 1.12vw, 1.08rem);
  letter-spacing: -0.025em;
  line-height: 1.34;
  margin: 0;
}
.legal-list {
  display: grid;
  gap: 0.52rem;
  list-style: square;
  padding-left: 1.12rem;
}
.legal-list li::marker {
  color: var(--text-primary);
}
.legal-footer {
  border-top: 1px solid var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--text-primary) 11%, transparent);
  }
  padding-block: 1.2rem 3rem;
}
.legal-footer p {
  color: var(--text-secondary);
  margin: 0;
}
@media (max-width: 640px) {
  .legal-nav {
    align-items: flex-start;
    flex-direction: column;
  }
  .legal-nav-links {
    justify-content: flex-start;
  }
}
@layer utilities {
  .text-status-success {
    color: var(--color-success);
  }
  .text-status-warning {
    color: var(--color-warning);
  }
  .text-status-error {
    color: var(--color-error);
  }
  .text-status-info {
    color: var(--color-info);
  }
  .bg-status-success {
    background-color: var(--color-success);
  }
  .bg-status-warning {
    background-color: var(--color-warning);
  }
  .bg-status-error {
    background-color: var(--color-error);
  }
  .bg-status-info {
    background-color: var(--color-info);
  }
  .border-status-success {
    border-color: var(--color-success);
  }
  .border-status-warning {
    border-color: var(--color-warning);
  }
  .border-status-error {
    border-color: var(--color-error);
  }
  .border-status-info {
    border-color: var(--color-info);
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@layer base {
  *:focus-visible {
    outline: 2px solid var(--accent-purple);
    outline-offset: 2px;
  }
}
@media (prefers-contrast: more) {
  :root {
    --border-primary: var(--high-contrast-border-primary);
    --border-secondary: var(--high-contrast-border-secondary);
    --border-focus: var(--high-contrast-border-focus);
    --text-secondary: var(--high-contrast-text-secondary);
    --text-tertiary: var(--high-contrast-text-tertiary);
    --text-muted: var(--high-contrast-text-muted);
  }
  [class*="border-white/10"] {
    border-width: 2px;
  }
  a,
  button:not([role="switch"]) {
    text-decoration-line: underline;
    text-underline-offset: 2px;
  }
}
@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;
  }
  .animate-pulse {
    animation: none !important;
  }
}
@keyframes bf-marquee-l {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes bf-marquee-r {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes bf-chip-travel {
  0% {
    offset-distance: 0%;
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
@keyframes bf-chip-face-soft {
  0%, 40% {
    opacity: 1;
  }
  54%, 100% {
    opacity: 0;
  }
}
@keyframes bf-chip-face-pkg {
  0%, 46% {
    opacity: 0;
  }
  58%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bf-chip-plug-flash {
  0%, 82% {
    opacity: 0.35;
    transform: scale(0.7);
  }
  92% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.35;
    transform: scale(0.7);
  }
}
@keyframes bf-transform-plug {
  0% {
    stroke-dashoffset: 40;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes bf-transform-band {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.85;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-animate="bf-chip-travel"],
  [data-animate="bf-chip-face"] {
    animation: none !important;
  }
}
@keyframes bf-stack-feed {
  0% {
    transform: translate(calc(-50% + var(--feed-dx)), 0) scale(1);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: translate(calc(-50% + var(--feed-dx) * 0.10), calc(var(--feed-y) * 0.88)) scale(0.62);
    opacity: 1;
  }
  93% {
    transform: translate(-50%, var(--feed-y)) scale(0.38);
    opacity: 0.35;
  }
  100% {
    transform: translate(-50%, var(--feed-y)) scale(0.22);
    opacity: 0;
  }
}
@keyframes bf-stack-emerge {
  0%, 46% {
    transform: translate(-50%, 0) scale(0.34);
    opacity: 0;
  }
  56% {
    transform: translate(-50%, calc(var(--emg-y) * 0.32)) scale(0.7);
    opacity: 1;
  }
  86% {
    transform: translate(-50%, var(--emg-y)) scale(1);
    opacity: 1;
  }
  96% {
    transform: translate(-50%, var(--emg-y)) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, var(--emg-y)) scale(1);
    opacity: 0;
  }
}
@keyframes bf-stack-sink-glow {
  0%, 60%, 100% {
    opacity: 0;
  }
  80% {
    opacity: 0.9;
  }
}
@keyframes bf-tab-pop {
  0% {
    transform: translateY(4px) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes bf-plop {
  0% {
    transform: translate(-50%, -50%) scale(0.28);
    opacity: 0;
  }
  10% {
    transform: translate(calc(-50% + var(--dx) * 0.06), calc(-50% + var(--dy) * 0.08)) scale(0.44);
    opacity: 1;
  }
  82% {
    transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(0.72);
    opacity: 0;
  }
}
@keyframes bf-plop-land {
  0% {
    box-shadow: 0 0 0 0 rgba(61,124,237,0);
  }
  30% {
    box-shadow: 0 0 0 3px rgba(61,124,237,0.45);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(61,124,237,0);
  }
}
@keyframes bf-record-arrive {
  0% {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.bf-record-arrive {
  animation: bf-record-arrive 420ms cubic-bezier(0.4,0,0.2,1);
}
@media (prefers-reduced-motion: reduce) {
  .bf-record-arrive, [data-animate="bf-record-arrive"] {
    animation: none !important;
  }
}
@keyframes bf-pane-fade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bf-side-drop {
  0% {
    max-height: 0;
    opacity: 0;
    transform: translateY(-8px);
    background: rgba(61,124,237,0.16);
  }
  55% {
    max-height: 46px;
    opacity: 1;
  }
  70% {
    transform: translateY(0);
    background: rgba(61,124,237,0.16);
  }
  100% {
    max-height: 46px;
    opacity: 1;
    transform: translateY(0);
    background: transparent;
  }
}
@keyframes bf-dust {
  0% {
    opacity: 0.85;
    transform: translate(0,0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(var(--dxx), var(--dyy)) scale(0.35);
  }
}
@keyframes bf-side-hide {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: var(--bf-off);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-animate="bf-stack-feed"],
  [data-animate="bf-stack-emerge"],
  [data-animate="bf-plop"],
  [data-animate="bf-side-drop"],
  [data-animate="bf-side-hide"],
  [data-animate="bf-dust"],
  [data-animate="bf-pane-fade"],
  [data-animate="bf-stack-sink-glow"] {
    animation: none !important;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --die-angle: 0deg;
    }
  }
}

.R{width:100%;padding:clamp(88px,13vw,180px) 18px clamp(72px,10vw,140px);overflow:clip}.R[data-compact=true]{padding-top:clamp(38px,5vw,64px)}.Yi{width:min(760px,100%);margin:0 auto;text-align:center}.Xi{display:grid;justify-items:center;gap:clamp(30px,5vw,52px)}.m{display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;gap:18px;width:min(760px,100%);margin:clamp(56px,8vw,96px) auto clamp(42px,6vw,68px);color:#7c8798;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.m:before,.m:after{height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.18));content:""}.m:after{background:linear-gradient(90deg,rgba(15,23,42,.18),transparent)}.te{max-width:840px;margin:0 auto;color:#0f172a;font-family:var(--font-display);font-size:clamp(2.15rem,5.2vw,4.8rem);font-weight:700;letter-spacing:-.045em;line-height:.98;text-wrap:balance}.Gi{color:#6d5ce8;font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.oe{max-width:850px;margin:0 auto;color:#0f172a;font-family:var(--font-display);font-size:clamp(2.5rem,6.2vw,5.65rem);font-weight:700;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.ne{max-width:620px;margin:clamp(26px,4vw,42px) auto clamp(42px,6vw,70px);color:#3b465c;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.5}.pe{display:block;width:min(760px,100%);margin:0 auto 14px;color:#253044;font-size:.85rem;font-weight:760;text-align:left}.de{width:min(580px,100%);margin:0 auto;padding:10px;border:1px solid rgba(15,23,42,.12);border-radius:24px;background:#fffffff5;box-shadow:0 28px 80px -42px #0f172a6b}.T{box-sizing:border-box;width:100%;min-height:116px;resize:none;padding:18px;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:clamp(1.05rem,1.1vw,1.18rem);line-height:1.5}.T::placeholder{color:#5f6b7e;opacity:1}.le{display:flex;align-items:center;justify-content:center;gap:12px;padding:3px}.c,.se,.ge{border:0;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.c{min-height:50px;padding:0 24px;width:100%;background:#0f172a;color:#fff;box-shadow:0 8px 24px -12px #0f172aa6}.c:disabled{cursor:not-allowed;opacity:.55}.Ni{max-width:700px;margin:22px auto 0;color:#7a8494;font-size:.77rem;line-height:1.5}.Ri{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.Ti{display:grid;width:min(720px,100%);margin:0 auto;justify-items:center;gap:16px;padding:clamp(28px,6vw,56px);border:1px solid rgba(15,23,42,.12);border-radius:24px;background:#fff;box-shadow:0 28px 80px -42px #0f172a6b;text-align:center}.qi{margin:0;color:#0f172a;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1}.Ci,.q{max-width:620px;margin:0;color:#526076;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.55}.q{font-size:.82rem}.q strong{color:#0f172a}.xe{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.xe span{padding:7px 11px;border-radius:999px;background:#6d5ce817;color:#5040bd;font-size:.78rem;font-weight:700}.t{position:relative;width:min(1180px,100%);margin:0 auto}.C{width:min(820px,100%);margin:0 auto clamp(38px,6vw,70px);text-align:center}.C h2{margin:15px 0 0;color:#0f172a;font-family:var(--font-display);font-size:clamp(2.3rem,5.5vw,5rem);letter-spacing:-.05em;line-height:.95;text-wrap:balance}.C p{max-width:650px;margin:22px auto 0;color:#596579;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.55}.me{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,26px);width:min(1560px,calc(100vw - 28px));margin-left:50%;transform:translate(-50%)}.A{min-width:0;padding:clamp(16px,2vw,26px);border:1px solid rgba(15,23,42,.12);border-radius:28px;background:#fff;box-shadow:0 30px 80px -58px #0f172ab3}.A[data-demo-variant=bottleneck]{border-color:color-mix(in srgb,#6d5ce8 36%,white);box-shadow:0 30px 90px -54px #5b46d27a}.r{min-height:172px}.r>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#0f172a0e;color:#526076;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.A[data-demo-variant=bottleneck] .r>span{background:#6d5ce81c;color:#5645c6}.r h2{margin:13px 0 8px;color:#0f172a;font-family:var(--font-display);font-size:clamp(1.7rem,2.5vw,2.7rem);letter-spacing:-.04em;line-height:1}.r p{max-width:570px;margin:0;color:#647084;font-size:.88rem;line-height:1.5}.o{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 24px;border-block:1px solid rgba(15,23,42,.09)}.o p{min-width:0;margin:0;padding:14px 12px;border-right:1px solid rgba(15,23,42,.08)}.o p:last-child{border-right:0}.o strong{display:block;margin-bottom:5px;color:#6d5ce8;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.o span{display:-webkit-box;overflow:hidden;color:#38455a;font-size:.66rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3}.n{width:100%}.n .B{align-items:flex-start}.n .D{max-width:470px;font-size:clamp(1.25rem,1.7vw,1.75rem)}.n .f{width:min(120px,10vw)}.B{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.D{max-width:760px;margin:0;color:#0f172a;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:650;line-height:1.08;letter-spacing:-.035em}.ce{display:grid;flex:0 0 auto;justify-items:end;gap:7px}.Ai{position:relative;isolation:isolate}.t [data-plugin-list],.t [data-xray-scroll-container]{overscroll-behavior:contain;scroll-padding-block:12px}.t [data-xray]{scroll-margin-block:12px}.t [data-sidebar-group=settings]{position:sticky;bottom:0;margin-top:auto;padding-top:10px;border-top:1px solid rgba(15,23,42,.12);background:#fff}.fe{display:flex;align-items:center;gap:8px;color:#657084;font-size:.75rem}.f{width:min(220px,28vw);height:5px;overflow:hidden;border-radius:999px;background:#0f172a14}.be{height:100%;border-radius:inherit;background:var(--demo-accent);transition:width .42s cubic-bezier(.22,1,.36,1)}.Bi{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.se{min-height:38px;padding:0 14px;background:#0f172a0f;color:#344054;font-size:.78rem}.Di{background:#0f172a;color:#fff}.Ei{position:relative;display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.Fi{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:11px;background:#fff;box-shadow:0 1px 3px #0f172a0d}.he{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);flex:1;min-width:0;min-height:0;gap:7px}.Hi{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(15,23,42,.09);background:#0f172a09}.Ii{min-width:0;overflow:hidden;color:#0f172a;font-size:.78rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.Ji{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--demo-accent) 13%,white);color:#4c3caf;font-size:.58rem;font-weight:750;text-transform:capitalize}.we{flex:1;min-height:0;overflow:auto;padding:14px}.Ki{color:#293548;font-size:clamp(.72rem,1.2vw,.9rem);line-height:1.55}.ue{display:block;margin-bottom:8px;animation:ye .55s ease both}.ve{display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--demo-accent);vertical-align:-.12em;animation:ke .8s steps(1) infinite}.Li{display:grid;min-height:100%;place-items:center;text-align:center}.ze{display:grid;width:92px;height:92px;place-items:center;border-radius:28px;background:#07080d;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 0 0 10px color-mix(in srgb,var(--demo-accent) 18%,transparent),0 22px 60px -24px var(--demo-accent);animation:je 2s ease-in-out infinite}.Mi{max-width:420px;margin-top:22px;color:#526076;line-height:1.5}.Oi{display:grid;gap:14px}.Pi{justify-self:start;padding:8px 12px;border:0;border-radius:999px;background:#e84f55;color:#fff;font:inherit;font-size:.72rem;font-weight:750}.E{display:flex;height:54px;align-items:center;gap:3px;padding:0 8px;border-radius:9px;background:#0f172a0a}.E span{width:3px;border-radius:999px;background:var(--demo-accent);animation:Ye .8s ease-in-out infinite alternate}.Qi{display:grid;gap:7px;color:#344054;font-size:.73rem;line-height:1.45}.Xe{padding-left:10px;border-left:2px solid color-mix(in srgb,var(--demo-accent) 50%,white);animation:p .4s ease both}.b{position:relative;container-type:inline-size;min-height:340px;overflow:hidden;border-radius:10px;background-color:#fbfbfd;background-image:radial-gradient(rgba(15,23,42,.12) .8px,transparent .8px);background-size:16px 16px;animation:Ge 14s ease-in-out infinite alternate}.Si{position:absolute;inset:0;width:100%;height:100%}.Ui{fill:none;stroke:color-mix(in srgb,var(--demo-accent) 55%,white);stroke-width:1.5;stroke-dasharray:3 3}.Ne{position:absolute;max-width:150px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--demo-accent) 18%,white);border-radius:999px;background:#ffffffeb;color:#5b6779;font-size:.53rem;line-height:1.25;text-align:center;transform:translate(-50%,-50%)}.h{position:absolute;display:grid;gap:4px;padding:10px 12px 11px;border:1px solid color-mix(in srgb,var(--demo-accent) 32%,white);border-radius:12px;background:#fff;box-shadow:0 7px 22px -16px #0f172a73;transform:translate(-50%,-50%);animation:Re .5s cubic-bezier(.22,1,.36,1) both}.h strong{display:-webkit-box;overflow:hidden;color:#0f172a;font-size:.63rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.h>span:not(.Te){display:-webkit-box;overflow:hidden;color:#667085;font-size:.56rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.Te{position:absolute;top:-4px;left:50%;width:8px;height:8px;border:2px solid #fff;border-radius:999px;background:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-accent) 22%,transparent);transform:translate(-50%)}.w{--canvas-node-half-w: 100px;--canvas-node-half-h: 46px;width:200px;border-width:1.5px;border-radius:16px;box-shadow:0 16px 34px -20px color-mix(in srgb,var(--demo-accent) 80%,rgba(15,23,42,.4))}.w strong{font-size:.7rem}.F{--canvas-node-half-w: 84px;--canvas-node-half-h: 42px;width:168px}.H{--canvas-node-half-w: 70px;--canvas-node-half-h: 42px;width:138px;border-style:dashed}@container (max-width: 560px){.w{--canvas-node-half-w: 78px;width:156px}.F{--canvas-node-half-w: 66px;width:132px}.H{--canvas-node-half-w: 58px;width:116px}.Ne{display:none}.b{min-height:320px}}@container (max-width: 380px){.w{--canvas-node-half-w: 66px;width:132px}.F{--canvas-node-half-w: 56px;width:112px}.H{--canvas-node-half-w: 50px;width:100px}.b{min-height:340px}}.Vi{display:flex;flex-direction:column;gap:9px}.qe{max-width:86%;padding:8px 10px;border-radius:10px;color:#253044;font-size:.72rem;line-height:1.42;animation:p .42s ease both}.Wi{align-self:flex-end;border-bottom-right-radius:3px;background:color-mix(in srgb,var(--demo-accent) 12%,white)}.Zi{align-self:flex-start;border-bottom-left-radius:3px;background:#0f172a0d}._i,.er,.Ce,.ir,.rr{display:grid;gap:8px}.u,.y{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:9px;border:1px solid rgba(15,23,42,.09);border-radius:9px;background:#fff;animation:p .42s ease both}.ar{width:8px;height:8px;margin-top:4px;border-radius:999px;background:var(--demo-accent)}.u strong,.y strong{display:block;color:#253044;font-size:.7rem}.u span,.y span{display:block;margin-top:2px;color:#697386;font-size:.61rem;line-height:1.4}.Ce{grid-template-columns:repeat(2,minmax(0,1fr))}.I{padding:10px;border:1px solid rgba(15,23,42,.09);border-radius:9px;background:#fff}.I strong{display:block;color:#0f172a;font-size:1.15rem}.I span{color:#687386;font-size:.6rem}.v{width:100%;border-collapse:collapse;font-size:.61rem}.v th,.v td{max-width:160px;padding:7px 8px;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.08);color:#526076;text-align:left;text-overflow:ellipsis;white-space:nowrap}.v th{color:#293548;font-weight:750}.Ae{animation:p .42s ease both}.J{display:grid;gap:12px}.J h3{margin:0;color:#0f172a;font-family:var(--font-display);font-size:1.35rem;line-height:1.1}.J p{margin:0;color:#566276;font-size:.72rem;line-height:1.55}.Be{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.K{padding:12px;border:1px solid rgba(15,23,42,.09);border-radius:10px;background:#fff}.K strong{color:#293548;font-size:.72rem}.K ul{margin:8px 0 0;padding-left:17px;color:#667085;font-size:.65rem;line-height:1.45}.L{display:grid;min-height:100%;place-items:center;padding:24px;text-align:center}.L h3{max-width:560px;margin:0;color:#0f172a;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.45rem)}.L p{max-width:560px;margin:10px 0 18px;color:#647084;line-height:1.5}.tr{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ge{min-height:42px;padding:0 16px;background:#0f172a;color:#fff;font-size:.76rem}.or{background:#0f172a0f;color:#344054}.De{position:relative;min-height:610px;overflow:hidden;padding:clamp(18px,3vw,34px);border:1px solid rgba(15,23,42,.1);border-radius:22px;background:radial-gradient(circle at 80% 4%,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 34%),linear-gradient(145deg,#070a12,#111827 68%,#151b29);color:#f8fafc;box-shadow:0 34px 90px -54px #020617e6}.Ee{display:flex;align-items:end;gap:14px}.Ee>div:first-child{display:flex;align-items:baseline;gap:8px}.nr{color:#a7b0c2;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pr{font-family:var(--font-display);font-size:clamp(3.4rem,8vw,6.4rem);font-variant-numeric:tabular-nums;letter-spacing:-.07em;line-height:.82}.dr{color:#8e99ad;font-size:.72rem}.M{flex:1;height:4px;margin-bottom:6px;overflow:hidden;border-radius:99px;background:#ffffff1a}.M span{display:block;height:100%;border-radius:inherit;background:var(--demo-accent);transition:width .18s linear}.O{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-bottom:4px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#f2f5fa;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.O:hover{background:#ffffff24}.O:disabled{cursor:default;opacity:.4}.Fe{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px;margin-top:28px}.P,.i,.He{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#ffffff0e;backdrop-filter:blur(12px)}.P{position:relative;min-height:370px;overflow:hidden;padding:14px}.Q{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.Q strong{color:#f8fafc;font-size:.78rem}.Q span{color:#8f9aae;font-size:.62rem}.lr{display:grid;gap:7px;margin-top:13px}.a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:2px 9px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#02061752;animation:Ie .24s ease both}.a>span{grid-row:1 / span 2;color:color-mix(in srgb,var(--demo-accent) 72%,white);font-size:.58rem;font-weight:800}.a strong{overflow:hidden;color:#eef2f8;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.a p{margin:0;overflow:hidden;color:#909cb0;font-size:.56rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.Je{display:grid;align-content:start;gap:14px}.i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;min-height:118px;padding:14px;animation:Ke .48s cubic-bezier(.2,.8,.2,1) both}.sr{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--demo-accent) 30%,#151b29);color:#fff}.i span{display:block;color:#8f9aae;font-size:.58rem;font-weight:750;text-transform:uppercase}.i strong{display:block;margin-top:4px;overflow:hidden;color:#f8fafc;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.i p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:#a9b2c1;font-size:.6rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.He{padding:14px}.gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.k{min-width:0;padding:11px;border-radius:11px;background:#0206175c}.k strong{display:block;color:#fff;font-family:var(--font-display);font-size:1.65rem;font-variant-numeric:tabular-nums;line-height:1}.k span{display:block;margin-top:7px;overflow:hidden;color:#c6ceda;font-size:.58rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.k small{display:block;margin-top:3px;overflow:hidden;color:#778398;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.z{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.z button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;color:#eef2f8;font:inherit;font-size:.66rem;font-weight:750;cursor:pointer}.z button:disabled{cursor:not-allowed;opacity:.38}.z span{min-width:82px;color:#929db0;font-size:.62rem;text-align:center}.S{max-width:820px;margin:20px auto 0;color:#fff;font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.18;text-align:center;text-wrap:balance;animation:Le .7s ease both}.xr{width:min(940px,100%);margin:0 auto}.Me{height:560px;border-radius:20px;background:linear-gradient(100deg,#0f172a0a 20%,#7c5cff1a,#0f172a0a 60%);background-size:220% 100%;animation:Oe 1s linear infinite}.mr{width:min(700px,100%);margin:0 auto;padding:28px;border:1px solid rgba(190,45,52,.2);border-radius:18px;background:#be2d340d;color:#7d2730;text-align:center}.cr{display:grid;gap:10px;margin-top:16px}.Pe{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(15,23,42,.08);border-radius:9px;background:#fff;color:#4d596d;font-size:.7rem;text-align:left}.Pe[data-active=true]{border-color:var(--demo-accent);color:#0f172a}@keyframes ke{50%{opacity:0}}@keyframes je{50%{transform:translateY(-4px);box-shadow:0 0 0 16px color-mix(in srgb,var(--demo-accent) 10%,transparent),0 24px 64px -24px var(--demo-accent)}}@keyframes Ye{0%{height:14%}to{height:84%}}@keyframes ye{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes p{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes Re{0%{opacity:0;transform:translate(-50%,-46%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes Ge{0%{transform:translate(-.6%,.4%) scale(1)}to{transform:translate(.6%,-.4%) scale(1.02)}}@keyframes Oe{to{background-position:-120% 0}}@keyframes Ie{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes Ke{0%{opacity:0;transform:translateY(-14px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes Le{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.R{padding:82px 10px 78px}.oe{font-size:clamp(2.75rem,13.5vw,4rem)}.ne{margin-bottom:48px;padding:0 12px}.te{font-size:clamp(2.45rem,12vw,3.6rem)}.pe{padding:0 8px}.de{padding:7px;border-radius:19px}.T{min-height:170px;padding:15px}.le{align-items:stretch;flex-direction:column}.c{width:100%}.B{align-items:flex-start;flex-direction:column}.D{font-size:clamp(1.45rem,7.5vw,2rem)}.ce{width:100%;justify-items:start}.fe{width:100%}.f{flex:1;width:auto}.he{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,.8fr)}.we{padding:10px}.Be{grid-template-columns:minmax(0,1fr)}.De{min-height:690px;padding:16px 12px;border-radius:16px}.Fe{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}.P{min-height:310px}.Je{grid-template-columns:minmax(0,1fr)}.i{min-height:104px}.a:nth-child(-n+2){display:none}.S{font-size:1.12rem}}@media(max-width:1080px){.me{grid-template-columns:minmax(0,1fr);width:min(860px,calc(100vw - 24px))}.r{min-height:auto;margin-bottom:18px}.n .f{width:min(220px,28vw)}}@media(prefers-reduced-motion:reduce){.b,.be,.ue,.ve,.ze,.E span,.Xe,.h,.qe,.u,.y,.Ae,.Me,.M span,.a,.i,.S{animation:none!important;transition:none!important}}.j{--lc-green: #008652;--lc-ink: #101814;--lc-line: rgba(16, 24, 20, .12);position:relative;width:min(1100px,100%);margin:16px auto 0;border:1px solid var(--lc-line);border-radius:24px;overflow:hidden;background:linear-gradient(155deg,#123024,#0b120e 55%,#0a0f0c);box-shadow:0 26px 80px #12221938,inset 0 1px #ffffff0f;color:#fff;isolation:isolate}.j *{box-sizing:border-box}.U{position:relative;width:100%;min-height:clamp(430px,47vw,560px);overflow:hidden}.fr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.05);background:linear-gradient(180deg,#2f6a4d 0 49.4%,#285b41 49.4% 50.6%,#2f6a4d 50.6%)}.br{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,11,7,.34),transparent 40%,rgba(3,11,7,.3)),linear-gradient(180deg,rgba(3,11,7,.3) 0%,transparent 30%,transparent 58%,rgba(3,11,7,.62))}.Qe{position:absolute;z-index:3;left:clamp(14px,2.4vw,22px);top:clamp(14px,2.4vw,22px);display:flex;flex-direction:column;gap:9px;width:min(300px,calc(100% - 28px))}.hr{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:6px 11px 6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#08110c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.Se{width:8px;height:8px;border-radius:999px;background:#ff5a4d;box-shadow:0 0 #ff5a4d8c;animation:V 1.7s ease-out infinite}.wr{padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#08110c8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ur{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.yr{font-size:10.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.Ue{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.vr{position:relative;height:7px;margin-top:9px;border-radius:999px;background:#ffffff29;overflow:hidden}.kr{position:absolute;top:0;bottom:0;border-radius:999px;background:#6ee7a947}.Ve{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--lc-green),#34d17f);box-shadow:0 0 12px #34d17f80;transition:width .9s cubic-bezier(.22,1,.36,1)}.zr{margin-top:7px;font-size:11.5px;line-height:1.35;color:#ffffffa8}.d{position:absolute;z-index:4;right:clamp(14px,2.6vw,26px);bottom:clamp(14px,2.6vw,24px);width:min(46%,420px);max-height:min(74%,430px);display:flex;flex-direction:column;padding:15px;border:1px solid rgba(255,255,255,.32);border-radius:20px;background:linear-gradient(150deg,#08110c94,#14271d57);box-shadow:0 26px 72px #00000057,inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);overflow:hidden}.d:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 38%);opacity:.7}.d>*{position:relative}.jr{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.16)}.Yr{flex:none;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--lc-green);box-shadow:0 8px 20px #00865247}.Xr{display:block;font-size:14.5px;font-weight:750;line-height:1.35}.W{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;font-weight:650;letter-spacing:.02em;color:#ffffffa8}.W i{width:6px;height:6px;border-radius:999px;background:#34d17f;box-shadow:0 0 #34d17f8c;animation:V 1.7s ease-out infinite}.Gr{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;margin-top:12px;padding:11px 12px;border:1px solid rgba(52,209,127,.42);border-radius:13px;background:#00865233}.Nr{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--lc-green)}.Rr{display:block;font-size:10.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#8ff0bd}.Tr{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.We{flex:1;display:flex;flex-direction:column;gap:9px;padding-top:12px;overflow:auto;scrollbar-width:none}.We::-webkit-scrollbar{display:none}.Z{max-width:92%;padding:10px 12px;border-radius:14px;font-size:13.5px;line-height:1.42;overflow-wrap:anywhere;animation:Ze .36s cubic-bezier(.2,.8,.2,1) both}.qr{align-self:flex-start;color:var(--lc-ink);background:#ffffffeb;border:1px solid rgba(255,255,255,.4);border-bottom-left-radius:4px}.Cr{align-self:flex-end;display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;background:linear-gradient(135deg,#008652f0,#1e9e68eb);border:1px solid rgba(255,255,255,.18);border-bottom-right-radius:4px}.Ar{flex:none;opacity:.92}.l{align-self:flex-start;display:inline-flex;gap:4px;padding:11px 13px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:#ffffffe0}.l i{width:5px;height:5px;border-radius:50%;background:#1018146b;animation:_e 1s infinite}.l i:nth-child(2){animation-delay:.16s}.l i:nth-child(3){animation-delay:.32s}@keyframes V{0%{box-shadow:0 0 #ff5a4d80}70%,to{box-shadow:0 0 0 7px #ff5a4d00}}@keyframes Ze{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes _e{50%{transform:translateY(-3px);opacity:.9}}@media(max-width:760px){.j{border-radius:18px}.U{min-height:640px}.d{left:12px;right:12px;bottom:12px;width:auto;max-height:min(56%,360px)}.Qe{left:12px;top:12px}}@media(max-width:430px){.U{min-height:600px}.d{padding:13px;max-height:min(56%,340px)}.Z{font-size:13px}.Ue{font-size:18px}}@media(prefers-reduced-motion:reduce){.j *,.Se,.W i,.Z,.l i,.Ve{animation:none!important;transition:none!important}}.ei{--swing-accent: #315c49;--swing-ink: #0f172a;--swing-muted: #64748b;display:grid;gap:30px;margin-top:16px}.Br{color:var(--swing-accent);font-size:.72rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.Y{display:grid;gap:6px}.Y h3{color:var(--swing-ink);font-size:clamp(1.55rem,2.8vw,2.35rem);font-weight:740;letter-spacing:-.028em;line-height:1.18;margin:0}.Y{justify-items:center;text-align:center}.Dr{margin:0 auto;max-width:960px;width:100%}.ii,.ri{background:#ffffffe6;border:1px solid rgba(15,23,42,.1);border-radius:18px;box-shadow:0 26px 64px -42px #0f172a94;overflow:hidden;position:relative}.Er{border-radius:22px;box-shadow:0 32px 80px -44px #0f172aad}.ii:after,.ri:after{background-image:radial-gradient(rgba(15,23,42,.13) .55px,transparent .55px);background-size:4px 4px;content:"";inset:0;opacity:.12;pointer-events:none;position:absolute}.Fr{aspect-ratio:16 / 9;background:#101714;display:block;object-fit:cover;width:100%}.Hr{min-width:0}.Ir{align-items:center;background:#315c4917;border:1px solid rgba(49,92,73,.16);border-radius:999px;color:var(--swing-accent);display:inline-flex;flex:0 0 auto;font-size:.6875rem;line-height:1.35;font-weight:760;gap:5px;letter-spacing:.08em;padding:6px 8px;text-transform:uppercase}.Jr{display:grid;gap:clamp(22px,3vw,34px);margin-top:clamp(72px,10vw,150px);padding-top:clamp(56px,8vw,120px);border-top:1px solid rgba(15,23,42,.08)}.Y h3{max-width:760px;margin-inline:auto}.Kr{display:flex;flex-wrap:wrap;gap:8px}._{appearance:none;background:#ffffffb8;border:1px solid rgba(15,23,42,.12);border-radius:999px;color:var(--swing-ink);cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;padding:9px 13px}._[data-active=true]{background:var(--swing-accent);border-color:var(--swing-accent);color:#fff}._:focus-visible{outline:3px solid rgba(49,92,73,.3);outline-offset:2px}.Lr{align-items:center;background:#f6f7f6f5;border-bottom:1px solid rgba(15,23,42,.09);display:flex;gap:8px;min-height:44px;padding:0 14px}.ai{display:flex;gap:5px}.ai span{background:#0f172a26;border-radius:50%;height:7px;width:7px}.Mr{color:var(--swing-ink);font-size:.9375rem;line-height:1.45;font-weight:720}.Or{color:var(--swing-muted);font-size:.6875rem;line-height:1.35;margin-left:auto}.ti{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.85fr);min-height:410px}.oi{background:#111815;display:grid;min-height:410px;overflow:hidden;place-items:center;position:relative}.Pr{height:100%;object-fit:cover;width:100%}.Qr{background:linear-gradient(180deg,transparent 42%,rgba(5,10,8,.84));inset:0;pointer-events:none;position:absolute}.s{bottom:0;color:#fff;display:grid;gap:4px;left:0;padding:24px;position:absolute;right:0;z-index:1}.s span{font-size:.6875rem;line-height:1.35;font-weight:720;letter-spacing:.08em;opacity:.74;text-transform:uppercase}.s strong{font-size:clamp(1.12rem,2vw,1.55rem);line-height:1.15}.s small{font-size:15px;line-height:1.5;opacity:.72}.ni{background:#fafaf9f7;display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);padding:12px;position:relative;z-index:1}.X{align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:11px;color:inherit;cursor:pointer;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr);padding:8px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.X:hover{background:#315c490e}.X:focus-visible{outline:3px solid rgba(49,92,73,.34);outline-offset:1px}.X[data-active=true]{background:#315c491a;border-color:#315c4938}.Sr{aspect-ratio:16 / 10;background-position:center;background-size:cover;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff42}.g{min-width:0}.g strong,.g span{display:block;overflow:visible;overflow-wrap:anywhere;white-space:normal}.g strong{color:var(--swing-ink);font-size:.9375rem;line-height:1.45}.g span{color:var(--swing-muted);font-size:.9375rem;line-height:1.5;margin-top:4px}@media(max-width:760px){.ei{gap:25px;margin-top:16px}.ti{grid-template-columns:1fr}.oi{min-height:260px}.ni{border-top:1px solid rgba(15,23,42,.09);max-height:310px}.s{padding:18px}}.pi{align-items:center;box-sizing:border-box;display:grid;justify-items:center;min-height:100vh;min-height:100svh;padding:clamp(72px,12vh,150px) clamp(18px,5vw,72px);position:relative;width:100%}.Ur{margin:0 auto;max-width:1040px;overflow:visible;width:100%}@media(max-width:640px){.pi{min-height:100dvh;padding-inline:20px}}.Vr{display:grid;gap:12px;margin:28px calc(50% - 50vw) 30px;overflow:hidden;width:100vw}.di{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.li{display:flex;width:max-content;will-change:transform}.Wr{display:flex;gap:12px;padding-right:12px}.ee{background:#ffffffd1;border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 18px 46px -34px #0f172a8c;display:grid;gap:10px;margin:0;padding:15px 17px;width:clamp(250px,27vw,340px)}.ee blockquote{color:#0f172a;font-size:.91rem;line-height:1.46;margin:0}.ee figcaption{color:#0f172a94;font-size:.76rem;font-weight:750}@media(prefers-reduced-motion:reduce){.li{animation:none!important}.di{overflow-x:auto}}.si{columns:3 240px;column-gap:16px;margin:40px auto 0;max-width:1120px;width:100%}.Zr{background:#ffffffc7;border:1px solid rgba(15,23,42,.09);border-radius:16px;break-inside:avoid;display:grid;gap:12px;margin:0 0 16px;padding:18px 18px 16px}._r{color:#0f172a;font-size:.92rem;font-weight:500;line-height:1.5;margin:0}.ea{color:#0f172a80;font-size:.78rem;font-weight:720}@media(max-width:720px){.si{columns:1}}.gi{position:relative;display:grid;gap:22px;justify-items:center;margin:0 auto;max-width:920px;padding:26px 16px;text-align:center}.xi{position:absolute;inset:-6% 8% auto;height:320px;background:radial-gradient(58% 62% at 50% 38%,rgba(0,134,82,.11),transparent 72%);filter:blur(8px);pointer-events:none;z-index:0}.ia{position:relative;z-index:1;color:#008652;font-family:Georgia,Times New Roman,serif;font-size:4.4rem;font-weight:700;height:2.2rem;line-height:.62}.ra{position:relative;z-index:1;margin:0;color:#0f172a;font-size:clamp(1.5rem,2.4vw + .9rem,2.55rem);font-weight:640;letter-spacing:-.02em;line-height:1.28}.aa{position:relative;z-index:1;display:grid;gap:3px}.ta{color:#0f172a;font-size:.98rem;font-weight:770}.oa{color:#0f172a8c;font-size:.86rem}@media(max-width:620px){.gi{padding:18px 8px}.xi{inset:-4% 0 auto}}.mi{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:40px auto 0;max-width:1120px;width:100%}.G{background:#ffffffd1;border:1px solid rgba(15,23,42,.1);border-radius:18px;box-shadow:0 18px 46px -34px #0f172a8c;display:grid;align-content:start;gap:16px;margin:0;padding:24px 22px 22px;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.G:hover{border-color:#00865259;box-shadow:0 26px 60px -34px #0f172a8c;transform:translateY(-4px)}.na{align-self:start;background:#0086521a;border-radius:999px;color:#008652;font-size:.74rem;font-weight:780;justify-self:start;letter-spacing:.005em;padding:6px 12px}.pa{color:#0f172a;font-size:1rem;font-weight:520;line-height:1.52;margin:0}.da{border-top:1px solid rgba(15,23,42,.09);display:grid;gap:2px;padding-top:14px}.la{color:#0f172a;font-size:.92rem;font-weight:770}.sa{color:#0f172a8c;font-size:.8rem}@media(max-width:900px){.mi{grid-template-columns:1fr;max-width:560px}}@media(prefers-reduced-motion:reduce){.G{transition:none}.G:hover{transform:none}}.ci{background:#171717;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 34px 75px -34px #0f172aa6;color:#f4f4f5;display:grid;gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin:20px auto 0;max-width:1120px;padding:44px 42px;width:100%}.fi{align-content:start;border-right:1px solid rgba(255,255,255,.1);display:grid;gap:14px;padding-right:30px}.ga{color:#6ee7b7;font-size:.72rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.xa{color:#fff;font-size:clamp(1.6rem,1.8vw + .9rem,2.3rem);font-weight:680;letter-spacing:-.025em;line-height:1.16;margin:0}.ma{align-content:center;display:grid;gap:16px}.ca{color:#6ee7b7b3;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:700;height:1.3rem;line-height:.6}.fa{color:#f4f4f5eb;font-size:clamp(1.12rem,.7vw + .95rem,1.4rem);font-weight:460;line-height:1.55;margin:0}.ba{display:grid;gap:2px;margin-top:4px}.ha{color:#fff;font-size:.95rem;font-weight:760}.wa{color:#ffffff8c;font-size:.82rem}@media(max-width:860px){.ci{grid-template-columns:1fr;gap:22px;padding:32px 24px}.fi{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding-right:0;padding-bottom:22px}}.ua{color:#0f172a;font-size:clamp(1.28rem,1.8vw + .62rem,1.72rem);font-weight:760;letter-spacing:-.018em;line-height:1.38;margin:0 0 8px;max-width:780px}.ya{color:#0f172ab3;font-size:clamp(1.04rem,.45vw + .94rem,1.22rem);line-height:1.65;margin:16px auto 0;max-width:760px}.bi{background:#171717;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 34px 75px -34px #0f172aa6;color:#f4f4f5;display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);margin:54px auto 0;max-width:1120px;min-height:650px;overflow:hidden;width:100%}.hi{border-right:1px solid rgba(255,255,255,.09);display:grid;align-content:start;gap:24px;padding:22px 14px 26px}.wi{color:#ffffffbd;display:grid;font-size:.78rem;font-weight:680;gap:8px;padding:0 8px 4px}.N{display:grid;gap:8px}.N>strong{color:#fffffff0;font-size:.78rem;padding:0 7px}.ui{display:grid;gap:4px}.ie{align-items:center;background:transparent;border:0;border-radius:7px;color:#ffffffb8;cursor:default;display:flex;font:inherit;font-size:.78rem;font-weight:620;gap:9px;padding:8px 9px;text-align:left}.ie[data-active=true]{background:#ffffff1c;color:#fff}.va{border:1.5px solid currentColor;border-radius:3px;display:inline-block;height:11px;opacity:.8;width:11px}.ka{min-width:0;padding:9px}.yi{align-items:center;color:#ffffffa6;display:flex;font-size:.72rem;justify-content:space-between;padding:0 7px 10px}.yi>span:first-child{background:#ffffff24;border-radius:7px;color:#fff;padding:5px 9px}.re{align-items:end;display:flex;justify-content:space-between;padding:22px 22px 18px}.re span{color:#ffffff7a;font-size:.72rem}.re h3{font-size:1.34rem;letter-spacing:-.02em;margin:4px 0 0}.vi{display:grid;gap:12px;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.3fr);padding:0 12px 18px}.ki{display:grid;gap:9px;align-content:start}.e{background:#222;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:inherit;cursor:pointer;display:grid;font:inherit;gap:6px;padding:16px;text-align:left;transition:background .24s ease,border-color .24s ease,transform .24s ease}.e>span{color:#ffffff7a;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.e>strong{font-size:.92rem;line-height:1.3}.e>p{color:#ffffff94;font-size:.75rem;line-height:1.5;margin:0}.e[data-active=true]{background:#292929;border-color:#ffffff3d;transform:translate(4px)}.x{animation:zi .42s ease both;background:#202020;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:grid;align-content:start;gap:14px;min-height:410px;padding:24px}.za{color:#a7f3d0;font-size:.69rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.x h4{font-size:clamp(1.2rem,1.4vw,1.55rem);letter-spacing:-.025em;line-height:1.25;margin:0}.x>p{color:#ffffffad;font-size:.9rem;line-height:1.65;margin:0}.ae{border-left:2px solid #6ee7b7;display:grid;gap:6px;margin-top:4px;padding:10px 14px}.ae span{color:#ffffff75;font-size:.68rem;font-weight:720;text-transform:uppercase;letter-spacing:.07em}.ae p{font-size:.9rem;line-height:1.5;margin:0}.ji{align-items:center;align-self:end;background:#181818;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff61;display:flex;font-size:.76rem;justify-content:space-between;margin-top:auto;padding:11px 12px}.ji strong{background:#f4f4f5;border-radius:7px;color:#171717;font-size:.7rem;padding:6px 10px}@keyframes zi{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.bi{grid-template-columns:1fr;min-height:0}.hi{border-bottom:1px solid rgba(255,255,255,.09);border-right:0;display:block;overflow-x:auto;padding:14px;white-space:nowrap}.wi{display:none}.N{display:inline-flex;gap:7px;margin-right:16px;vertical-align:top}.N>strong{align-self:center;font-size:.7rem}.ui{display:flex}.ie{padding:7px 8px}.vi{grid-template-columns:1fr}.ki{display:flex;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x proximity}.e{flex:0 0 min(74vw,290px);scroll-snap-align:start}.e[data-active=true]{transform:none}.x{min-height:360px;padding:20px}}@media(prefers-reduced-motion:reduce){.e,.x{animation:none;transition:none}}