/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: 'Geist Mono Variable', ui-monospace, monospace;
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-white: #fff;
    --spacing: 0.25rem;
    --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);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: 'Geist Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
    --default-mono-font-family: 'Geist Mono Variable', ui-monospace, monospace;
    --font-display: 'Sora Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  }
}
@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
    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 {
  .\!visible {
    visibility: visible !important;
  }
  .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-0 {
    inset: 0px;
  }
  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }
  .top-0 {
    top: 0px;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-\[43px\] {
    top: 43px;
  }
  .top-\[47px\] {
    top: 47px;
  }
  .right-0 {
    right: 0px;
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .m-0 {
    margin: 0px;
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[16\/11\] {
    aspect-ratio: 16/11;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }
  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-\[78px\] {
    min-height: 78px;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[112px\] {
    min-height: 112px;
  }
  .min-h-\[164px\] {
    min-height: 164px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[230px\] {
    min-height: 230px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[330px\] {
    min-height: 330px;
  }
  .min-h-\[min\(690px\,calc\(100dvh-100px\)\)\] {
    min-height: min(690px, calc(100dvh - 100px));
  }
  .min-h-\[min\(700px\,calc\(100dvh-64px\)\)\] {
    min-height: min(700px, calc(100dvh - 64px));
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem);
  }
  .w-\[min\(330px\,calc\(100vw-32px\)\)\] {
    width: min(330px, calc(100vw - 32px));
  }
  .w-\[min\(590px\,calc\(100vw-32px\)\)\] {
    width: min(590px, calc(100vw - 32px));
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[410px\] {
    max-width: 410px;
  }
  .max-w-\[470px\] {
    max-width: 470px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[590px\] {
    max-width: 590px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[630px\] {
    max-width: 630px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[830px\] {
    max-width: 830px;
  }
  .max-w-\[1240px\] {
    max-width: 1240px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[116px\] {
    min-width: 116px;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-\[160\%\] {
    --tw-translate-y: calc(160% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-pt-\[84px\] {
    scroll-padding-top: 84px;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-none {
    list-style-type: none;
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-\[\.7fr_1\.3fr\] {
    grid-template-columns: .7fr 1.3fr;
  }
  .grid-cols-\[\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }
  .grid-cols-\[\.72fr_1\.28fr\] {
    grid-template-columns: .72fr 1.28fr;
  }
  .grid-cols-\[\.75fr_1\.25fr\] {
    grid-template-columns: .75fr 1.25fr;
  }
  .grid-cols-\[\.76fr_1\.24fr\] {
    grid-template-columns: .76fr 1.24fr;
  }
  .grid-cols-\[\.82fr_1\.18fr\] {
    grid-template-columns: .82fr 1.18fr;
  }
  .grid-cols-\[\.92fr_1\.08fr\] {
    grid-template-columns: .92fr 1.08fr;
  }
  .grid-cols-\[1\.5fr_\.75fr_\.75fr\] {
    grid-template-columns: 1.5fr .75fr .75fr;
  }
  .grid-cols-\[1\.12fr_\.88fr\] {
    grid-template-columns: 1.12fr .88fr;
  }
  .grid-cols-\[1\.15fr_\.85fr\] {
    grid-template-columns: 1.15fr .85fr;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }
  .grid-cols-\[30px_1fr\] {
    grid-template-columns: 30px 1fr;
  }
  .grid-cols-\[32px_1fr\] {
    grid-template-columns: 32px 1fr;
  }
  .grid-cols-\[38px_1fr\] {
    grid-template-columns: 38px 1fr;
  }
  .grid-cols-\[44px_1fr_40px\] {
    grid-template-columns: 44px 1fr 40px;
  }
  .grid-cols-\[48px_1fr_auto_42px\] {
    grid-template-columns: 48px 1fr auto 42px;
  }
  .grid-cols-\[72px_1fr_auto\] {
    grid-template-columns: 72px 1fr auto;
  }
  .grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }
  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .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-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-px {
    gap: 1px;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-panel {
    border-radius: 12px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .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-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-\[\#69c7a5\] {
    border-color: #69c7a5;
  }
  .border-\[color-mix\(in_srgb\,var\(--border\)_70\%\,transparent\)\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--border) 70%,transparent);
    }
  }
  .border-line {
    border-color: var(--border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\[\#07110d\] {
    background-color: #07110d;
  }
  .bg-\[rgb\(5_13_9_\/_80\%\)\] {
    background-color: rgb(5 13 9 / 80%);
  }
  .bg-\[var\(--header\)\] {
    background-color: var(--header);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-brand {
    background-color: var(--accent);
  }
  .bg-canvas {
    background-color: var(--background);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-highlight {
    background-color: var(--highlight);
  }
  .bg-ink {
    background-color: var(--text);
  }
  .bg-line {
    background-color: var(--border);
  }
  .bg-panel {
    background-color: var(--surface);
  }
  .bg-panel-soft {
    background-color: var(--surface-soft);
  }
  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .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-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-left {
    text-align: left;
  }
  .font-display {
    font-family: 'Sora Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  }
  .font-mono {
    font-family: 'Geist Mono Variable', ui-monospace, monospace;
  }
  .font-sans {
    font-family: 'Geist Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--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\.9375rem\] {
    font-size: 0.9375rem;
  }
  .text-\[2\.75rem\] {
    font-size: 2.75rem;
  }
  .text-\[2\.125rem\] {
    font-size: 2.125rem;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .text-\[clamp\(2\.125rem\,5\.4vw\,4\.5rem\)\] {
    font-size: clamp(2.125rem, 5.4vw, 4.5rem);
  }
  .text-\[clamp\(2\.125rem\,6vw\,4rem\)\] {
    font-size: clamp(2.125rem, 6vw, 4rem);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.58\] {
    --tw-leading: 1.58;
    line-height: 1.58;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[590\] {
    --tw-font-weight: 590;
    font-weight: 590;
  }
  .font-\[620\] {
    --tw-font-weight: 620;
    font-weight: 620;
  }
  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .font-\[660\] {
    --tw-font-weight: 660;
    font-weight: 660;
  }
  .font-\[670\] {
    --tw-font-weight: 670;
    font-weight: 670;
  }
  .font-\[680\] {
    --tw-font-weight: 680;
    font-weight: 680;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-\[720\] {
    --tw-font-weight: 720;
    font-weight: 720;
  }
  .font-\[740\] {
    --tw-font-weight: 740;
    font-weight: 740;
  }
  .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-\[\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#79d0ae\] {
    color: #79d0ae;
  }
  .text-\[\#151812\] {
    color: #151812;
  }
  .text-\[\#dcece4\] {
    color: #dcece4;
  }
  .text-\[color-mix\(in_srgb\,var\(--project-accent\)_58\%\,var\(--text\)\)\] {
    color: var(--project-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--project-accent) 58%,var(--text));
    }
  }
  .text-brand {
    color: var(--accent);
  }
  .text-brand-contrast {
    color: var(--accent-contrast);
  }
  .text-canvas {
    color: var(--background);
  }
  .text-copy-muted {
    color: var(--muted);
  }
  .text-inherit {
    color: inherit;
  }
  .text-ink {
    color: var(--text);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-line {
    text-decoration-color: var(--border);
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-brand {
    accent-color: var(--accent);
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-panel {
    --tw-shadow: 0 18px 48px var(--tw-shadow-color, var(--shadow));
    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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .outline-offset-3 {
    outline-offset: 3px;
  }
  .outline-highlight {
    outline-color: var(--highlight);
  }
  .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-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .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-\[background-color\,border-color\,color\,transform\] {
    transition-property: background-color,border-color,color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,transform\] {
    transition-property: background-color,color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .group-open\:block:is(:where(.group):is([open], :popover-open, :open) *) {
    display: block;
  }
  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }
  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  @media (hover: hover) {
    .hover\:border-copy-muted:hover {
      border-color: var(--muted);
    }
    .hover\:bg-brand-hover:hover {
      background-color: var(--accent-hover);
    }
    .hover\:bg-panel-soft:hover {
      background-color: var(--surface-soft);
    }
    .hover\:text-brand:hover {
      color: var(--accent);
    }
    .hover\:text-ink:hover {
      color: var(--text);
    }
  }
  .focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (hover: hover) {
    .enabled\:hover\:bg-panel-strong:enabled:hover {
      background-color: var(--surface-strong);
    }
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:scroll-auto {
      scroll-behavior: auto;
    }
  }
  @media (width < 1100px) {
    .max-\[1100px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width < 1000px) {
    .max-\[1000px\]\:text-\[52px\] {
      font-size: 52px;
    }
  }
  @media (width < 960px) {
    .max-\[960px\]\:ml-auto {
      margin-left: auto;
    }
    .max-\[960px\]\:block {
      display: block;
    }
    .max-\[960px\]\:hidden {
      display: none;
    }
    .max-\[960px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width < 900px) {
    .max-\[900px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[900px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-\[900px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .max-\[900px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }
  @media (width < 820px) {
    .max-\[820px\]\:static {
      position: static;
    }
    .max-\[820px\]\:col-start-2 {
      grid-column-start: 2;
    }
    .max-\[820px\]\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
    .max-\[820px\]\:size-\[58px\] {
      width: 58px;
      height: 58px;
    }
    .max-\[820px\]\:min-h-0 {
      min-height: 0px;
    }
    .max-\[820px\]\:w-fit {
      width: fit-content;
    }
    .max-\[820px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[820px\]\:grid-cols-\[58px_1fr\] {
      grid-template-columns: 58px 1fr;
    }
    .max-\[820px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-\[820px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .max-\[820px\]\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }
  @media (width < 800px) {
    .max-\[800px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[800px\]\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }
  }
  @media (width < 760px) {
    .max-\[760px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width < 720px) {
    .max-\[720px\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .max-\[720px\]\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .max-\[720px\]\:mb-9 {
      margin-bottom: calc(var(--spacing) * 9);
    }
    .max-\[720px\]\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
    .max-\[720px\]\:hidden {
      display: none;
    }
    .max-\[720px\]\:h-\[58px\] {
      height: 58px;
    }
    .max-\[720px\]\:min-h-0 {
      min-height: 0px;
    }
    .max-\[720px\]\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .max-\[720px\]\:w-\[calc\(100\%-2rem\)\] {
      width: calc(100% - 2rem);
    }
    .max-\[720px\]\:rotate-90 {
      rotate: 90deg;
    }
    .max-\[720px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[720px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-\[720px\]\:flex-col {
      flex-direction: column;
    }
    .max-\[720px\]\:items-start {
      align-items: flex-start;
    }
    .max-\[720px\]\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .max-\[720px\]\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }
    .max-\[720px\]\:border-r-0 {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    .max-\[720px\]\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .max-\[720px\]\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .max-\[720px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .max-\[720px\]\:px-0 {
      padding-inline: 0px;
    }
    .max-\[720px\]\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .max-\[720px\]\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .max-\[720px\]\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .max-\[720px\]\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }
    .max-\[720px\]\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .max-\[720px\]\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .max-\[720px\]\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .max-\[720px\]\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .max-\[720px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .max-\[720px\]\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .max-\[720px\]\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .max-\[720px\]\:text-\[1\.5rem\] {
      font-size: 1.5rem;
    }
    .max-\[720px\]\:text-\[2\.125rem\] {
      font-size: 2.125rem;
    }
    .max-\[720px\]\:text-\[30px\] {
      font-size: 30px;
    }
    .max-\[720px\]\:text-\[34px\] {
      font-size: 34px;
    }
    .max-\[720px\]\:text-\[36px\] {
      font-size: 36px;
    }
  }
  @media (width < 640px) {
    .max-\[640px\]\:min-h-\[126px\] {
      min-height: 126px;
    }
    .max-\[640px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[640px\]\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .max-\[640px\]\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width < 620px) {
    .max-\[620px\]\:col-auto {
      grid-column: auto;
    }
    .max-\[620px\]\:col-start-2 {
      grid-column-start: 2;
    }
    .max-\[620px\]\:row-auto {
      grid-row: auto;
    }
    .max-\[620px\]\:min-h-0 {
      min-height: 0px;
    }
    .max-\[620px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[620px\]\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .max-\[620px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .max-\[620px\]\:text-\[30px\] {
      font-size: 30px;
    }
  }
  @media (width < 560px) {
    .max-\[560px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width < 520px) {
    .max-\[520px\]\:hidden {
      display: none;
    }
    .max-\[520px\]\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    .max-\[520px\]\:grid-cols-\[1fr_40px\] {
      grid-template-columns: 1fr 40px;
    }
    .max-\[520px\]\:grid-cols-\[42px_1fr_auto\] {
      grid-template-columns: 42px 1fr auto;
    }
  }
  @media (width < 480px) {
    .max-\[480px\]\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .max-\[480px\]\:min-w-11 {
      min-width: calc(var(--spacing) * 11);
    }
    .max-\[480px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  @media (width < 360px) {
    .max-\[360px\]\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
    .max-\[360px\]\:gap-0 {
      gap: 0px;
    }
    .max-\[360px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-\[360px\]\:text-\[0\.8125rem\] {
      font-size: 0.8125rem;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .dark\:block:where([data-theme='dark'], [data-theme='dark'] *) {
    display: block;
  }
  .dark\:hidden:where([data-theme='dark'], [data-theme='dark'] *) {
    display: none;
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}
:root {
  color-scheme: light;
  --background: #f4f7f5;
  --surface: #fff;
  --surface-soft: #edf2ef;
  --surface-strong: #dfe8e3;
  --surface-raised: #fff;
  --text: #0d1712;
  --muted: #5a6861;
  --border: #d5ddd8;
  --accent: #0e7958;
  --accent-hover: #096646;
  --accent-contrast: #fff;
  --highlight: #f2c94c;
  --shadow: rgb(25 60 45 / 12%);
  --header: rgb(244 247 245 / 92%);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --background: #0b110e;
  --surface: #111914;
  --surface-soft: #15211b;
  --surface-strong: #1a2a22;
  --surface-raised: #15211b;
  --text: #edf5f0;
  --muted: #aab8b0;
  --border: #304039;
  --accent: #69c7a5;
  --accent-hover: #86d7b9;
  --accent-contrast: #07130e;
  --highlight: #f2c94c;
  --shadow: rgb(0 0 0 / 34%);
  --header: rgb(11 17 14 / 86%);
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  html {
    scroll-padding-top: 84px;
    scroll-behavior: smooth;
    background-color: var(--background);
    @media (prefers-reduced-motion: reduce) {
      scroll-behavior: auto;
    }
    scrollbar-gutter: stable;
  }
  body {
    margin: 0px;
    min-width: calc(var(--spacing) * 80);
    overflow-x: clip;
    background-color: var(--background);
    font-family: 'Geist Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.58;
    line-height: 1.58;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-rendering: optimizelegibility;
  }
  button, a, summary {
    -webkit-tap-highlight-color: transparent;
  }
  a {
    color: inherit;
    text-decoration-line: none;
  }
  button, summary {
    color: inherit;
    font: inherit;
  }
  img, picture, svg {
    display: block;
    max-width: 100%;
  }
  h1, h2, h3, p {
    margin-top: 0px;
  }
  h1, h2, h3 {
    font-family: 'Sora Variable', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
    --tw-leading: 1.08;
    line-height: 1.08;
    letter-spacing: 0;
    text-wrap: balance;
  }
  p {
    text-wrap: pretty;
  }
  code, pre {
    font-family: 'Geist Mono Variable', ui-monospace, monospace;
  }
  ::selection {
    background-color: var(--highlight);
    color: #151812;
  }
  :focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-offset: 3px;
    outline-color: var(--highlight);
  }
  dialog::backdrop {
    background: rgb(5 13 9 / 72%);
    backdrop-filter: blur(6px);
  }
}
[data-motion='ready'] [data-reveal] {
  opacity: 0;
  transform: translateY(16px);
}
[data-motion='ready'] [data-reveal][data-visible] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 520ms cubic-bezier(0.16, 1, 0.3, 1), transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
@keyframes hero-enter {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.home-hero {
  overflow-x: clip;
  color: var(--text);
  background: var(--background);
}
.home-hero-screen {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: calc(100svh - 64px);
  overflow: hidden;
  color: #edf5f0;
  background-color: #020308;
  background-image: none;
}
.home-hero-particles {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.home-hero-particle-canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.home-hero-constellation {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.home-hero-gridlines {
  position: absolute;
  inset: -12%;
  background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px);
  }
  background-size: 4.5rem 4.5rem;
  mask-image: radial-gradient(ellipse 58% 52% at 50% 48%, #000 8%, transparent 78%);
  opacity: 0.5;
}
.home-hero-glow {
  display: none;
}
@property --orbit-turn {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
.home-hero-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 86vw;
  height: 62vh;
  border: 1px solid rgb(180 210 255 / 14%);
  border-radius: 50%;
  pointer-events: none;
  translate: -50% -50%;
}
.home-hero-tile, .home-hero-planet {
  position: absolute;
  top: calc(50% + sin(calc(var(--orbit-start) + var(--orbit-turn) * 360deg)) * var(--orbit-ry));
  left: calc(50% + cos(calc(var(--orbit-start) + var(--orbit-turn) * 360deg)) * var(--orbit-rx));
  z-index: 2;
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  pointer-events: auto;
  border-radius: 50%;
  translate: -50% -50%;
  --orbit-rx: 43vw;
  --orbit-ry: 31vh;
  --orbit-start: calc(var(--orbit-p) * 360deg);
}
.home-hero-tile:focus-visible {
  outline: 2px solid var(--highlight);
  outline-offset: -3px;
}
.home-hero-planet-body {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #aebbb8, var(--planet-accent) 52%, #26322f);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(135deg, #aebbb8, color-mix(in srgb, var(--planet-accent) 14%, #52615d) 52%, #26322f);
  }
  box-shadow: inset 0.15rem 0.15rem 0.3rem rgb(255 255 255 / 14%), inset -0.15rem -0.2rem 0.35rem rgb(0 0 0 / 24%), 0 0 0.8rem var(--planet-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0.15rem 0.15rem 0.3rem rgb(255 255 255 / 14%), inset -0.15rem -0.2rem 0.35rem rgb(0 0 0 / 24%), 0 0 0.8rem color-mix(in srgb, var(--planet-accent) 12%, transparent);
  }
}
.home-hero-planet-face {
  position: absolute;
  inset: 7%;
  z-index: 1;
  border-radius: 50%;
  background: #f4f7f5;
  pointer-events: none;
}
.home-hero-tile img {
  position: relative;
  z-index: 2;
  width: 72%;
  height: 72%;
  object-fit: contain;
}
.home-hero-title {
  position: relative;
  z-index: 1;
  max-width: none;
  margin: 0;
  font-size: clamp(4.25rem, 14vw, 11rem);
  font-weight: 740;
  line-height: 0.9;
  letter-spacing: -0.07em;
  text-align: center;
  white-space: nowrap;
  color: #edf5f0;
  text-shadow: 0 0 72px rgb(105 199 165 / 42%);
}
.home-hero-screen[data-particles-active] .home-hero-title > [aria-hidden] {
  visibility: hidden;
}
.home-hero-screen[data-particles-active] .home-hero-gridlines, .home-hero-screen[data-particles-active] .home-hero-glow {
  opacity: 0;
}
.home-hero-letter {
  display: inline-block;
}
.home-hero-dot {
  color: #69c7a5;
}
.home-hero .home-project-rail {
  padding-block: 1.5rem 2rem;
  margin-top: 0;
}
.home-project-rail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
.home-project-rail-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
}
.home-project-rail-group:has(.home-project-link:nth-child(3)) {
  grid-column: 1 / -1;
}
.home-project-rail-title {
  margin: 0;
  padding: 0.55rem 1rem 0.4rem;
  color: var(--accent);
  font: 650 0.72rem/1 var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
}
.home-project-rail-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.home-project-link {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
  min-height: 56px;
  padding: 0.7rem 1rem;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  transition: background-color 180ms ease;
}
.home-project-link:last-child {
  border-right: 0;
}
.home-project-link:hover, .home-project-link:focus-visible {
  background: var(--surface-soft);
}
.home-project-link img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.home-project-link strong, .home-project-link small {
  display: block;
  overflow-wrap: anywhere;
}
.home-project-link strong {
  font: 650 0.875rem/1.35 var(--font-display);
}
.home-project-link small {
  margin-top: 0.25rem;
  color: var(--muted);
  font: 500 0.6875rem/1.45 var(--font-mono);
}
.home-project-index {
  display: none;
}
.home-project-arrow {
  color: var(--muted);
}
.home-project-link:hover .home-project-arrow, .home-project-link:focus-visible .home-project-arrow {
  color: var(--accent);
}
.home-project-visual-link {
  display: block;
  min-width: 0;
  color: inherit;
}
.home-project-visual-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 5px;
}
.home-project-title-link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.18em;
}
.home-project-title-link:hover, .home-project-title-link:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}
[data-project-row] {
  border-color: var(--border);
}
[data-project-visual] {
  border-radius: 12px;
  box-shadow: none;
}
.home-project-proof[data-scroll-proof] {
  transform-origin: center bottom;
}
@media (prefers-reduced-motion: no-preference) {
  html[data-project-proof-motion] [data-scroll-proof] {
    opacity: var(--proof-opacity, 0.62);
    transform: perspective(1400px) rotateX(var(--proof-rotate, 18deg)) translateY(var(--proof-lift, 3.5rem)) scale(var(--proof-scale, 0.84));
  }
}
.section-intro {
  max-width: 720px;
  margin-bottom: 2.25rem;
}
.section-intro-eyebrow, .build-rail-eyebrow {
  margin: 0 0 0.65rem;
  color: var(--accent);
  font: 700 0.7rem/1.4 var(--font-mono);
  letter-spacing: 0.12em;
}
.section-intro h2, .build-rail h2 {
  margin: 0 0 0.7rem;
  font: 700 clamp(2.1rem, 4vw, 3.5rem)/1.02 var(--font-display);
  letter-spacing: -0.055em;
}
.section-intro-description {
  max-width: 40rem;
  margin: 0;
  color: var(--muted);
  font-size: 1.05rem;
}
.home-project-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.25rem;
  align-items: start;
  min-width: 0;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}
.home-project-row:first-child {
  padding-top: 0;
  border-top: 0;
}
.home-project-row-reversed .home-project-proof-slot {
  order: 2;
}
.home-project-row.home-project-row-with-lab {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}
.home-project-row-with-lab .home-project-lab-slot {
  order: 2;
}
.home-project-proof-slot, .home-project-lab-slot, .home-project-proof, .home-project-proof .demo-code {
  min-width: 0;
  max-width: 100%;
}
.home-project-proof {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}
.home-project-proof-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: 650 0.75rem/1.4 var(--font-mono);
  color: var(--accent);
}
.home-project-proof-command {
  padding: 0.75rem 0.9rem;
  margin: 0;
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 6px;
}
.home-project-proof-command code {
  font: 650 0.875rem/1.4 var(--font-mono);
  overflow-wrap: anywhere;
}
.home-project-proof .demo-code pre {
  max-width: 100%;
  overflow-x: auto;
}
.glow-card {
  position: relative;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  isolation: isolate;
}
.glow-card-beam {
  position: absolute;
  inset: -40%;
  z-index: -1;
  background: transparent;
  opacity: 0;
}
.glow-card > :not(.glow-card-beam) {
  position: relative;
  z-index: 1;
}
@keyframes glow-spin {
  to {
    transform: rotate(1turn);
  }
}
.build-rail {
  width: min(1240px, calc(100% - 3rem));
  padding: 5rem 0;
  margin: 0 auto;
}
.build-rail-heading {
  display: flex;
  gap: 1.5rem;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  color: var(--accent);
}
.build-rail-heading h2 {
  color: var(--text);
}
.build-rail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 1rem;
}
.code-window {
  position: relative;
  overflow: hidden;
  background: #0d1324;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 20px 54px var(--shadow);
}
.code-window-bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0.9rem;
  color: #98a5c6;
  border-bottom: 1px solid #263352;
  font: 600 0.7rem/1 var(--font-mono);
}
.code-window-dots {
  display: flex;
  gap: 0.3rem;
}
.code-window-dots i {
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  background: #ff788e;
  border-radius: 50%;
}
.code-window-dots i:nth-child(2) {
  background: #ffd978;
}
.code-window-dots i:nth-child(3) {
  background: #67e8b5;
}
.code-window-status {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  color: #7ff0c2;
}
.code-window pre {
  padding: 1.25rem 1.1rem 1.5rem;
  margin: 0;
  overflow: auto;
  color: #dce5ff;
  font: 600 0.78rem/1.9 var(--font-mono);
}
.code-line {
  display: block;
  white-space: nowrap;
}
.code-line b {
  display: inline-block;
  width: 2rem;
  color: #93a0ba;
  font-weight: 500;
  user-select: none;
}
.code-line em {
  color: #c2a9ff;
  font-style: normal;
}
.code-line strong {
  color: #78ddc0;
}
.code-line mark {
  color: #ffd978;
  background: transparent;
}
.code-window-copy {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  color: #98a5c6;
  background: #151d32;
  border: 1px solid #334262;
  border-radius: 6px;
}
.build-rail-steps {
  display: grid;
  gap: 0.65rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.build-rail-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 0.75rem;
  align-items: center;
  min-height: 4.7rem;
  padding: 0.8rem 0.9rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 9px;
}
.build-rail-steps li:not(:last-child)::after {
  position: absolute;
  bottom: -0.65rem;
  left: 1.85rem;
  width: 1px;
  height: 0.65rem;
  content: '';
  background: var(--accent);
  opacity: 0.45;
}
.build-step-icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--accent);
  background: var(--surface-soft);
  border: 1px solid var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent) 50%, var(--border));
  }
  border-radius: 8px;
}
.build-rail-steps strong, .build-rail-steps small {
  display: block;
}
.build-rail-steps strong {
  font: 700 0.82rem/1.3 var(--font-mono);
}
.build-rail-steps small {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: 0.72rem;
}
.metric-ticker {
  display: grid;
  gap: 0.2rem;
}
.metric-ticker strong {
  font: 700 1.15rem/1 var(--font-mono);
}
.metric-ticker span {
  color: var(--muted);
  font-size: 0.72rem;
}
[data-build-rail] {
  background: var(--background);
}
.pricing-hero {
  background: var(--background);
}
.pricing-sponsor-tier, .pricing-template, .pricing-service-list article {
  border-radius: 12px;
  box-shadow: none;
}
@media (max-width: 1100px) {
  .home-hero-title {
    font-size: clamp(3.75rem, 11vw, 8rem);
  }
}
@media (max-width: 900px) {
  .home-hero-screen {
    min-height: calc(100svh - 58px);
  }
  .home-hero-planet {
    width: 3.25rem;
    height: 3.25rem;
    --orbit-rx: 38vw;
    --orbit-ry: 28vh;
  }
  .home-hero-orbit {
    width: 76vw;
    height: 56vh;
  }
  .home-project-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }
  .home-project-row-reversed .home-project-proof-slot {
    order: 0;
  }
  .build-rail-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .home-hero-title {
    font-size: clamp(2.25rem, 10vw, 4.5rem);
  }
  .home-hero-planet {
    width: 2.75rem;
    height: 2.75rem;
    --orbit-rx: calc(50vw - 2rem);
    --orbit-ry: 36vh;
  }
  .home-hero-orbit {
    width: calc(100vw - 3rem);
    height: 52vh;
  }
  .home-hero .home-project-rail {
    padding-block: 1.25rem 1.5rem;
  }
  .home-project-rail {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
  .home-project-rail-group {
    border-radius: 9px;
  }
  .home-project-rail-items {
    grid-template-columns: 1fr;
  }
  .home-project-link {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 0.65rem 0.9rem;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .home-project-link:last-child {
    border-bottom: 0;
  }
  .home-project-row {
    padding-top: 1.5rem;
  }
  .build-rail {
    width: calc(100% - 2rem);
    padding: 3.5rem 0;
  }
  .build-rail-heading {
    align-items: start;
  }
  .build-rail-heading h2 {
    font-size: 2.2rem;
  }
  .code-window pre {
    font-size: 0.68rem;
  }
}
@media (max-width: 350px) {
  .home-hero-planet {
    --orbit-rx: calc(50vw - 1.5rem);
  }
}
@media (max-width: 520px) {
  .home-hero-stage {
    aspect-ratio: 4 / 3;
  }
  .home-project-link small {
    max-width: 24ch;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-hero-enter] {
    animation: hero-enter 600ms var(--enter-delay, 0ms) cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  [data-project-visual] img {
    filter: saturate(0.92) contrast(1.03);
    transition: filter 260ms ease, transform 260ms ease;
  }
  [data-project-visual]:hover img, [data-project-visual]:focus-within img {
    filter: saturate(1) contrast(1.06);
  }
  [data-project-visual] img {
    transition: transform 260ms ease, filter 260ms ease;
  }
  [data-project-row]:focus-within [data-project-visual] img {
    transform: scale(1.012);
  }
  .home-hero-planet {
    animation: home-hero-revolve var(--orbit-t) linear infinite;
    transition: scale 240ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .home-hero-planet:hover, .home-hero-planet:focus-visible {
    z-index: 6;
    animation-play-state: paused;
    scale: 1.06;
  }
  @media (hover: hover) {
    [data-project-row]:hover [data-project-visual] img {
      transform: scale(1.012);
    }
  }
}
@keyframes home-hero-revolve {
  0% {
    --orbit-turn: 0;
  }
  100% {
    --orbit-turn: 1;
  }
}
@keyframes home-hero-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes home-hero-pulse {
  0%, 100% {
    opacity: 0.72;
  }
  50% {
    opacity: 1;
  }
}
@keyframes home-hero-letter {
  from {
    opacity: 0;
    transform: translateY(0.28em);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes home-hero-dot-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
  [data-motion='ready'] [data-reveal], [data-motion='ready'] [data-reveal][data-visible], [data-hero-enter] {
    opacity: 1;
    transform: none;
  }
  .glow-card-beam {
    opacity: 0.1;
  }
}
@media (prefers-reduced-transparency: reduce) {
  [data-site-header] {
    background: var(--background);
    backdrop-filter: none;
  }
  .home-hero {
    background: var(--background);
  }
  .home-hero-glow {
    opacity: 0.35;
    filter: none;
  }
}
@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-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-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;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --orbit-turn: 0;
    }
  }
}
@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--orbit-turn:0}}}@layer theme{:root,:host{--font-mono:"Geist Mono Variable", ui-monospace, monospace;--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-700:oklch(48.8% .243 264.376);--color-rose-700:oklch(51.4% .222 16.935);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--default-mono-font-family:"Geist Mono Variable", ui-monospace, monospace;--font-display:"Sora Variable", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}}@layer base{sub{bottom:-.25em}sup{top:-.5em}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}@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)}}}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}body{min-width:calc(var(--spacing) * 80);background-color:var(--background);font-family:Geist Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1.58;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;text-rendering:optimizelegibility;margin:0;line-height:1.58;overflow-x:clip}h1,h2,h3,p{margin-top:0}h1,h2,h3{--tw-leading:1.08;letter-spacing:0;text-wrap:balance;font-family:Sora Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.08}code,pre{font-family:Geist Mono Variable,ui-monospace,monospace}dialog::backdrop{backdrop-filter:blur(6px);background:#050d09b8}}@layer utilities{.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.row-span-2{grid-row:span 2/span 2}.m-0{margin:0}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mb-0{margin-bottom:0}.min-h-\[min\(690px\,calc\(100dvh-100px\)\)\]{min-height:min(690px,100dvh - 100px)}.min-h-\[min\(700px\,calc\(100dvh-64px\)\)\]{min-height:min(700px,100dvh - 64px)}.w-\[min\(330px\,calc\(100vw-32px\)\)\]{width:min(330px,100vw - 32px)}.w-\[min\(590px\,calc\(100vw-32px\)\)\]{width:min(590px,100vw - 32px)}.min-w-0{min-width:0}.gap-0{gap:0}.border-0{border-style:var(--tw-border-style);border-width:0}.border-transparent{border-color:#0000}.bg-\[rgb\(5_13_9_\/_80\%\)\]{background-color:#050d09cc}.bg-transparent{background-color:#0000}.p-0{padding:0}.py-0{padding-block:0}.font-display{font-family:Sora Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.font-mono{font-family:Geist Mono Variable,ui-monospace,monospace}.font-sans{font-family:Geist Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.text-\[0\.9375rem\]{font-size:.9375rem}.tracking-\[\.12em\],.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.opacity-80{opacity:.8}.duration-200{--tw-duration:.2s;transition-duration:.2s}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:border-copy-muted:hover{border-color:var(--muted)}.hover\:bg-brand-hover:hover{background-color:var(--accent-hover)}.hover\:bg-panel-soft:hover{background-color:var(--surface-soft)}.hover\:text-brand:hover{color:var(--accent)}.hover\:text-ink:hover{color:var(--text)}}@media (hover:hover){.enabled\:hover\:bg-panel-strong:enabled:hover{background-color:var(--surface-strong)}}.disabled\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}}@media (width<1100px){.max-\[1100px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<1000px){.max-\[1000px\]\:text-\[52px\]{font-size:52px}}@media (width<960px){.max-\[960px\]\:ml-auto{margin-left:auto}.max-\[960px\]\:block{display:block}.max-\[960px\]\:hidden{display:none}.max-\[960px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<900px){.max-\[900px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[900px\]\:gap-8{gap:calc(var(--spacing) * 8)}.max-\[900px\]\:gap-10{gap:calc(var(--spacing) * 10)}.max-\[900px\]\:p-5{padding:calc(var(--spacing) * 5)}}@media (width<820px){.max-\[820px\]\:static{position:static}.max-\[820px\]\:col-start-2{grid-column-start:2}.max-\[820px\]\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.max-\[820px\]\:size-\[58px\]{width:58px;height:58px}.max-\[820px\]\:min-h-0{min-height:0}.max-\[820px\]\:w-fit{width:fit-content}.max-\[820px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[820px\]\:grid-cols-\[58px_1fr\]{grid-template-columns:58px 1fr}.max-\[820px\]\:gap-8{gap:calc(var(--spacing) * 8)}.max-\[820px\]\:gap-10{gap:calc(var(--spacing) * 10)}.max-\[820px\]\:gap-12{gap:calc(var(--spacing) * 12)}}@media (width<800px){.max-\[800px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[800px\]\:gap-7{gap:calc(var(--spacing) * 7)}}@media (width<760px){.max-\[760px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<720px){.max-\[720px\]\:col-span-2{grid-column:span 2/span 2}.max-\[720px\]\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-\[720px\]\:mb-9{margin-bottom:calc(var(--spacing) * 9)}.max-\[720px\]\:ml-3{margin-left:calc(var(--spacing) * 3)}.max-\[720px\]\:hidden{display:none}.max-\[720px\]\:h-\[58px\]{height:58px}.max-\[720px\]\:min-h-0{min-height:0}.max-\[720px\]\:w-10{width:calc(var(--spacing) * 10)}.max-\[720px\]\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.max-\[720px\]\:rotate-90{rotate:90deg}.max-\[720px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[720px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[720px\]\:flex-col{flex-direction:column}.max-\[720px\]\:items-start{align-items:flex-start}.max-\[720px\]\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.max-\[720px\]\:gap-y-10{row-gap:calc(var(--spacing) * 10)}.max-\[720px\]\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\[720px\]\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-\[720px\]\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.max-\[720px\]\:p-5{padding:calc(var(--spacing) * 5)}.max-\[720px\]\:px-0{padding-inline:0}.max-\[720px\]\:py-6{padding-block:calc(var(--spacing) * 6)}.max-\[720px\]\:py-8{padding-block:calc(var(--spacing) * 8)}.max-\[720px\]\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\[720px\]\:py-14{padding-block:calc(var(--spacing) * 14)}.max-\[720px\]\:pt-6{padding-top:calc(var(--spacing) * 6)}.max-\[720px\]\:pt-10{padding-top:calc(var(--spacing) * 10)}.max-\[720px\]\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-\[720px\]\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-\[720px\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.max-\[720px\]\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.max-\[720px\]\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.max-\[720px\]\:text-\[1\.5rem\]{font-size:1.5rem}.max-\[720px\]\:text-\[2\.125rem\]{font-size:2.125rem}.max-\[720px\]\:text-\[30px\]{font-size:30px}.max-\[720px\]\:text-\[34px\]{font-size:34px}.max-\[720px\]\:text-\[36px\]{font-size:36px}}@media (width<640px){.max-\[640px\]\:min-h-\[126px\]{min-height:126px}.max-\[640px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[640px\]\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-\[640px\]\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media (width<620px){.max-\[620px\]\:col-auto{grid-column:auto}.max-\[620px\]\:col-start-2{grid-column-start:2}.max-\[620px\]\:row-auto{grid-row:auto}.max-\[620px\]\:min-h-0{min-height:0}.max-\[620px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[620px\]\:p-6{padding:calc(var(--spacing) * 6)}.max-\[620px\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.max-\[620px\]\:text-\[30px\]{font-size:30px}}@media (width<560px){.max-\[560px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<520px){.max-\[520px\]\:hidden{display:none}.max-\[520px\]\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.max-\[520px\]\:grid-cols-\[1fr_40px\]{grid-template-columns:1fr 40px}.max-\[520px\]\:grid-cols-\[42px_1fr_auto\]{grid-template-columns:42px 1fr auto}}@media (width<480px){.max-\[480px\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-\[480px\]\:min-w-11{min-width:calc(var(--spacing) * 11)}.max-\[480px\]\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (width<360px){.max-\[360px\]\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.max-\[360px\]\:gap-0{gap:0}.max-\[360px\]\:gap-2{gap:calc(var(--spacing) * 2)}.max-\[360px\]\:text-\[0\.8125rem\]{font-size:.8125rem}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:block:where([data-theme=dark],[data-theme=dark] *){display:block}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}}:root{color-scheme:light;--background:#f4f7f5;--surface:#fff;--surface-soft:#edf2ef;--surface-strong:#dfe8e3;--surface-raised:#fff;--text:#0d1712;--muted:#5a6861;--border:#d5ddd8;--accent:#0e7958;--accent-hover:#096646;--accent-contrast:#fff;--highlight:#f2c94c;--shadow:#193c2d1f;--header:#f4f7f5eb}:root[data-theme=dark]{color-scheme:dark;--background:#0b110e;--surface:#111914;--surface-soft:#15211b;--surface-strong:#1a2a22;--surface-raised:#15211b;--text:#edf5f0;--muted:#aab8b0;--border:#304039;--accent:#69c7a5;--accent-hover:#86d7b9;--accent-contrast:#07130e;--highlight:#f2c94c;--shadow:#00000057;--header:#0b110edb}[data-motion=ready] [data-reveal]{opacity:0;transform:translateY(16px)}[data-motion=ready] [data-reveal][data-visible]{opacity:1;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(14px)}}.home-hero-gridlines{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);position:absolute;inset:-12%;@supports (color:color-mix(in lab, red, red)){background-image:linear-gradient(color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px)}opacity:.5;background-size:4.5rem 4.5rem;mask-image:radial-gradient(58% 52% at 50% 48%,#000 8%,#0000 78%)}@property --orbit-turn{syntax:"<number>";inherits:false;initial-value:0}.home-hero-orbit{pointer-events:none;border:1px solid #b4d2ff24;border-radius:50%;width:86vw;height:62vh;position:absolute;top:50%;left:50%;translate:-50% -50%}.home-hero-planet-body{background:linear-gradient(135deg, #aebbb8, var(--planet-accent) 52%, #26322f);border-radius:50%;position:absolute;inset:0;@supports (color:color-mix(in lab, red, red)){background:linear-gradient(135deg, #aebbb8, color-mix(in srgb, var(--planet-accent) 14%, #52615d) 52%, #26322f)}box-shadow:inset .15rem .15rem .3rem #ffffff24, inset -.15rem -.2rem .35rem #0000003d, 0 0 .8rem var(--planet-accent);@supports (color:color-mix(in lab, red, red)){box-shadow:inset .15rem .15rem .3rem #ffffff24, inset -.15rem -.2rem .35rem #0000003d, 0 0 .8rem color-mix(in srgb, var(--planet-accent) 12%, transparent)}}.home-hero-title{z-index:1;letter-spacing:-.07em;text-align:center;white-space:nowrap;color:#edf5f0;text-shadow:0 0 72px #69c7a56b;max-width:none;margin:0;font-size:clamp(4.25rem,14vw,11rem);font-weight:740;line-height:.9;position:relative}.home-project-rail{box-shadow:none;background:0 0;grid-template-columns:1fr 1fr;gap:.75rem;display:grid;overflow:visible}.home-project-rail-group:has(.home-project-link:nth-child(3)){grid-column:1/-1}.home-project-rail-title{color:var(--accent);font:650 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);margin:0;padding:.55rem 1rem .4rem}.home-project-link{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);min-width:0;min-height:56px;color:var(--text);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem 1rem;transition:background-color .18s;display:grid}.home-project-link strong{font:650 .875rem/1.35 var(--font-display)}.home-project-link small{color:var(--muted);font:500 .6875rem/1.45 var(--font-mono);margin-top:.25rem}.home-project-title-link{color:inherit;text-underline-offset:.18em;text-decoration:none}.home-project-proof[data-scroll-proof]{transform-origin:bottom}@media (prefers-reduced-motion:no-preference){html[data-project-proof-motion] [data-scroll-proof]{opacity:var(--proof-opacity,.62);transform:perspective(1400px) rotateX(var(--proof-rotate,18deg)) translateY(var(--proof-lift,3.5rem)) scale(var(--proof-scale,.84))}}.section-intro-eyebrow,.build-rail-eyebrow{color:var(--accent);font:700 .7rem/1.4 var(--font-mono);letter-spacing:.12em;margin:0 0 .65rem}.section-intro h2,.build-rail h2{font:700 clamp(2.1rem, 4vw, 3.5rem)/1.02 var(--font-display);letter-spacing:-.055em;margin:0 0 .7rem}.home-project-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:2.25rem;min-width:0;padding-top:2rem;display:grid}.home-project-proof{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:.85rem;padding:1rem;display:grid}.home-project-proof-heading{font:650 .75rem/1.4 var(--font-mono);color:var(--accent);justify-content:space-between;align-items:center;display:flex}.home-project-proof-command{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;margin:0;padding:.75rem .9rem}.home-project-proof-command code{font:650 .875rem/1.4 var(--font-mono);overflow-wrap:anywhere}.glow-card-beam{z-index:-1;opacity:0;background:0 0;position:absolute;inset:-40%}.build-rail{width:min(1240px,100% - 3rem);margin:0 auto;padding:5rem 0}.build-rail-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:1rem;display:grid}.code-window-bar{color:#98a5c6;font:600 .7rem/1 var(--font-mono);border-bottom:1px solid #263352;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem .9rem;display:grid}.code-window-dots{gap:.3rem;display:flex}.code-window-dots i{background:#ff788e;border-radius:50%;width:.45rem;height:.45rem;display:block}.code-window-status{color:#7ff0c2;align-items:center;gap:.35rem;display:inline-flex}.code-window pre{color:#dce5ff;font:600 .78rem/1.9 var(--font-mono);margin:0;padding:1.25rem 1.1rem 1.5rem;overflow:auto}.code-line mark{color:#ffd978;background:0 0}.code-window-copy{color:#98a5c6;background:#151d32;border:1px solid #334262;border-radius:6px;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.build-rail-steps{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.build-rail-steps li{background:var(--surface);border:1px solid var(--border);border-radius:9px;grid-template-columns:2.5rem 1fr;align-items:center;gap:.75rem;min-height:4.7rem;padding:.8rem .9rem;display:grid;position:relative}.build-rail-steps li:not(:last-child):after{content:"";background:var(--accent);opacity:.45;width:1px;height:.65rem;position:absolute;bottom:-.65rem;left:1.85rem}.build-rail-steps strong{font:700 .82rem/1.3 var(--font-mono)}.build-rail-steps small{color:var(--muted);margin-top:.2rem;font-size:.72rem}.metric-ticker{gap:.2rem;display:grid}.metric-ticker span{color:var(--muted);font-size:.72rem}[data-build-rail],.pricing-hero{background:var(--background)}@media (width<=1100px){.home-hero-title{font-size:clamp(3.75rem,11vw,8rem)}}@media (width<=900px){.home-hero-screen{min-height:calc(100svh - 58px)}.home-hero-planet{--orbit-rx:38vw;--orbit-ry:28vh;width:3.25rem;height:3.25rem}.home-hero-orbit{width:76vw;height:56vh}.home-project-row{grid-template-columns:minmax(0,1fr);gap:1.5rem}.home-project-row-reversed .home-project-proof-slot{order:0}.build-rail-grid{grid-template-columns:1fr}}@media (width<=720px){.home-hero-title{font-size:clamp(2.25rem,10vw,4.5rem)}.home-hero-planet{--orbit-rx:calc(50vw - 2rem);--orbit-ry:36vh;width:2.75rem;height:2.75rem}.home-hero-orbit{width:calc(100vw - 3rem);height:52vh}.home-hero .home-project-rail{padding-block:1.25rem 1.5rem}.home-project-rail{grid-template-columns:1fr;gap:.65rem}.home-project-rail-group{border-radius:9px}.home-project-rail-items{grid-template-columns:1fr}.home-project-link{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:2rem minmax(0,1fr) auto;min-height:52px;padding:.65rem .9rem}.home-project-link:last-child{border-bottom:0}.home-project-row{padding-top:1.5rem}.build-rail{width:calc(100% - 2rem);padding:3.5rem 0}.build-rail-heading{align-items:start}.build-rail-heading h2{font-size:2.2rem}.code-window pre{font-size:.68rem}}@media (width<=350px){.home-hero-planet{--orbit-rx:calc(50vw - 1.5rem)}}@media (width<=520px){.home-hero-stage{aspect-ratio:4/3}.home-project-link small{max-width:24ch}}@media (prefers-reduced-motion:no-preference){[data-hero-enter]{animation:hero-enter .6s var(--enter-delay,0s) cubic-bezier(.16, 1, .3, 1) both}[data-project-visual] img{filter:saturate(.92)contrast(1.03);transition:filter .26s,transform .26s}[data-project-visual]:hover img,[data-project-visual]:focus-within img{filter:saturate()contrast(1.06)}[data-project-visual] img{transition:transform .26s,filter .26s}[data-project-row]:focus-within [data-project-visual] img{transform:scale(1.012)}.home-hero-planet{animation:home-hero-revolve var(--orbit-t) linear infinite;transition:scale .24s cubic-bezier(.16,1,.3,1)}.home-hero-planet:hover,.home-hero-planet:focus-visible{z-index:6;animation-play-state:paused;scale:1.06}@media (hover:hover){[data-project-row]:hover [data-project-visual] img{transform:scale(1.012)}}}@keyframes home-hero-revolve{to{--orbit-turn:1}}@keyframes home-hero-pulse{0%,to{opacity:.72}}@keyframes home-hero-letter{0%{opacity:0;transform:translateY(.28em)}}@keyframes home-hero-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion=ready] [data-reveal],[data-motion=ready] [data-reveal][data-visible],[data-hero-enter]{opacity:1;transform:none}.glow-card-beam{opacity:.1}}@media (prefers-reduced-transparency:reduce){[data-site-header]{background:var(--background);backdrop-filter:none}.home-hero{background:var(--background)}.home-hero-glow{opacity:.35;filter:none}}@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-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.home-hero-gridlines{background-image:linear-gradient(color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 88%, transparent) 1px, transparent 1px);opacity:.5;background-size:4.5rem 4.5rem;position:absolute;inset:-12%;mask-image:radial-gradient(58% 52% at 50% 48%,#000 8%,#0000 78%)}.home-hero-planet-body{background:linear-gradient(135deg, #aebbb8, color-mix(in srgb, var(--planet-accent) 14%, #52615d) 52%, #26322f);box-shadow:inset .15rem .15rem .3rem #ffffff24, inset -.15rem -.2rem .35rem #0000003d, 0 0 .8rem color-mix(in srgb, var(--planet-accent) 12%, transparent);border-radius:50%;position:absolute;inset:0}.build-step-icon{width:2.25rem;height:2.25rem;color:var(--accent);background:var(--surface-soft);border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));border-radius:8px;place-items:center;display:grid}