/*! 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;
    --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-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --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;
  }
  .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-\[100\] {
    z-index: 100;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .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-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .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-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-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .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-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .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-\[112px\] {
    min-height: 112px;
  }
  .min-h-\[164px\] {
    min-height: 164px;
  }
  .min-h-\[184px\] {
    min-height: 184px;
  }
  .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-\[350px\] {
    width: 350px;
  }
  .w-\[calc\(100\%-4rem\)\] {
    width: calc(100% - 4rem);
  }
  .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-\[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-\[1320px\] {
    max-width: 1320px;
  }
  .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;
  }
  .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);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-pt-\[84px\] {
    scroll-padding-top: 84px;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, 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;
  }
  .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-md {
    border-radius: var(--radius-md);
  }
  .rounded-panel {
    border-radius: 8px;
  }
  .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-brand {
    background-color: var(--accent);
  }
  .bg-canvas {
    background-color: var(--background);
  }
  .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-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-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .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-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .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-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .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);
  }
  .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-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[27px\] {
    font-size: 27px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .text-\[58px\] {
    font-size: 58px;
  }
  .text-\[clamp\(2\.2rem\,4\.3vw\,3\.7rem\)\] {
    font-size: clamp(2.2rem, 4.3vw, 3.7rem);
  }
  .text-\[clamp\(3rem\,7vw\,6\.2rem\)\] {
    font-size: clamp(3rem, 7vw, 6.2rem);
  }
  .text-\[clamp\(43px\,5\.4vw\,68px\)\] {
    font-size: clamp(43px, 5.4vw, 68px);
  }
  .leading-\[0\.92\] {
    --tw-leading: 0.92;
    line-height: 0.92;
  }
  .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\.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-\[690\] {
    --tw-font-weight: 690;
    font-weight: 690;
  }
  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking: -0.035em;
    letter-spacing: -0.035em;
  }
  .tracking-\[0\.09em\] {
    --tw-tracking: 0.09em;
    letter-spacing: 0.09em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .\[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);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-brand {
    accent-color: var(--accent);
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--accent\)_18\%\,transparent\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 8px 24px var(--tw-shadow-color, color-mix(in srgb,var(--accent) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-panel {
    --tw-shadow: 0 24px 70px 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-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .outline-offset-3 {
    outline-offset: 3px;
  }
  .outline-highlight {
    outline-color: var(--highlight);
  }
  .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-\[background-color\,border-color\,color\,transform\,box-shadow\] {
    transition-property: background-color,border-color,color,transform,box-shadow;
    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-\[background-color\,transform\] {
    transition-property: background-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;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .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;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .first\:pt-0:first-child {
    padding-top: 0px;
  }
  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .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\:bg-panel-strong:hover {
      background-color: var(--surface-strong);
    }
    .hover\:text-brand:hover {
      color: var(--accent);
    }
    .hover\:text-ink:hover {
      color: var(--text);
    }
    .hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover {
      --tw-shadow: 0 10px 28px var(--tw-shadow-color, var(--accent));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover {
        --tw-shadow: 0 10px 28px var(--tw-shadow-color, color-mix(in srgb,var(--accent) 25%,transparent));
      }
    }
    .hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus-visible\:outline-3:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-3:focus-visible {
    outline-offset: 3px;
  }
  .focus-visible\:outline-highlight:focus-visible {
    outline-color: var(--highlight);
  }
  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:scroll-auto {
      scroll-behavior: auto;
    }
  }
  @media (width < 960px) {
    .max-\[960px\]\:ml-auto {
      margin-left: auto;
    }
    .max-\[960px\]\:block {
      display: block;
    }
    .max-\[960px\]\:hidden {
      display: none;
    }
    .max-\[960px\]\:gap-9 {
      gap: calc(var(--spacing) * 9);
    }
  }
  @media (width < 900px) {
    .max-\[900px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-\[900px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }
  @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\]\:order-none {
      order: 0;
    }
    .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-14 {
      gap: calc(var(--spacing) * 14);
    }
    .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-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\]\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .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-\[2\.15rem\] {
      font-size: 2.15rem;
    }
    .max-\[720px\]\:text-\[30px\] {
      font-size: 30px;
    }
    .max-\[720px\]\:text-\[33px\] {
      font-size: 33px;
    }
    .max-\[720px\]\:text-\[34px\] {
      font-size: 34px;
    }
    .max-\[720px\]\:text-\[35px\] {
      font-size: 35px;
    }
    .max-\[720px\]\:text-\[42px\] {
      font-size: 42px;
    }
  }
  @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);
    }
  }
  .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: #ccd8d1;
  --accent: #0e7958;
  --accent-hover: #096646;
  --accent-contrast: #fff;
  --highlight: #f2c94c;
  --shadow: rgb(19 54 39 / 14%);
  --header: rgb(244 247 245 / 88%);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --background: #0b110e;
  --surface: #111914;
  --surface-soft: #15211b;
  --surface-strong: #1a2a22;
  --surface-raised: #17211c;
  --text: #edf5f0;
  --muted: #aab8b0;
  --border: #34493f;
  --accent: #69c7a5;
  --accent-hover: #86d7b9;
  --accent-contrast: #07130e;
  --highlight: #f2c94c;
  --shadow: rgb(0 0 0 / 34%);
  --header: rgb(11 17 14 / 88%);
}
@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);
  }
}
@layer utilities {
  .eyebrow-rule {
    display: inline-flex;
    gap: 0.6rem;
    align-items: center;
  }
  .eyebrow-rule::before {
    width: 1.8rem;
    height: 1px;
    content: '';
    background: currentcolor;
    opacity: 0.65;
  }
}
[data-motion='ready'] [data-reveal] {
  opacity: 0;
  transform: translateY(22px);
}
[data-motion='ready'] [data-reveal][data-visible] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
@keyframes hero-enter {
  from {
    transform: translate3d(0, 18px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes surface-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
}
@keyframes mark-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -3px, 0);
  }
}
.home-hero {
  position: relative;
  overflow: hidden;
  color: var(--surface);
  background: var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text) 96%, var(--accent));
  }
}
.home-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: '';
  background-image: linear-gradient(var(--surface) 1px, transparent 1px), linear-gradient(90deg, var(--surface) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px);
  }
  background-size: 72px 72px;
  opacity: 0.18;
  mask-image: linear-gradient(to bottom, black, transparent 84%);
}
.home-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
  min-height: min(690px, calc(100dvh - 70px));
  padding-top: clamp(3rem, 8vh, 6.5rem);
  padding-bottom: clamp(2rem, 5vh, 4rem);
}
.home-hero-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.home-kicker {
  margin-bottom: 1.1rem;
  font: 650 0.7rem/1.2 var(--font-mono);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.home-hero-title {
  margin: 0 0 1.5rem;
  font-size: clamp(4.5rem, 7.5vw, 6rem);
  font-weight: 740;
  line-height: 0.9;
  letter-spacing: -0.05em;
  white-space: nowrap;
}
.home-hero-dot {
  color: var(--accent);
}
.home-hero-description {
  max-width: 31rem;
  margin: 0 0 2rem;
  font-size: clamp(1.05rem, 1.35vw, 1.15rem);
  line-height: 1.5;
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 70%, transparent);
  }
}
.home-hero-stage {
  position: relative;
  min-height: clamp(340px, 46vw, 550px);
  margin: 0;
  overflow: hidden;
  background: var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text) 94%, var(--accent));
  }
  border: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);
  }
  border-radius: 10px;
  box-shadow: 0 28px 100px var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 28px 100px color-mix(in srgb, var(--text) 46%, transparent);
  }
  isolation: isolate;
}
.home-hero-stage canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.home-hero-shader {
  z-index: 0;
  opacity: 0.96;
}
.home-project-rail {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);
  }
}
.home-project-link {
  display: grid;
  grid-template-columns: 1.4rem 2.1rem minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  min-width: 0;
  padding: 1.15rem 1rem 1.3rem;
  color: var(--surface);
  border-right: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-right: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);
  }
  transition: background-color 0.2s ease, color 0.2s ease;
}
.home-project-link:first-child {
  padding-left: 0;
}
.home-project-link:last-child {
  border-right: 0;
}
.home-project-link:hover, .home-project-link:focus-visible {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent) 12%, transparent);
  }
}
.home-project-link img {
  width: 2.1rem;
  height: 2.1rem;
  object-fit: contain;
}
.home-project-link strong, .home-project-link small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-project-link strong {
  font: 650 0.86rem/1.2 var(--font-display);
}
.home-project-link small {
  margin-top: 0.3rem;
  font: 500 0.58rem/1.2 var(--font-mono);
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 48%, transparent);
  }
  letter-spacing: 0.05em;
}
.home-project-index {
  font: 600 0.62rem/1 var(--font-mono);
  color: var(--accent);
}
.home-project-arrow {
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 56%, transparent);
  }
  transition: transform 0.2s ease, color 0.2s ease;
}
.home-project-link:hover .home-project-arrow {
  color: var(--accent);
  transform: translate(2px, -2px);
}
.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-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}
.home-project-title-link:hover, .home-project-title-link:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}
.project-art {
  position: relative;
  aspect-ratio: 16/11;
  overflow: hidden;
  color: var(--surface);
  background: var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text) 94%, var(--project-accent));
  }
}
.project-shader {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.42;
  mix-blend-mode: screen;
}
.art-chrome {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.32rem;
  align-items: center;
  height: 2.3rem;
  padding: 0 0.8rem;
  background: var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text) 90%, transparent);
  }
  border-bottom: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--surface) 14%, transparent);
  }
}
.art-chrome span {
  width: 0.38rem;
  height: 0.38rem;
  background: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface) 34%, transparent);
  }
  border-radius: 50%;
}
.art-chrome span:first-child {
  background: var(--project-accent);
}
.art-chrome b {
  margin-left: auto;
  font: 500 0.56rem/1 var(--font-mono);
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 42%, transparent);
  }
  letter-spacing: 0.03em;
}
.art-tailwind, .art-vite, .art-varo {
  position: absolute;
  inset: 2.3rem 0 0;
  z-index: 1;
}
.art-tailwind {
  display: grid;
  grid-template-columns: 24% 1fr;
}
.art-sidebar {
  display: grid;
  gap: 0.62rem;
  align-content: start;
  padding: 1.1rem 0.8rem;
  border-right: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-right: 1px solid color-mix(in srgb, var(--surface) 10%, transparent);
  }
}
.art-sidebar i {
  display: block;
  height: 0.34rem;
  background: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface) 18%, transparent);
  }
  border-radius: 2px;
}
.art-sidebar i:first-child {
  width: 70%;
  background: var(--project-accent);
}
.art-canvas {
  display: grid;
  gap: 0.8rem;
  align-content: center;
  padding: 1.5rem;
}
.art-canvas strong {
  font: 650 clamp(1.2rem, 3vw, 2.1rem)/1 var(--font-display);
  letter-spacing: -0.06em;
}
.art-line {
  display: block;
  height: 0.35rem;
  background: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface) 23%, transparent);
  }
  border-radius: 2px;
}
.art-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.art-chip-row em {
  padding: 0.3rem 0.45rem;
  font: 500 0.58rem/1 var(--font-mono);
  font-style: normal;
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 72%, transparent);
  }
  border: 1px solid var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--project-accent) 46%, transparent);
  }
}
.art-vite {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 1rem;
  align-items: center;
  padding: 1.3rem;
}
.art-terminal {
  display: grid;
  gap: 0.7rem;
  font: 500 0.66rem/1.4 var(--font-mono);
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 72%, transparent);
  }
}
.art-prompt {
  margin-right: 0.4rem;
  color: var(--project-accent);
}
.art-terminal strong {
  font-weight: 600;
  color: var(--project-accent);
}
.art-terminal small {
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 42%, transparent);
  }
}
.art-bars {
  display: flex;
  gap: 0.35rem;
  align-items: end;
  justify-content: center;
  height: 7rem;
}
.art-bars i {
  width: 12%;
  height: 34%;
  background: var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--project-accent) 58%, transparent);
  }
}
.art-bars i:nth-child(2) {
  height: 56%;
}
.art-bars i:nth-child(3) {
  height: 82%;
  background: var(--project-accent);
}
.art-bars i:nth-child(4) {
  height: 67%;
}
.art-bars i:nth-child(5) {
  height: 44%;
}
.art-varo {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 1rem;
  align-items: center;
  padding: 1.4rem;
}
.art-component {
  display: grid;
  gap: 0.62rem;
  padding: 1.2rem;
  background: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface) 5%, transparent);
  }
  border: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--surface) 16%, transparent);
  }
}
.art-avatar {
  width: 2.2rem;
  height: 2.2rem;
  background: var(--project-accent);
  border-radius: 6px;
}
.art-component button {
  width: fit-content;
  padding: 0.4rem 0.6rem;
  margin-top: 0.35rem;
  font: 500 0.58rem/1 var(--font-mono);
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 78%, transparent);
  }
  background: transparent;
  border: 1px solid var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--project-accent) 52%, transparent);
  }
}
.art-registry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.art-registry i {
  aspect-ratio: 1;
  background: var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--project-accent) 12%, transparent);
  }
  border: 1px solid var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--project-accent) 44%, transparent);
  }
}
[data-webgl-fallback] canvas {
  opacity: 0;
}
[data-webgl-fallback] {
  background-image: linear-gradient(90deg, var(--accent) 1px, transparent 1px), linear-gradient(var(--accent) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px);
  }
  background-size: 36px 36px;
}
@media (max-width: 900px) {
  .home-hero-grid {
    grid-template-columns: 1fr;
    gap: 2.2rem;
    min-height: 0;
    padding-top: 4.5rem;
  }
  .home-hero-copy {
    max-width: 42rem;
  }
  .home-hero-stage {
    min-height: min(60vw, 430px);
  }
}
@media (max-width: 620px) {
  .home-hero-grid {
    gap: 1.25rem;
    padding-top: 2.6rem;
    padding-bottom: 1.5rem;
  }
  .home-hero-title {
    font-size: clamp(3.25rem, 14vw, 4.5rem);
  }
  .home-hero-description {
    margin-bottom: 1.4rem;
    font-size: 1rem;
  }
  .home-hero-stage {
    min-height: 250px;
    border-radius: 8px;
  }
  .home-project-rail {
    grid-template-columns: 1fr;
  }
  .home-project-link, .home-project-link:first-child {
    grid-template-columns: 1.4rem 2rem minmax(0, 1fr) auto;
    padding: 0.85rem 0;
    border-right: 0;
    border-bottom: 1px solid var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);
    }
  }
  .home-project-link:last-child {
    border-bottom: 0;
  }
  .home-project-link img {
    width: 2rem;
    height: 2rem;
  }
  .art-vite, .art-varo {
    padding: 0.85rem;
  }
  .art-component {
    padding: 0.85rem;
  }
  .art-canvas {
    padding: 1rem;
  }
}
[data-project-visual] {
  box-shadow: 0 26px 80px var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 26px 80px color-mix(in srgb, var(--project-accent) 10%, transparent);
  }
  transition: border-color 350ms ease, box-shadow 350ms ease, transform 350ms ease;
}
[data-project-visual]::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: '';
  border-top: 2px solid var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 2px solid color-mix(in srgb, var(--project-accent) 56%, transparent);
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-hero-enter] {
    animation: hero-enter 700ms var(--enter-delay, 0ms) cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  [data-hero-panel] {
    animation: surface-float 8s ease-in-out infinite;
  }
  [data-hero-code] {
    animation: surface-float 10s -3s ease-in-out infinite;
  }
  [data-hero-project] {
    animation: mark-float 6s var(--float-delay, 0s) ease-in-out infinite;
  }
}
@media (hover: hover) {
  [data-project-row]:hover [data-project-visual], [data-project-row]:focus-within [data-project-visual] {
    border-color: var(--project-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--project-accent) 34%, var(--border));
    }
    box-shadow: 0 30px 92px var(--project-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 30px 92px color-mix(in srgb, var(--project-accent) 17%, transparent);
    }
    transform: translateY(-4px);
  }
  [data-principle-card]:hover {
    box-shadow: inset 0 2px 0 var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 2px 0 color-mix(in srgb, var(--accent) 44%, transparent);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  [data-motion='ready'] [data-reveal] {
    opacity: 1;
    transform: none;
  }
  [data-hero-enter] {
    transform: none !important;
    animation: none !important;
  }
  [data-hero-panel], [data-hero-code], [data-hero-project] {
    transform: none !important;
    animation: none !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  [data-site-header] {
    background: var(--background);
    backdrop-filter: none;
  }
}
[data-site-header] {
  height: 4.5rem;
  background: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--background) 90%, transparent);
  }
  border-bottom-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in srgb, var(--border) 82%, transparent);
  }
}
[data-site-header] .shell {
  max-width: 1320px;
}
.home-hero {
  background: var(--text);
  background-image: linear-gradient(90deg, var(--surface) 1px, transparent 1px), linear-gradient(var(--surface) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px);
  }
  background-size: 5rem 5rem;
}
.home-hero::before {
  opacity: 0.32;
  mask-image: linear-gradient(to bottom, black 0%, transparent 92%);
}
.home-hero-grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(2.5rem, 6vw, 7.5rem);
  min-height: min(680px, calc(100dvh - 72px));
  padding-top: clamp(3rem, 8vh, 5.5rem);
  padding-bottom: clamp(2rem, 5vh, 3.5rem);
}
.home-hero-copy {
  max-width: 40rem;
}
.home-kicker {
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 1.4rem;
  color: var(--accent);
  letter-spacing: 0.09em;
}
.home-kicker::before {
  width: 2rem;
  height: 1px;
  content: '';
  background: currentcolor;
}
.home-hero-title {
  max-width: 9ch;
  margin-bottom: 1.35rem;
  font-size: clamp(4.1rem, 8.2vw, 7.4rem);
  font-weight: 740;
  line-height: 0.88;
  letter-spacing: -0.06em;
}
.home-hero-description {
  max-width: 33rem;
  margin-bottom: 2rem;
  font-size: clamp(1.02rem, 1.35vw, 1.16rem);
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 70%, transparent);
  }
}
.home-hero-stage {
  min-height: clamp(360px, 42vw, 540px);
  border-color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--surface) 26%, transparent);
  }
  border-radius: 8px;
  box-shadow: 0 34px 90px rgb(0 0 0 / 28%);
}
.home-hero-stage::before {
  position: absolute;
  inset: 1.25rem;
  z-index: 1;
  pointer-events: none;
  content: '';
  border: 1px solid var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  }
}
.home-hero-stage::after {
  position: absolute;
  right: 1.4rem;
  bottom: 1.25rem;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  content: '';
  background: var(--highlight);
  box-shadow: 0 0 0 5px var(--highlight);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--highlight) 18%, transparent);
  }
}
.home-project-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top-color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in srgb, var(--surface) 24%, transparent);
  }
}
.home-project-link {
  min-height: 5.6rem;
  padding: 1rem 1.1rem 1.1rem;
  border-right-color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border-right-color: color-mix(in srgb, var(--surface) 20%, transparent);
  }
}
.home-project-link:first-child {
  padding-left: 0;
}
.home-project-link:hover, .home-project-link:focus-visible {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent) 16%, transparent);
  }
}
.home-project-link strong {
  font-size: 0.82rem;
}
.home-project-link small {
  max-width: 13rem;
  color: var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--surface) 58%, transparent);
  }
}
.home-project-index {
  color: var(--highlight);
}
[data-project-visual] {
  border-radius: 8px;
  box-shadow: 0 24px 64px var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 24px 64px color-mix(in srgb, var(--project-accent) 10%, transparent);
  }
}
[data-project-visual] img {
  transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1), filter 600ms ease;
}
[data-project-row]:hover [data-project-visual] img, [data-project-row]:focus-within [data-project-visual] img {
  filter: saturate(1.08) contrast(1.02);
  transform: scale(1.025);
}
.project-art {
  background: var(--surface-soft);
}
.project-art picture, .project-art img {
  display: block;
  width: 100%;
  height: 100%;
}
.project-art img {
  aspect-ratio: 16 / 11;
  object-fit: cover;
  object-position: top;
}
.project-art-label {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  z-index: 2;
  padding: 0.42rem 0.55rem;
  font: 600 0.64rem/1 var(--font-mono);
  color: var(--surface);
  background: rgb(7 19 14 / 78%);
  border: 1px solid var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--surface) 24%, transparent);
  }
  backdrop-filter: blur(8px);
}
.sqlite-capability-row {
  border-radius: 8px;
}
.sqlite-beta-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0.25rem 0.48rem;
  font: 700 0.62rem/1 var(--font-mono);
  color: var(--highlight);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--highlight) 72%, var(--text));
  }
  letter-spacing: 0.04em;
  background: var(--highlight);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--highlight) 15%, var(--surface));
  }
  border: 1px solid var(--highlight);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--highlight) 62%, var(--border));
  }
}
.sqlite-signal {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  color: var(--accent);
  background: linear-gradient(90deg, var(--accent) 1px, transparent 1px), linear-gradient(var(--accent) 1px, transparent 1px), var(--surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), var(--surface);
  }
  background-size: 1.25rem 1.25rem;
  border: 1px solid var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  }
}
.sqlite-signal-line {
  width: clamp(1.5rem, 5vw, 4rem);
  height: 1px;
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent) 48%, var(--border));
  }
}
.sqlite-signal-chip {
  padding: 0.55rem 0.7rem;
  font: 650 0.68rem/1 var(--font-mono);
  color: var(--text);
  background: var(--surface-soft);
  border: 1px solid var(--border);
}
section[id] > .shell > header h2, section[id] > .shell > div > header h2 {
  letter-spacing: -0.045em;
}
main > section:not(.home-hero, .pricing-hero) {
  position: relative;
}
main > section:not(.home-hero, .pricing-hero)::before {
  position: absolute;
  top: 0;
  right: max(1rem, calc((100vw - 1320px) / 2));
  width: 3.5rem;
  height: 1px;
  content: '';
  background: var(--accent);
  opacity: 0.7;
}
.pricing-hero {
  background: var(--text);
  background-image: linear-gradient(90deg, var(--surface) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--surface) 7%, transparent) 1px, transparent 1px);
  }
  background-size: 5rem 100%;
}
.pricing-hero-inner {
  min-height: 510px;
  padding-top: 4.6rem;
  padding-bottom: 4.6rem;
}
.pricing-plan-grid, .pricing-sponsor-grid, .pricing-template-grid, .pricing-boundary-grid {
  border-radius: 8px;
}
.pricing-plan, .pricing-template, .pricing-boundary-grid article {
  transition: background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.pricing-plan:hover, .pricing-template:hover, .pricing-boundary-grid article:hover {
  box-shadow: inset 0 2px 0 var(--accent);
  transform: translateY(-2px);
}
@media (max-width: 960px) {
  .home-project-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-project-link:nth-child(2) {
    border-right: 0;
  }
  .home-project-link:nth-child(-n + 2) {
    border-bottom: 1px solid var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--surface) 20%, transparent);
    }
  }
}
@media (max-width: 720px) {
  [data-site-header] {
    height: 3.75rem;
  }
  .home-hero-grid {
    gap: 2rem;
    min-height: 0;
    padding-top: 3.25rem;
  }
  .home-hero-title {
    max-width: 8ch;
    font-size: clamp(4rem, 17vw, 5.7rem);
  }
  .home-hero-stage {
    min-height: 300px;
  }
  .home-project-rail {
    grid-template-columns: 1fr;
  }
  .home-project-link, .home-project-link:first-child {
    min-height: 0;
    padding: 0.9rem 0;
    border-right: 0;
    border-bottom: 1px solid var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--surface) 20%, transparent);
    }
  }
  .home-project-link:last-child {
    border-bottom: 0;
  }
  main > section:not(.home-hero, .pricing-hero)::before {
    right: 1rem;
  }
  .pricing-hero-inner {
    min-height: 0;
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
  }
}
main[style^='--project-accent'] > section:first-child {
  position: relative;
  min-height: min(680px, calc(100dvh - 72px));
  padding-top: 4.2rem;
  padding-bottom: 4.2rem;
}
main[style^='--project-accent'] > section:first-child::before {
  position: absolute;
  top: 0;
  right: max(1rem, calc((100vw - 1320px) / 2));
  left: max(1rem, calc((100vw - 1320px) / 2));
  height: 1px;
  content: '';
  background: var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--project-accent) 34%, var(--border));
  }
}
main[style^='--project-accent'] figure {
  border-radius: 8px;
  box-shadow: 0 28px 80px var(--project-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 28px 80px color-mix(in srgb, var(--project-accent) 13%, transparent);
  }
}
main[style^='--project-accent'] figure img {
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1), filter 700ms ease;
}
main[style^='--project-accent'] figure:hover img {
  filter: saturate(1.05);
  transform: scale(1.018);
}
main[style^='--project-accent'] pre {
  color: var(--accent);
  background: var(--text);
}
main[style^='--project-accent'] [data-copy-command] {
  color: var(--surface);
  background: var(--text);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--text) 88%, var(--accent));
  }
}
main[style^='--project-accent'] [data-copy-command]:hover {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent) 24%, var(--text));
  }
}
main[style^='--project-accent'] details summary {
  transition: color 180ms ease;
}
main[style^='--project-accent'] details summary:hover {
  color: var(--accent);
}
@media (max-width: 820px) {
  main[style^='--project-accent'] > section:first-child {
    min-height: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@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-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-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-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-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;
    }
  }
}
@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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-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-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}}}@layer theme{:root,:host{--font-mono:"Geist Mono Variable", ui-monospace, monospace;--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-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--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}.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}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.opacity-80{opacity:.8}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.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\:bg-panel-strong:hover{background-color:var(--surface-strong)}.hover\:text-brand:hover{color:var(--accent)}.hover\:text-ink:hover{color:var(--text)}.hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover{--tw-shadow:0 10px 28px var(--tw-shadow-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover{--tw-shadow:0 10px 28px var(--tw-shadow-color,color-mix(in srgb,var(--accent) 25%,transparent))}}.hover\:shadow-\[0_10px_28px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}}@media (width<960px){.max-\[960px\]\:ml-auto{margin-left:auto}.max-\[960px\]\:block{display:block}.max-\[960px\]\:hidden{display:none}.max-\[960px\]\:gap-9{gap:calc(var(--spacing) * 9)}}@media (width<900px){.max-\[900px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[900px\]\:gap-10{gap:calc(var(--spacing) * 10)}}@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\]\:order-none{order:0}.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-14{gap:calc(var(--spacing) * 14)}.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-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\]\:py-20{padding-block:calc(var(--spacing) * 20)}.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-\[2\.15rem\]{font-size:2.15rem}.max-\[720px\]\:text-\[30px\]{font-size:30px}.max-\[720px\]\:text-\[33px\]{font-size:33px}.max-\[720px\]\:text-\[34px\]{font-size:34px}.max-\[720px\]\:text-\[35px\]{font-size:35px}.max-\[720px\]\:text-\[42px\]{font-size:42px}}@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)}}.dark\:block:where([data-theme=dark],[data-theme=dark] *){display:block}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}.eyebrow-rule{align-items:center;gap:.6rem;display:inline-flex}.eyebrow-rule:before{content:"";opacity:.65;background:currentColor;width:1.8rem;height:1px}}:root{color-scheme:light;--background:#f4f7f5;--surface:#fff;--surface-soft:#edf2ef;--surface-strong:#dfe8e3;--surface-raised:#fff;--text:#0d1712;--muted:#5a6861;--border:#ccd8d1;--accent:#0e7958;--accent-hover:#096646;--accent-contrast:#fff;--highlight:#f2c94c;--shadow:#13362724;--header:#f4f7f5e0}:root[data-theme=dark]{color-scheme:dark;--background:#0b110e;--surface:#111914;--surface-soft:#15211b;--surface-strong:#1a2a22;--surface-raised:#17211c;--text:#edf5f0;--muted:#aab8b0;--border:#34493f;--accent:#69c7a5;--accent-hover:#86d7b9;--accent-contrast:#07130e;--highlight:#f2c94c;--shadow:#00000057;--header:#0b110ee0}[data-motion=ready] [data-reveal]{opacity:0;transform:translateY(22px)}[data-motion=ready] [data-reveal][data-visible]{opacity:1;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(0)}@keyframes hero-enter{0%{transform:translateY(18px)}to{transform:translate(0,0)}}@keyframes surface-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@keyframes mark-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-3px)}}.home-hero:before{pointer-events:none;content:"";background-image:linear-gradient(var(--surface) 1px, transparent 1px), linear-gradient(90deg, var(--surface) 1px, transparent 1px);position:absolute;inset:0;@supports (color:color-mix(in lab, red, red)){background-image:linear-gradient(color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px)}opacity:.18;background-size:72px 72px;mask-image:linear-gradient(#000,#0000 84%)}.home-hero-grid{z-index:1;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);min-height:min(690px,100dvh - 70px);padding-top:clamp(3rem,8vh,6.5rem);padding-bottom:clamp(2rem,5vh,4rem);display:grid;position:relative}.home-kicker{font:650 .7rem/1.2 var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem}.home-hero-title{letter-spacing:-.05em;white-space:nowrap;margin:0 0 1.5rem;font-size:clamp(4.5rem,7.5vw,6rem);font-weight:740;line-height:.9}.home-hero-shader{z-index:0;opacity:.96}.home-project-link{min-width:0;color:var(--surface);border-right:1px solid var(--surface);grid-template-columns:1.4rem 2.1rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1.15rem 1rem 1.3rem;display:grid;@supports (color:color-mix(in lab, red, red)){border-right:1px solid color-mix(in srgb, var(--surface) 18%, transparent)}transition:background-color .2s,color .2s}.home-project-link strong{font:650 .86rem/1.2 var(--font-display)}.home-project-link small{font:500 .58rem/1.2 var(--font-mono);color:var(--surface);margin-top:.3rem;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 48%, transparent)}letter-spacing:.05em}.home-project-index{font:600 .62rem/1 var(--font-mono);color:var(--accent)}.home-project-arrow{color:var(--surface);@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 56%, transparent)}transition:transform .2s,color .2s}.home-project-title-link{color:inherit;text-underline-offset:.18em;text-decoration:none}.project-shader{z-index:0;opacity:.42;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.art-chrome{z-index:1;background:var(--text);align-items:center;gap:.32rem;height:2.3rem;padding:0 .8rem;display:flex;position:relative;@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--text) 90%, transparent)}border-bottom:1px solid var(--surface);@supports (color:color-mix(in lab, red, red)){border-bottom:1px solid color-mix(in srgb, var(--surface) 14%, transparent)}}.art-chrome span{background:var(--surface);width:.38rem;height:.38rem;@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--surface) 34%, transparent)}border-radius:50%}.art-chrome b{font:500 .56rem/1 var(--font-mono);color:var(--surface);margin-left:auto;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 42%, transparent)}letter-spacing:.03em}.art-sidebar{border-right:1px solid var(--surface);align-content:start;gap:.62rem;padding:1.1rem .8rem;display:grid;@supports (color:color-mix(in lab, red, red)){border-right:1px solid color-mix(in srgb, var(--surface) 10%, transparent)}}.art-sidebar i{background:var(--surface);height:.34rem;display:block;@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--surface) 18%, transparent)}border-radius:2px}.art-canvas{align-content:center;gap:.8rem;padding:1.5rem;display:grid}.art-canvas strong{font:650 clamp(1.2rem, 3vw, 2.1rem)/1 var(--font-display);letter-spacing:-.06em}.art-line{background:var(--surface);height:.35rem;display:block;@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--surface) 23%, transparent)}border-radius:2px}.art-chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.art-chip-row em{font:500 .58rem/1 var(--font-mono);color:var(--surface);padding:.3rem .45rem;font-style:normal;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 72%, transparent)}border:1px solid var(--project-accent);@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--project-accent) 46%, transparent)}}.art-vite{grid-template-columns:1.1fr .9fr;align-items:center;gap:1rem;padding:1.3rem;display:grid}.art-terminal{font:500 .66rem/1.4 var(--font-mono);color:var(--surface);gap:.7rem;display:grid;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 72%, transparent)}}.art-prompt{color:var(--project-accent);margin-right:.4rem}.art-bars{justify-content:center;align-items:end;gap:.35rem;height:7rem;display:flex}.art-varo{grid-template-columns:1.1fr .9fr;align-items:center;gap:1rem;padding:1.4rem;display:grid}.art-component{background:var(--surface);gap:.62rem;padding:1.2rem;display:grid;@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--surface) 5%, transparent)}border:1px solid var(--surface);@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--surface) 16%, transparent)}}.art-component button{width:fit-content;font:500 .58rem/1 var(--font-mono);color:var(--surface);margin-top:.35rem;padding:.4rem .6rem;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--surface) 78%, transparent)}border:1px solid var(--project-accent);background:0 0;@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--project-accent) 52%, transparent)}}.art-registry{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}@media (width<=900px){.home-hero-grid{grid-template-columns:1fr;gap:2.2rem;min-height:0;padding-top:4.5rem}.home-hero-copy{max-width:42rem}.home-hero-stage{min-height:min(60vw,430px)}}@media (width<=620px){.home-hero-grid{gap:1.25rem;padding-top:2.6rem;padding-bottom:1.5rem}.home-hero-title{font-size:clamp(3.25rem,14vw,4.5rem)}.home-hero-description{margin-bottom:1.4rem;font-size:1rem}.home-hero-stage{border-radius:8px;min-height:250px}.home-project-rail{grid-template-columns:1fr}.home-project-link,.home-project-link:first-child{border-right:0;border-bottom:1px solid var(--surface);grid-template-columns:1.4rem 2rem minmax(0,1fr) auto;padding:.85rem 0;@supports (color:color-mix(in lab, red, red)){border-bottom:1px solid color-mix(in srgb, var(--surface) 18%, transparent)}}.home-project-link:last-child{border-bottom:0}.home-project-link img{width:2rem;height:2rem}.art-vite,.art-varo,.art-component{padding:.85rem}.art-canvas{padding:1rem}}[data-project-visual]{box-shadow:0 26px 80px var(--project-accent);@supports (color:color-mix(in lab, red, red)){box-shadow:0 26px 80px color-mix(in srgb, var(--project-accent) 10%, transparent)}transition:border-color .35s,box-shadow .35s,transform .35s}[data-project-visual]:after{pointer-events:none;content:"";border-top:2px solid var(--project-accent);position:absolute;inset:0;@supports (color:color-mix(in lab, red, red)){border-top:2px solid color-mix(in srgb, var(--project-accent) 56%, transparent)}}@media (prefers-reduced-motion:no-preference){[data-hero-enter]{animation:hero-enter .7s var(--enter-delay,0s) cubic-bezier(.16, 1, .3, 1) both}[data-hero-panel]{animation:8s ease-in-out infinite surface-float}[data-hero-code]{animation:10s ease-in-out -3s infinite surface-float}[data-hero-project]{animation:mark-float 6s var(--float-delay,0s) ease-in-out infinite}}@media (hover:hover){[data-project-row]:hover [data-project-visual],[data-project-row]:focus-within [data-project-visual]{border-color:var(--project-accent);@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in srgb, var(--project-accent) 34%, var(--border))}box-shadow:0 30px 92px var(--project-accent);@supports (color:color-mix(in lab, red, red)){box-shadow:0 30px 92px color-mix(in srgb, var(--project-accent) 17%, transparent)}transform:translateY(-4px)}[data-principle-card]:hover{box-shadow:inset 0 2px 0 var(--accent);@supports (color:color-mix(in lab, red, red)){box-shadow:inset 0 2px 0 color-mix(in srgb, var(--accent) 44%, transparent)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion=ready] [data-reveal]{opacity:1;transform:none}[data-hero-enter],[data-hero-panel],[data-hero-code],[data-hero-project]{animation:none!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){[data-site-header]{background:var(--background);backdrop-filter:none}}.home-hero:before{opacity:.32;mask-image:linear-gradient(#000 0%,#0000 92%)}.home-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2.5rem,6vw,7.5rem);min-height:min(680px,100dvh - 72px);padding-top:clamp(3rem,8vh,5.5rem);padding-bottom:clamp(2rem,5vh,3.5rem)}.home-kicker{color:var(--accent);letter-spacing:.09em;align-items:center;gap:.6rem;margin-bottom:1.4rem;display:inline-flex}.home-kicker:before{content:"";background:currentColor;width:2rem;height:1px}.home-hero-title{letter-spacing:-.06em;max-width:9ch;margin-bottom:1.35rem;font-size:clamp(4.1rem,8.2vw,7.4rem);font-weight:740;line-height:.88}.home-hero-stage{border-color:var(--surface);min-height:clamp(360px,42vw,540px);@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in srgb, var(--surface) 26%, transparent)}border-radius:8px;box-shadow:0 34px 90px #00000047}.home-hero-stage:before{z-index:1;pointer-events:none;content:"";border:1px solid var(--accent);position:absolute;inset:1.25rem;@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--accent) 32%, transparent)}}.home-hero-stage:after{z-index:2;content:"";background:var(--highlight);width:.6rem;height:.6rem;box-shadow:0 0 0 5px var(--highlight);position:absolute;bottom:1.25rem;right:1.4rem;@supports (color:color-mix(in lab, red, red)){box-shadow:0 0 0 5px color-mix(in srgb, var(--highlight) 18%, transparent)}}.home-project-link strong{font-size:.82rem}[data-project-visual] img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}.project-art img{aspect-ratio:16/11;object-fit:cover;object-position:top}.project-art-label{z-index:2;font:600 .64rem/1 var(--font-mono);color:var(--surface);border:1px solid var(--surface);background:#07130ec7;padding:.42rem .55rem;position:absolute;bottom:.8rem;right:.8rem;@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--surface) 24%, transparent)}backdrop-filter:blur(8px)}.sqlite-beta-badge{min-height:1.65rem;font:700 .62rem/1 var(--font-mono);color:var(--highlight);align-items:center;padding:.25rem .48rem;display:inline-flex;@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb, var(--highlight) 72%, var(--text))}letter-spacing:.04em;background:var(--highlight);@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--highlight) 15%, var(--surface))}border:1px solid var(--highlight);@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--highlight) 62%, var(--border))}}.sqlite-signal{min-height:8rem;color:var(--accent);background:linear-gradient(90deg, var(--accent) 1px, transparent 1px), linear-gradient(var(--accent) 1px, transparent 1px), var(--surface);justify-content:center;align-items:center;gap:.7rem;display:flex;@supports (color:color-mix(in lab, red, red)){background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), var(--surface)}border:1px solid var(--accent);background-size:1.25rem 1.25rem;@supports (color:color-mix(in lab, red, red)){border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border))}}.sqlite-signal-chip{font:650 .68rem/1 var(--font-mono);color:var(--text);background:var(--surface-soft);border:1px solid var(--border);padding:.55rem .7rem}section[id]>.shell>header h2,section[id]>.shell>div>header h2{letter-spacing:-.045em}main>section:not(.home-hero,.pricing-hero):before{content:"";background:var(--accent);opacity:.7;width:3.5rem;height:1px;position:absolute;top:0;right:max(1rem,50vw - 660px)}.pricing-plan,.pricing-template,.pricing-boundary-grid article{transition:background-color .22s,box-shadow .22s,transform .22s}@media (width<=960px){.home-project-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-link:nth-child(2){border-right:0}.home-project-link:nth-child(-n+2){border-bottom:1px solid var(--surface);@supports (color:color-mix(in lab, red, red)){border-bottom:1px solid color-mix(in srgb, var(--surface) 20%, transparent)}}}@media (width<=720px){[data-site-header]{height:3.75rem}.home-hero-grid{gap:2rem;min-height:0;padding-top:3.25rem}.home-hero-title{max-width:8ch;font-size:clamp(4rem,17vw,5.7rem)}.home-hero-stage{min-height:300px}.home-project-rail{grid-template-columns:1fr}.home-project-link,.home-project-link:first-child{border-right:0;border-bottom:1px solid var(--surface);min-height:0;padding:.9rem 0;@supports (color:color-mix(in lab, red, red)){border-bottom:1px solid color-mix(in srgb, var(--surface) 20%, transparent)}}.home-project-link:last-child{border-bottom:0}main>section:not(.home-hero,.pricing-hero):before{right:1rem}.pricing-hero-inner{min-height:0;padding-top:3.4rem;padding-bottom:3.4rem}}main[style^=--project-accent]>section:first-child{min-height:min(680px,100dvh - 72px);padding-top:4.2rem;padding-bottom:4.2rem;position:relative}main[style^=--project-accent]>section:first-child:before{content:"";background:var(--project-accent);height:1px;position:absolute;top:0;left:max(1rem,50vw - 660px);right:max(1rem,50vw - 660px);@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--project-accent) 34%, var(--border))}}main[style^=--project-accent] figure{box-shadow:0 28px 80px var(--project-accent);border-radius:8px;@supports (color:color-mix(in lab, red, red)){box-shadow:0 28px 80px color-mix(in srgb, var(--project-accent) 13%, transparent)}}main[style^=--project-accent] figure img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s}main[style^=--project-accent] figure:hover img{filter:saturate(1.05);transform:scale(1.018)}main[style^=--project-accent] pre{color:var(--accent);background:var(--text)}main[style^=--project-accent] [data-copy-command]{color:var(--surface);background:var(--text);@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--text) 88%, var(--accent))}}main[style^=--project-accent] [data-copy-command]:hover{background:var(--accent);@supports (color:color-mix(in lab, red, red)){background:color-mix(in srgb, var(--accent) 24%, var(--text))}}main[style^=--project-accent] details summary{transition:color .18s}main[style^=--project-accent] details summary:hover{color:var(--accent)}@media (width<=820px){main[style^=--project-accent]>section:first-child{min-height:0;padding-top:3rem;padding-bottom:3rem}}@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-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-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{color:var(--surface);background:color-mix(in srgb, var(--text) 96%, var(--accent));position:relative;overflow:hidden}.home-hero:before{pointer-events:none;content:"";background-image:linear-gradient(color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--surface) 12%, transparent) 1px, transparent 1px);opacity:.18;background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 84%)}.home-hero-description{max-width:31rem;color:color-mix(in srgb, var(--surface) 70%, transparent);margin:0 0 2rem;font-size:clamp(1.05rem,1.35vw,1.15rem);line-height:1.5}.home-hero-stage{background:color-mix(in srgb, var(--text) 94%, var(--accent));border:1px solid color-mix(in srgb, var(--surface) 18%, transparent);min-height:clamp(340px,46vw,550px);box-shadow:0 28px 100px color-mix(in srgb, var(--text) 46%, transparent);isolation:isolate;border-radius:10px;margin:0;position:relative;overflow:hidden}.home-project-rail{z-index:2;border-top:1px solid color-mix(in srgb, var(--surface) 18%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.home-project-link{min-width:0;color:var(--surface);border-right:1px solid color-mix(in srgb, var(--surface) 18%, transparent);grid-template-columns:1.4rem 2.1rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1.15rem 1rem 1.3rem;transition:background-color .2s,color .2s;display:grid}.home-project-link small{font:500 .58rem/1.2 var(--font-mono);color:color-mix(in srgb, var(--surface) 48%, transparent);letter-spacing:.05em;margin-top:.3rem}.home-project-arrow{color:color-mix(in srgb, var(--surface) 56%, transparent);transition:transform .2s,color .2s}.project-art{aspect-ratio:16/11;color:var(--surface);background:color-mix(in srgb, var(--text) 94%, var(--project-accent));position:relative;overflow:hidden}.art-chrome{z-index:1;background:color-mix(in srgb, var(--text) 90%, transparent);border-bottom:1px solid color-mix(in srgb, var(--surface) 14%, transparent);align-items:center;gap:.32rem;height:2.3rem;padding:0 .8rem;display:flex;position:relative}.art-chrome span{background:color-mix(in srgb, var(--surface) 34%, transparent);border-radius:50%;width:.38rem;height:.38rem}.art-chrome b{font:500 .56rem/1 var(--font-mono);color:color-mix(in srgb, var(--surface) 42%, transparent);letter-spacing:.03em;margin-left:auto}.art-sidebar{border-right:1px solid color-mix(in srgb, var(--surface) 10%, transparent);align-content:start;gap:.62rem;padding:1.1rem .8rem;display:grid}.art-sidebar i{background:color-mix(in srgb, var(--surface) 18%, transparent);border-radius:2px;height:.34rem;display:block}.art-line{background:color-mix(in srgb, var(--surface) 23%, transparent);border-radius:2px;height:.35rem;display:block}.art-chip-row em{font:500 .58rem/1 var(--font-mono);color:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--project-accent) 46%, transparent);padding:.3rem .45rem;font-style:normal}.art-terminal{font:500 .66rem/1.4 var(--font-mono);color:color-mix(in srgb, var(--surface) 72%, transparent);gap:.7rem;display:grid}.art-terminal small{color:color-mix(in srgb, var(--surface) 42%, transparent)}.art-bars i{background:color-mix(in srgb, var(--project-accent) 58%, transparent);width:12%;height:34%}.art-component{background:color-mix(in srgb, var(--surface) 5%, transparent);border:1px solid color-mix(in srgb, var(--surface) 16%, transparent);gap:.62rem;padding:1.2rem;display:grid}.art-component button{width:fit-content;font:500 .58rem/1 var(--font-mono);color:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid color-mix(in srgb, var(--project-accent) 52%, transparent);background:0 0;margin-top:.35rem;padding:.4rem .6rem}.art-registry i{aspect-ratio:1;background:color-mix(in srgb, var(--project-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--project-accent) 44%, transparent)}[data-webgl-fallback]{background-image:linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px);background-size:36px 36px}@media (width<=620px){.home-project-link,.home-project-link:first-child{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--surface) 18%, transparent);grid-template-columns:1.4rem 2rem minmax(0,1fr) auto;padding:.85rem 0}}[data-project-visual]{box-shadow:0 26px 80px color-mix(in srgb, var(--project-accent) 10%, transparent);transition:border-color .35s,box-shadow .35s,transform .35s}[data-project-visual]:after{pointer-events:none;content:"";border-top:2px solid color-mix(in srgb, var(--project-accent) 56%, transparent);position:absolute;inset:0}@media (hover:hover){[data-project-row]:hover [data-project-visual],[data-project-row]:focus-within [data-project-visual]{border-color:color-mix(in srgb, var(--project-accent) 34%, var(--border));box-shadow:0 30px 92px color-mix(in srgb, var(--project-accent) 17%, transparent);transform:translateY(-4px)}[data-principle-card]:hover{box-shadow:inset 0 2px 0 color-mix(in srgb, var(--accent) 44%, transparent)}}[data-site-header]{background:color-mix(in srgb, var(--background) 90%, transparent);border-bottom-color:color-mix(in srgb, var(--border) 82%, transparent);height:4.5rem}.home-hero{background:var(--text);background-image:linear-gradient(90deg, color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px);background-size:5rem 5rem}.home-hero-description{max-width:33rem;color:color-mix(in srgb, var(--surface) 70%, transparent);margin-bottom:2rem;font-size:clamp(1.02rem,1.35vw,1.16rem)}.home-hero-stage{border-color:color-mix(in srgb, var(--surface) 26%, transparent);border-radius:8px;min-height:clamp(360px,42vw,540px);box-shadow:0 34px 90px #00000047}.home-hero-stage:before{z-index:1;pointer-events:none;content:"";border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);position:absolute;inset:1.25rem}.home-hero-stage:after{z-index:2;content:"";background:var(--highlight);width:.6rem;height:.6rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--highlight) 18%, transparent);position:absolute;bottom:1.25rem;right:1.4rem}.home-project-rail{border-top-color:color-mix(in srgb, var(--surface) 24%, transparent);grid-template-columns:repeat(4,minmax(0,1fr))}.home-project-link{border-right-color:color-mix(in srgb, var(--surface) 20%, transparent);min-height:5.6rem;padding:1rem 1.1rem 1.1rem}.home-project-link:hover,.home-project-link:focus-visible{background:color-mix(in srgb, var(--accent) 16%, transparent)}.home-project-link small{max-width:13rem;color:color-mix(in srgb, var(--surface) 58%, transparent)}[data-project-visual]{box-shadow:0 24px 64px color-mix(in srgb, var(--project-accent) 10%, transparent);border-radius:8px}.project-art-label{z-index:2;font:600 .64rem/1 var(--font-mono);color:var(--surface);border:1px solid color-mix(in srgb, var(--surface) 24%, transparent);backdrop-filter:blur(8px);background:#07130ec7;padding:.42rem .55rem;position:absolute;bottom:.8rem;right:.8rem}.sqlite-beta-badge{min-height:1.65rem;font:700 .62rem/1 var(--font-mono);color:color-mix(in srgb, var(--highlight) 72%, var(--text));letter-spacing:.04em;background:color-mix(in srgb, var(--highlight) 15%, var(--surface));border:1px solid color-mix(in srgb, var(--highlight) 62%, var(--border));align-items:center;padding:.25rem .48rem;display:inline-flex}.sqlite-signal{min-height:8rem;color:var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background-size:1.25rem 1.25rem;justify-content:center;align-items:center;gap:.7rem;display:flex}.sqlite-signal-line{background:color-mix(in srgb, var(--accent) 48%, var(--border));width:clamp(1.5rem,5vw,4rem);height:1px}.pricing-hero{background:var(--text);background-image:linear-gradient(90deg, color-mix(in srgb, var(--surface) 7%, transparent) 1px, transparent 1px);background-size:5rem 100%}@media (width<=960px){.home-project-link:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, var(--surface) 20%, transparent)}}@media (width<=720px){.home-project-link,.home-project-link:first-child{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--surface) 20%, transparent);min-height:0;padding:.9rem 0}}main[style^=--project-accent]>section:first-child:before{content:"";background:color-mix(in srgb, var(--project-accent) 34%, var(--border));height:1px;position:absolute;top:0;left:max(1rem,50vw - 660px);right:max(1rem,50vw - 660px)}main[style^=--project-accent] figure{box-shadow:0 28px 80px color-mix(in srgb, var(--project-accent) 13%, transparent);border-radius:8px}main[style^=--project-accent] [data-copy-command]{color:var(--surface);background:color-mix(in srgb, var(--text) 88%, var(--accent))}main[style^=--project-accent] [data-copy-command]:hover{background:color-mix(in srgb, var(--accent) 24%, var(--text))}