@nadicodeai/design-system 9.2.0 → 10.0.0

package/dist/css/index.css

@@ -1,4 +1,4 @@
-@layer tokens, theme, reset, foundation, motion, layout, primitives, components;
+@layer tokens, theme, reset, foundation, motion, primitives, components;
 
 /* src/assets/fonts/geist.css */
 /*!
@@ -41,7 +41,6 @@
 /* src/css/tokens.generated.css */
 @layer tokens {
   :root {
-    --nc-primary: oklch(0.5075 0.1338 151.91);
     --nc-on-primary: oklch(1.0000 0.0000 0.00);
     --nc-action: oklch(0.1776 0.0000 0.00);
     --nc-action-foreground: oklch(1.0000 0.0000 0.00);
@@ -77,7 +76,6 @@
     --nc-warning: oklch(0.8466 0.1678 84.63);
     --nc-warning-soft: oklch(0.9649 0.0461 90.87);
     --nc-warning-deep: oklch(0.4834 0.0995 82.44);
-    --nc-verde-vivo: oklch(0.5604 0.1485 151.68);
     --nc-selection-bg: oklch(0.1776 0.0000 0.00);
     --nc-selection-fg: oklch(0.9851 0.0000 0.00);
     --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);
@@ -96,6 +94,7 @@
     --nc-identity-azzurro: oklch(0.5618 0.2019 258.24);
     --nc-identity-ink: oklch(0.0000 0.0000 0.00);
     --nc-identity-white: oklch(1.0000 0.0000 0.00);
+    --nc-logo-dot: oklch(0.5005 0.2804 266.17);
     --nc-chart-1: oklch(0.5005 0.2804 266.17);
     --nc-chart-2: oklch(0.6415 0.1644 153.23);
     --nc-chart-3: oklch(0.7638 0.1562 86.86);
@@ -121,7 +120,6 @@
     --nc-dark-line: oklch(0.2686 0.0000 0.00);
     --nc-dark-input: oklch(0.5208 0.0000 0.00);
     --nc-dark-seam: oklch(0.2178 0.0000 0.00);
-    --nc-dark-primary: oklch(0.7727 0.1753 155.96);
     --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
     --nc-dark-action: oklch(1.0000 0.0000 0.00);
     --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
@@ -149,13 +147,13 @@
     --nc-dark-state-review: oklch(0.8466 0.1678 84.63);
     --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);
     --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);
+    --nc-dark-logo-dot: oklch(0.5923 0.2215 269.61);
     --nc-dark-selection-bg: oklch(0.9461 0.0000 0.00);
     --nc-dark-selection-fg: oklch(0.1448 0.0000 0.00);
     --nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00);
     --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
     --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);
     --nc-dark-cross: oklch(0.4495 0.0000 0.00);
-    --nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43);
     --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
     --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
     --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
@@ -209,7 +207,7 @@
     --nc-type-display-xl-font-size: 72px;
     --nc-type-display-xl-font-weight: 600;
     --nc-type-display-xl-line-height: 74px;
-    --nc-type-display-xl-letter-spacing: -1.5px;
+    --nc-type-display-xl-letter-spacing: -2.52px;
     --nc-type-display-lg-font-family:
       Geist,
       Inter,
@@ -219,57 +217,47 @@
     --nc-type-display-lg-font-size: 52px;
     --nc-type-display-lg-font-weight: 600;
     --nc-type-display-lg-line-height: 54px;
-    --nc-type-display-lg-letter-spacing: -1px;
+    --nc-type-display-lg-letter-spacing: -1.5px;
     --nc-type-display-md-font-family:
       Geist,
       Inter,
       system-ui,
       -apple-system,
       sans-serif;
-    --nc-type-display-md-font-size: 24px;
+    --nc-type-display-md-font-size: 40px;
     --nc-type-display-md-font-weight: 600;
-    --nc-type-display-md-line-height: 32px;
-    --nc-type-display-md-letter-spacing: 0px;
-    --nc-type-display-sm-font-family:
+    --nc-type-display-md-line-height: 42px;
+    --nc-type-display-md-letter-spacing: -1px;
+    --nc-type-heading-lg-font-family:
       Geist,
       Inter,
       system-ui,
       -apple-system,
       sans-serif;
-    --nc-type-display-sm-font-size: 20px;
-    --nc-type-display-sm-font-weight: 600;
-    --nc-type-display-sm-line-height: 28px;
-    --nc-type-display-sm-letter-spacing: 0px;
-    --nc-type-title-lg-font-family:
+    --nc-type-heading-lg-font-size: 30px;
+    --nc-type-heading-lg-font-weight: 600;
+    --nc-type-heading-lg-line-height: 32px;
+    --nc-type-heading-lg-letter-spacing: 0px;
+    --nc-type-heading-md-font-family:
       Geist,
       Inter,
       system-ui,
       -apple-system,
       sans-serif;
-    --nc-type-title-lg-font-size: 40px;
-    --nc-type-title-lg-font-weight: 600;
-    --nc-type-title-lg-line-height: 41px;
-    --nc-type-title-lg-letter-spacing: 0px;
-    --nc-type-title-md-font-family:
+    --nc-type-heading-md-font-size: 24px;
+    --nc-type-heading-md-font-weight: 600;
+    --nc-type-heading-md-line-height: 32px;
+    --nc-type-heading-md-letter-spacing: 0px;
+    --nc-type-heading-sm-font-family:
       Geist,
       Inter,
       system-ui,
       -apple-system,
       sans-serif;
-    --nc-type-title-md-font-size: 30px;
-    --nc-type-title-md-font-weight: 600;
-    --nc-type-title-md-line-height: 32px;
-    --nc-type-title-md-letter-spacing: 0px;
-    --nc-type-title-sm-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-title-sm-font-size: 22px;
-    --nc-type-title-sm-font-weight: 600;
-    --nc-type-title-sm-line-height: 25px;
-    --nc-type-title-sm-letter-spacing: 0px;
+    --nc-type-heading-sm-font-size: 20px;
+    --nc-type-heading-sm-font-weight: 600;
+    --nc-type-heading-sm-line-height: 28px;
+    --nc-type-heading-sm-letter-spacing: 0px;
     --nc-type-body-lg-font-family:
       Geist,
       Inter,
@@ -290,16 +278,6 @@
     --nc-type-body-md-font-weight: 400;
     --nc-type-body-md-line-height: 25px;
     --nc-type-body-md-letter-spacing: 0px;
-    --nc-type-body-md-strong-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-body-md-strong-font-size: 16px;
-    --nc-type-body-md-strong-font-weight: 500;
-    --nc-type-body-md-strong-line-height: 24px;
-    --nc-type-body-md-strong-letter-spacing: 0px;
     --nc-type-body-sm-font-family:
       Geist,
       Inter,
@@ -310,16 +288,6 @@
     --nc-type-body-sm-font-weight: 400;
     --nc-type-body-sm-line-height: 20px;
     --nc-type-body-sm-letter-spacing: 0px;
-    --nc-type-body-sm-strong-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-body-sm-strong-font-size: 14px;
-    --nc-type-body-sm-strong-font-weight: 500;
-    --nc-type-body-sm-strong-line-height: 20px;
-    --nc-type-body-sm-strong-letter-spacing: 0px;
     --nc-type-caption-font-family:
       Geist,
       Inter,
@@ -330,58 +298,28 @@
     --nc-type-caption-font-weight: 400;
     --nc-type-caption-line-height: 16px;
     --nc-type-caption-letter-spacing: 0px;
-    --nc-type-caption-strong-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-caption-strong-font-size: 12px;
-    --nc-type-caption-strong-font-weight: 500;
-    --nc-type-caption-strong-line-height: 16px;
-    --nc-type-caption-strong-letter-spacing: 0px;
-    --nc-type-caption-mono-font-family:
+    --nc-type-code-font-family:
       Geist Mono,
       ui-monospace,
       SFMono-Regular,
       Menlo,
       Monaco,
       monospace;
-    --nc-type-caption-mono-font-size: 12px;
-    --nc-type-caption-mono-font-weight: 500;
-    --nc-type-caption-mono-line-height: 16px;
-    --nc-type-caption-mono-letter-spacing: 0px;
-    --nc-type-code-font-family:
+    --nc-type-code-font-size: 13px;
+    --nc-type-code-font-weight: 400;
+    --nc-type-code-line-height: 20px;
+    --nc-type-code-letter-spacing: 0px;
+    --nc-type-label-mono-font-family:
       Geist Mono,
       ui-monospace,
       SFMono-Regular,
       Menlo,
       Monaco,
       monospace;
-    --nc-type-code-font-size: 13px;
-    --nc-type-code-font-weight: 400;
-    --nc-type-code-line-height: 20px;
-    --nc-type-code-letter-spacing: 0px;
-    --nc-type-button-md-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-button-md-font-size: 14px;
-    --nc-type-button-md-font-weight: 500;
-    --nc-type-button-md-line-height: 18px;
-    --nc-type-button-md-letter-spacing: 0px;
-    --nc-type-button-lg-font-family:
-      Geist,
-      Inter,
-      system-ui,
-      -apple-system,
-      sans-serif;
-    --nc-type-button-lg-font-size: 16px;
-    --nc-type-button-lg-font-weight: 500;
-    --nc-type-button-lg-line-height: 24px;
-    --nc-type-button-lg-letter-spacing: 0px;
+    --nc-type-label-mono-font-size: 12px;
+    --nc-type-label-mono-font-weight: 500;
+    --nc-type-label-mono-line-height: 16px;
+    --nc-type-label-mono-letter-spacing: 0px;
     --nc-material-scrim-opacity: 10%;
     --nc-material-glass-opacity: 76%;
     --nc-material-glass-saturation: 116%;
@@ -423,59 +361,17 @@
     --nc-duration-transition: 240ms;
     --nc-duration-drawer-swipe: 400ms;
     --nc-duration-drawer: 450ms;
-    --nc-duration-spin: 600ms;
-    --nc-duration-typing: 1s;
-    --nc-duration-pulse: 1.6s;
-    --nc-duration-shimmer: 2s;
+    --nc-duration-wait: 1.6s;
     --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
     --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
     --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
     --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
-    --nc-section: 192px;
-    --nc-page-pad: 24px;
-    --nc-page-max-mobile: 448px;
-    --nc-page-max-tablet: 624px;
-    --nc-page-max-desktop: 1440px;
-    --nc-frame-max: 1392px;
-    --nc-frame-gap: 24px;
-    --nc-cell-padding: 24px;
-    --nc-section-gap: 48px;
-    --nc-cross-size-mobile: 11px;
-    --nc-cross-size-tablet: 15px;
-    --nc-cross-size-desktop: 21px;
-    --nc-h-strip-mobile: 72px;
-    --nc-h-strip-tablet: 80px;
-    --nc-h-strip-desktop: 88px;
-    --nc-h-cell-sm: 120px;
-    --nc-h-cell-md-mobile: 144px;
-    --nc-h-cell-md-tablet: 160px;
-    --nc-h-cell-md-desktop: 168px;
-    --nc-h-cell-lg-mobile: 220px;
-    --nc-h-cell-lg-desktop: 240px;
-    --nc-h-visual-mobile: 276px;
-    --nc-h-visual-tablet: 318px;
-    --nc-h-visual-desktop: 360px;
-    --nc-h-precision-mobile: 276px;
-    --nc-h-precision-tablet: 480px;
-    --nc-h-precision-desktop: 720px;
-    --nc-h-hero-mobile: 560px;
-    --nc-h-hero-desktop: 720px;
-    --nc-h-action-strip-mobile: 20px;
-    --nc-h-action-strip-desktop: 32px;
-    --nc-h-action-body-mobile: 320px;
-    --nc-h-action-body-tablet: 338px;
-    --nc-h-action-band: 260px;
-    --nc-h-feature-mobile: 360px;
-    --nc-h-feature-tablet: 400px;
-    --nc-h-feature-desktop: 456px;
-    --nc-h-editorial-feature-mobile: 360px;
-    --nc-h-editorial-feature-tablet: 440px;
-    --nc-h-editorial-feature-desktop: 560px;
-    --nc-h-bento-primary: 384px;
-    --nc-h-bento-secondary: 240px;
-    --nc-h-bento-mobile-copy: 248px;
-    --nc-h-bento-mobile-main: 537px;
-    --nc-h-bento-strip: 20px;
+    --nc-content-max: 1200px;
+    --nc-gutter-mobile: 20px;
+    --nc-gutter-tablet: 40px;
+    --nc-gutter-desktop: 64px;
+    --nc-section-step-mobile: 64px;
+    --nc-section-step-desktop: 96px;
     --nc-filter-chip-gap: 6px;
     --nc-filter-chip-height: 28px;
     --nc-filter-chip-icon: 14px;
@@ -496,7 +392,6 @@
     --nc-line: var(--nc-dark-line);
     --nc-input: var(--nc-dark-input);
     --nc-seam: var(--nc-dark-seam);
-    --nc-primary: var(--nc-dark-primary);
     --nc-on-primary: var(--nc-dark-on-primary);
     --nc-action: var(--nc-dark-action);
     --nc-action-foreground: var(--nc-dark-action-foreground);
@@ -524,13 +419,13 @@
     --nc-state-review: var(--nc-dark-state-review);
     --nc-state-blocked: var(--nc-dark-state-blocked);
     --nc-state-complete: var(--nc-dark-state-complete);
+    --nc-logo-dot: var(--nc-dark-logo-dot);
     --nc-selection-bg: var(--nc-dark-selection-bg);
     --nc-selection-fg: var(--nc-dark-selection-fg);
     --nc-navigation-selection-bg: var(--nc-dark-navigation-selection-bg);
     --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);
     --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);
     --nc-cross: var(--nc-dark-cross);
-    --nc-verde-vivo: var(--nc-dark-verde-vivo);
     --nc-chart-1: var(--nc-dark-chart-1);
     --nc-chart-2: var(--nc-dark-chart-2);
     --nc-chart-3: var(--nc-dark-chart-3);
@@ -551,28 +446,28 @@
       0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
       0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
       0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.12);
     --nc-elevation-raised:
       0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
       0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
       0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
       0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
       0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.16);
     --nc-elevation-floating:
       0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
       0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
       0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
       0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
       0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.22);
     --nc-elevation-modal:
       0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
       0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
       0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
       0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
       0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.28);
   }
 }
 
@@ -666,7 +561,7 @@
     --sidebar-border: var(--nc-dark-line);
     --sidebar-ring: var(--nc-dark-focus-ring);
   }
-  @theme { --color-*: initial; --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.1776 0.0000 0.00); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.3012 0.0000 0.00); --color-nc-action-active: oklch(0.0000 0.0000 0.00); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-verde-vivo: oklch(0.5604 0.1485 151.68); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.9189 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8761 0.0000 0.00); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ease-nc-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1); --ease-nc-out-strong: cubic-bezier(0.23, 1, 0.32, 1); --ease-nc-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1); --ease-nc-drawer: cubic-bezier(0.32, 0.72, 0, 1); --outline-width-focus: var(--spacing-nadicode-focus-outline-width); --outline-offset-focus: var(--spacing-nadicode-focus-outline-offset); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-section: 192px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-*: initial; --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.1776 0.0000 0.00); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.3012 0.0000 0.00); --color-nc-action-active: oklch(0.0000 0.0000 0.00); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.9189 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8761 0.0000 0.00); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -2.52px; --tracking-display-xl: -2.52px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1.5px; --tracking-display-lg: -1.5px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 40px; --text-display-md--line-height: 42px; --leading-display-md: 42px; --text-display-md--letter-spacing: -1px; --tracking-display-md: -1px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 30px; --text-heading-lg--line-height: 32px; --leading-heading-lg: 32px; --text-heading-lg--letter-spacing: 0px; --tracking-heading-lg: 0px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: 0px; --tracking-heading-md: 0px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 28px; --leading-heading-sm: 28px; --text-heading-sm--letter-spacing: 0px; --tracking-heading-sm: 0px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 500; --font-weight-label-mono: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ease-nc-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1); --ease-nc-out-strong: cubic-bezier(0.23, 1, 0.32, 1); --ease-nc-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1); --ease-nc-drawer: cubic-bezier(0.32, 0.72, 0, 1); --outline-width-focus: var(--spacing-nadicode-focus-outline-width); --outline-offset-focus: var(--spacing-nadicode-focus-outline-offset); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
   @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-active: var(--primary-active); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-placeholder: var(--placeholder); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-scrim: var(--scrim); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-hover: var(--sidebar-primary-hover); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }
 }
 
@@ -706,16 +601,32 @@
     outline: var(--nc-focus-outline-width) solid var(--nc-focus-ring);
     outline-offset: var(--nc-focus-outline-offset);
   }
+  :root {
+    --nc-gutter: var(--nc-gutter-mobile);
+    --nc-section-step: var(--nc-section-step-mobile);
+  }
+  @media (min-width: 640px) {
+    :root {
+      --nc-gutter: var(--nc-gutter-tablet);
+    }
+  }
+  @media (min-width: 1024px) {
+    :root {
+      --nc-gutter: var(--nc-gutter-desktop);
+      --nc-section-step: var(--nc-section-step-desktop);
+    }
+  }
   .nc-page {
     width: 100%;
-    max-width: var(--nc-page-max);
+    max-width: calc(var(--nc-content-max) + (var(--nc-gutter) * 2));
     margin-inline: auto;
-    padding-inline: var(--nc-page-pad);
+    padding-inline: var(--nc-gutter);
   }
-  .nc-frame {
-    width: 100%;
-    max-width: var(--nc-frame-max);
-    margin-inline: auto;
+  .nc-section-step {
+    padding-block: var(--nc-section-step);
+  }
+  .nc-section-step-lead {
+    padding-block-start: var(--nc-section-step);
   }
   .nc-type-display-xl {
     font-family: var(--nc-type-display-xl-font-family);
@@ -738,33 +649,26 @@
     line-height: var(--nc-type-display-md-line-height);
     letter-spacing: var(--nc-type-display-md-letter-spacing);
   }
-  .nc-type-display-sm {
-    font-family: var(--nc-type-display-sm-font-family);
-    font-size: var(--nc-type-display-sm-font-size);
-    font-weight: var(--nc-type-display-sm-font-weight);
-    line-height: var(--nc-type-display-sm-line-height);
-    letter-spacing: var(--nc-type-display-sm-letter-spacing);
-  }
-  .nc-type-title-lg {
-    font-family: var(--nc-type-title-lg-font-family);
-    font-size: var(--nc-type-title-lg-font-size);
-    font-weight: var(--nc-type-title-lg-font-weight);
-    line-height: var(--nc-type-title-lg-line-height);
-    letter-spacing: var(--nc-type-title-lg-letter-spacing);
-  }
-  .nc-type-title-md {
-    font-family: var(--nc-type-title-md-font-family);
-    font-size: var(--nc-type-title-md-font-size);
-    font-weight: var(--nc-type-title-md-font-weight);
-    line-height: var(--nc-type-title-md-line-height);
-    letter-spacing: var(--nc-type-title-md-letter-spacing);
-  }
-  .nc-type-title-sm {
-    font-family: var(--nc-type-title-sm-font-family);
-    font-size: var(--nc-type-title-sm-font-size);
-    font-weight: var(--nc-type-title-sm-font-weight);
-    line-height: var(--nc-type-title-sm-line-height);
-    letter-spacing: var(--nc-type-title-sm-letter-spacing);
+  .nc-type-heading-lg {
+    font-family: var(--nc-type-heading-lg-font-family);
+    font-size: var(--nc-type-heading-lg-font-size);
+    font-weight: var(--nc-type-heading-lg-font-weight);
+    line-height: var(--nc-type-heading-lg-line-height);
+    letter-spacing: var(--nc-type-heading-lg-letter-spacing);
+  }
+  .nc-type-heading-md {
+    font-family: var(--nc-type-heading-md-font-family);
+    font-size: var(--nc-type-heading-md-font-size);
+    font-weight: var(--nc-type-heading-md-font-weight);
+    line-height: var(--nc-type-heading-md-line-height);
+    letter-spacing: var(--nc-type-heading-md-letter-spacing);
+  }
+  .nc-type-heading-sm {
+    font-family: var(--nc-type-heading-sm-font-family);
+    font-size: var(--nc-type-heading-sm-font-size);
+    font-weight: var(--nc-type-heading-sm-font-weight);
+    line-height: var(--nc-type-heading-sm-line-height);
+    letter-spacing: var(--nc-type-heading-sm-letter-spacing);
   }
   .nc-type-body-lg {
     font-family: var(--nc-type-body-lg-font-family);
@@ -780,13 +684,6 @@
     line-height: var(--nc-type-body-md-line-height);
     letter-spacing: var(--nc-type-body-md-letter-spacing);
   }
-  .nc-type-body-md-strong {
-    font-family: var(--nc-type-body-md-strong-font-family);
-    font-size: var(--nc-type-body-md-strong-font-size);
-    font-weight: var(--nc-type-body-md-strong-font-weight);
-    line-height: var(--nc-type-body-md-strong-line-height);
-    letter-spacing: var(--nc-type-body-md-strong-letter-spacing);
-  }
   .nc-type-body-sm {
     font-family: var(--nc-type-body-sm-font-family);
     font-size: var(--nc-type-body-sm-font-size);
@@ -794,13 +691,6 @@
     line-height: var(--nc-type-body-sm-line-height);
     letter-spacing: var(--nc-type-body-sm-letter-spacing);
   }
-  .nc-type-body-sm-strong {
-    font-family: var(--nc-type-body-sm-strong-font-family);
-    font-size: var(--nc-type-body-sm-strong-font-size);
-    font-weight: var(--nc-type-body-sm-strong-font-weight);
-    line-height: var(--nc-type-body-sm-strong-line-height);
-    letter-spacing: var(--nc-type-body-sm-strong-letter-spacing);
-  }
   .nc-type-caption {
     font-family: var(--nc-type-caption-font-family);
     font-size: var(--nc-type-caption-font-size);
@@ -808,20 +698,6 @@
     line-height: var(--nc-type-caption-line-height);
     letter-spacing: var(--nc-type-caption-letter-spacing);
   }
-  .nc-type-caption-strong {
-    font-family: var(--nc-type-caption-strong-font-family);
-    font-size: var(--nc-type-caption-strong-font-size);
-    font-weight: var(--nc-type-caption-strong-font-weight);
-    line-height: var(--nc-type-caption-strong-line-height);
-    letter-spacing: var(--nc-type-caption-strong-letter-spacing);
-  }
-  .nc-type-caption-mono {
-    font-family: var(--nc-type-caption-mono-font-family);
-    font-size: var(--nc-type-caption-mono-font-size);
-    font-weight: var(--nc-type-caption-mono-font-weight);
-    line-height: var(--nc-type-caption-mono-line-height);
-    letter-spacing: var(--nc-type-caption-mono-letter-spacing);
-  }
   .nc-type-code {
     font-family: var(--nc-type-code-font-family);
     font-size: var(--nc-type-code-font-size);
@@ -829,19 +705,12 @@
     line-height: var(--nc-type-code-line-height);
     letter-spacing: var(--nc-type-code-letter-spacing);
   }
-  .nc-type-button-md {
-    font-family: var(--nc-type-button-md-font-family);
-    font-size: var(--nc-type-button-md-font-size);
-    font-weight: var(--nc-type-button-md-font-weight);
-    line-height: var(--nc-type-button-md-line-height);
-    letter-spacing: var(--nc-type-button-md-letter-spacing);
-  }
-  .nc-type-button-lg {
-    font-family: var(--nc-type-button-lg-font-family);
-    font-size: var(--nc-type-button-lg-font-size);
-    font-weight: var(--nc-type-button-lg-font-weight);
-    line-height: var(--nc-type-button-lg-line-height);
-    letter-spacing: var(--nc-type-button-lg-letter-spacing);
+  .nc-type-label-mono {
+    font-family: var(--nc-type-label-mono-font-family);
+    font-size: var(--nc-type-label-mono-font-size);
+    font-weight: var(--nc-type-label-mono-font-weight);
+    line-height: var(--nc-type-label-mono-line-height);
+    letter-spacing: var(--nc-type-label-mono-letter-spacing);
   }
 }
 
@@ -861,77 +730,32 @@
       transform: translateY(0);
     }
   }
-  @keyframes nc-typing {
-    0%, 80%, 100% {
-      opacity: 0.25;
-      transform: translateY(0);
-    }
-    40% {
-      opacity: 1;
-      transform: translateY(-2px);
-    }
-  }
-  @keyframes nc-pulse {
-    0% {
-      opacity: 0.45;
-      transform: scale(0.7);
+  @keyframes nc-wait {
+    from {
+      transform: translateX(-100%);
     }
-    70%, 100% {
-      opacity: 0;
-      transform: scale(1.9);
+    to {
+      transform: translateX(312.5%);
     }
   }
-  @keyframes nc-shimmer {
-    from {
-      background-position: 100% center;
+  @keyframes nc-wait-breathe {
+    0%, 100% {
+      opacity: 0.35;
     }
-    to {
-      background-position: 0% center;
+    50% {
+      opacity: 1;
     }
   }
   .nc-anim-msg-in {
     animation: nc-msg-in var(--nc-duration-msg-in) var(--nc-ease-emphasized) both;
     animation-delay: var(--nc-anim-delay, 0ms);
   }
-  .nc-anim-typing {
-    animation: nc-typing var(--nc-duration-typing) var(--nc-ease-in-out-strong) infinite;
+  .nc-anim-wait {
+    block-size: 100%;
+    inline-size: 32%;
+    animation: nc-wait var(--nc-duration-wait) linear infinite;
     animation-delay: var(--nc-anim-delay, 0ms);
   }
-  .nc-anim-pulse {
-    position: relative;
-  }
-  .nc-anim-pulse::after {
-    content: "";
-    position: absolute;
-    inset: -2px;
-    border: var(--nc-guide) solid currentColor;
-    border-radius: inherit;
-    pointer-events: none;
-    animation: nc-pulse var(--nc-duration-pulse) var(--nc-ease-out-strong) infinite;
-    animation-delay: var(--nc-anim-delay, 0ms);
-  }
-  .nc-anim-shimmer {
-    --nc-shimmer-spread: 1em;
-    position: relative;
-  }
-  .nc-anim-shimmer::after {
-    content: attr(data-nc-shimmer);
-    content: attr(data-nc-shimmer) / "";
-    position: absolute;
-    inset: 0;
-    color: transparent;
-    background-image:
-      linear-gradient(
-        90deg,
-        transparent calc(50% - var(--nc-shimmer-spread)),
-        var(--background) 50%,
-        transparent calc(50% + var(--nc-shimmer-spread)));
-    background-size: 250% 100%;
-    background-repeat: no-repeat;
-    background-clip: text;
-    pointer-events: none;
-    animation: nc-shimmer var(--nc-duration-shimmer) linear infinite;
-  }
   .nc-transition-paint {
     transition-property:
       background-color,
@@ -960,17 +784,15 @@
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    .nc-anim-msg-in,
-    .nc-anim-typing {
+    .nc-anim-msg-in {
       animation: none;
       opacity: 1;
       transform: none;
     }
-    .nc-anim-shimmer::after,
-    .nc-anim-pulse::after {
-      animation: none;
-      opacity: 0;
+    .nc-anim-wait {
+      inline-size: 100%;
       transform: none;
+      animation: nc-wait-breathe var(--nc-duration-wait) var(--nc-ease-in-out-strong) infinite;
     }
     .nc-transition-transform {
       transition: none;
@@ -978,629 +800,15 @@
   }
 }
 
-/* src/css/layout.css */
-@layer layout {
-  :root {
-    --nc-page-max: var(--nc-page-max-mobile);
-    --nc-cross-size: var(--nc-cross-size-mobile);
-    --nc-h-cell-md: var(--nc-h-cell-md-mobile);
-    --nc-h-cell-lg: var(--nc-h-cell-lg-mobile);
-    --nc-h-hero: var(--nc-h-hero-mobile);
-    --nc-h-strip: var(--nc-h-strip-mobile);
-    --nc-h-action-strip: var(--nc-h-action-strip-mobile);
-    --nc-h-action-body: var(--nc-h-action-body-mobile);
-    --nc-h-feature: var(--nc-h-feature-mobile);
-    --nc-h-editorial-feature: var(--nc-h-editorial-feature-mobile);
-  }
-  @media (min-width: 600px) {
-    :root {
-      --nc-page-max: var(--nc-page-max-tablet);
-      --nc-cross-size: var(--nc-cross-size-tablet);
-      --nc-h-cell-md: var(--nc-h-cell-md-tablet);
-      --nc-h-strip: var(--nc-h-strip-tablet);
-      --nc-h-action-body: var(--nc-h-action-body-tablet);
-      --nc-h-feature: var(--nc-h-feature-tablet);
-      --nc-h-editorial-feature: var(--nc-h-editorial-feature-tablet);
-    }
-  }
-  @media (min-width: 960px) {
-    :root {
-      --nc-page-max: var(--nc-page-max-desktop);
-      --nc-cross-size: var(--nc-cross-size-desktop);
-      --nc-h-cell-md: var(--nc-h-cell-md-desktop);
-      --nc-h-cell-lg: var(--nc-h-cell-lg-desktop);
-      --nc-h-hero: var(--nc-h-hero-desktop);
-      --nc-h-strip: var(--nc-h-strip-desktop);
-      --nc-h-action-strip: var(--nc-h-action-strip-desktop);
-      --nc-h-feature: var(--nc-h-feature-desktop);
-      --nc-h-editorial-feature: var(--nc-h-editorial-feature-desktop);
-    }
-  }
-  .nc-page-system {
-    width: 100%;
-    padding-inline: var(--nc-page-pad);
-    padding-block: var(--nc-4xl);
-  }
-  .nc-page-frame {
-    position: relative;
-    width: 100%;
-    max-width: var(--nc-frame-max);
-    margin-inline: auto;
-    border-top: var(--nc-guide) solid var(--nc-line);
-    border-left: var(--nc-guide) solid var(--nc-line);
-    background: var(--nc-canvas);
-  }
-  .nc-page-frame::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    z-index: 3;
-    border-right: var(--nc-guide) solid var(--nc-line);
-    border-bottom: var(--nc-guide) solid var(--nc-line);
-    pointer-events: none;
-  }
-  .nc-page-row {
-    --nc-row-min-height: var(--nc-h-cell-lg);
-    --nc-row-bleed-surface: var(--nc-canvas);
-    position: relative;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    min-height: var(--nc-row-min-height);
-    border-top: var(--nc-guide) solid var(--nc-line);
-    background: var(--nc-canvas);
-  }
-  .nc-page-frame > .nc-page-row:first-child {
-    border-top: 0;
-  }
-  .nc-page-row[data-nc-bleed=surface]::before {
-    content: "";
-    position: absolute;
-    z-index: 0;
-    inset-block: 0;
-    left: 50%;
-    width: 100vw;
-    transform: translateX(-50%);
-    background: var(--nc-row-bleed-surface);
-    pointer-events: none;
-  }
-  .nc-page-row[data-nc-bleed=surface] > * {
-    position: relative;
-    z-index: 1;
-  }
-  .nc-row-lane {
-    display: grid;
-    min-width: 0;
-    min-height: 0;
-  }
-  .nc-row-lane[data-lane=active],
-  .nc-row-lane[data-lane=full] {
-    grid-column: 1 / -1;
-  }
-  .nc-grid-field {
-    --nc-grid-columns: 1;
-    --nc-grid-rows: 1;
-    --nc-grid-line: var(--nc-line);
-    position: relative;
-    display: grid;
-    grid-template-columns: repeat(var(--nc-grid-columns), minmax(0, 1fr));
-    grid-template-rows: repeat(var(--nc-grid-rows), minmax(0, 1fr));
-    min-width: 0;
-    overflow: visible;
-    background: var(--nc-canvas);
-  }
-  .nc-grid-field[data-grid-field=full-hero] {
-    --nc-grid-columns: 1;
-    --nc-grid-rows: 2;
-    height: var(--nc-h-hero);
-  }
-  .nc-grid-guides {
-    display: contents;
-    pointer-events: none;
-  }
-  .nc-grid-guide-v,
-  .nc-grid-guide-h {
-    position: relative;
-    z-index: 1;
-    display: none;
-    min-width: 0;
-    min-height: 0;
-    pointer-events: none;
-  }
-  .nc-grid-guide-v {
-    grid-column: var(--line);
-    grid-row: 1 / -1;
-    border-left: var(--nc-guide) solid var(--nc-grid-line);
-  }
-  .nc-grid-guide-h {
-    grid-column: 1 / -1;
-    grid-row: var(--line);
-    border-top: var(--nc-guide) solid var(--nc-grid-line);
-  }
-  .nc-grid-slot {
-    position: relative;
-    z-index: 2;
-    min-width: 0;
-  }
-  .nc-side-fill {
-    display: none;
-    min-width: 0;
-    min-height: 0;
-    background:
-      repeating-linear-gradient(
-        125deg,
-        var(--nc-canvas) 0,
-        var(--nc-canvas) 6px,
-        var(--nc-line) 6px,
-        var(--nc-line) 7px);
-  }
-  .nc-side-fill[data-side=start] {
-    grid-column: 1;
-    border-inline-end: var(--nc-guide) solid var(--nc-line);
-  }
-  .nc-side-fill[data-side=end] {
-    grid-column: 12;
-    border-inline-start: var(--nc-guide) solid var(--nc-line);
-  }
-  .nc-row-grid {
-    display: grid;
-    min-width: 0;
-    background: var(--nc-line);
-    column-gap: var(--nc-guide);
-    row-gap: var(--nc-guide);
-    padding-inline: var(--nc-guide);
-  }
-  .nc-row-grid[data-edges=inner] {
-    padding-inline: 0;
-  }
-  .nc-row-grid[data-grid="2"],
-  .nc-row-grid[data-grid="3"],
-  .nc-row-grid[data-grid="4"],
-  .nc-row-grid[data-grid="5"],
-  .nc-row-grid[data-grid="6"] {
-    grid-template-columns: minmax(0, 1fr);
-  }
-  .nc-index-grid {
-    --nc-index-columns: 1;
-    --nc-index-rows: auto;
-    position: relative;
-    display: grid;
-    grid-template-columns: repeat(var(--nc-index-columns), minmax(0, 1fr));
-    min-width: 0;
-  }
-  .nc-index-guides {
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-    display: grid;
-    grid-template-columns: inherit;
-    pointer-events: none;
-  }
-  .nc-index-guide {
-    min-width: 0;
-    border-right: var(--nc-guide) solid var(--nc-line);
-  }
-  .nc-index-guide:last-child {
-    border-right: 0;
-  }
-  .nc-index-card {
-    position: relative;
-    z-index: 2;
-    display: grid;
-    min-width: 0;
-    min-height: var(--nc-h-cell-lg);
-    padding: var(--nc-cell-padding);
-    align-content: start;
-    gap: 14px;
-    overflow: hidden;
-    background: var(--nc-canvas);
-    color: var(--nc-ink);
-    text-decoration: none;
-  }
-  .nc-index-card[data-featured=true] {
-    min-height: var(--nc-h-editorial-feature);
-  }
-  .nc-article-shell {
-    display: grid;
-    min-width: 0;
-    background: var(--nc-line);
-    column-gap: var(--nc-guide);
-    row-gap: var(--nc-guide);
-    padding-inline: var(--nc-guide);
-  }
-  .nc-article-header,
-  .nc-article-body,
-  .nc-article-side,
-  .nc-article-footer {
-    display: grid;
-    min-width: 0;
-    padding: var(--nc-cell-padding);
-    gap: 12px;
-    background: var(--nc-canvas);
-  }
-  .nc-article-header {
-    min-height: 280px;
-    align-content: center;
-  }
-  .nc-article-side {
-    color: var(--nc-muted);
-  }
-  .nc-article-footer {
-    background: var(--nc-ink);
-    color: var(--nc-canvas);
-  }
-  .nc-span-12,
-  .nc-span-10 {
-    grid-column: 1 / -1;
-  }
-  .nc-stage-frame {
-    --nc-stage-active-column: 1 / -1;
-    --nc-stage-frame-gutter: 0px;
-    --nc-stage-surface: var(--nc-canvas);
-    --nc-stage-frame-color: var(--nc-line);
-    --nc-stage-filler-color: var(--nc-canvas-soft-2);
-    position: relative;
-    min-width: 0;
-    background: var(--nc-stage-surface);
-  }
-  .nc-stage-frame[data-frame-lines=true]::before,
-  .nc-stage-frame[data-frame-lines=true]::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    z-index: 2;
-    width: var(--nc-guide);
-    background: var(--nc-stage-frame-color);
-    pointer-events: none;
-  }
-  .nc-stage-frame[data-frame-lines=true]::before {
-    left: 0;
-  }
-  .nc-stage-frame[data-frame-lines=true]::after {
-    right: 0;
-  }
-  .nc-stage-fill {
-    position: absolute;
-    inset-inline: 0;
-    top: var(--nc-stage-fill-top, 0px);
-    bottom: var(--nc-stage-fill-bottom, 0px);
-    display: grid;
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-    column-gap: var(--nc-stage-frame-gutter);
-    pointer-events: none;
-  }
-  .nc-stage-fill::before,
-  .nc-stage-fill::after {
-    content: "";
-    min-width: 0;
-    background:
-      repeating-linear-gradient(
-        125deg,
-        transparent,
-        transparent 6px,
-        var(--nc-stage-filler-color) 6px,
-        var(--nc-stage-filler-color) 7px),
-      var(--nc-canvas);
-  }
-  .nc-stage-fill::before {
-    grid-column: 1;
-    margin-right: calc(var(--nc-stage-frame-gutter) * -1);
-  }
-  .nc-stage-fill::after {
-    grid-column: 12;
-    margin-left: calc(var(--nc-stage-frame-gutter) * -1);
-  }
-  .nc-stage-stack {
-    position: relative;
-    z-index: 1;
-    min-width: 0;
-  }
-  .nc-stage-grid,
-  .nc-connector-strip {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    column-gap: var(--nc-stage-frame-gutter);
-    min-width: 0;
-  }
-  .nc-stage-active,
-  .nc-connector-track {
-    grid-column: var(--nc-stage-active-column);
-  }
-  .nc-connector-strip {
-    height: calc(var(--nc-connector-height, var(--nc-h-action-strip)) + var(--nc-guide));
-  }
-  .nc-connector-strip[data-edge=start] {
-    border-bottom: var(--nc-guide) solid var(--nc-connector-frame-color, var(--nc-stage-frame-color));
-  }
-  .nc-connector-strip[data-edge=end] {
-    border-top: var(--nc-guide) solid var(--nc-connector-frame-color, var(--nc-stage-frame-color));
-  }
-  .nc-connector-track {
-    position: relative;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    gap: 0;
-    height: var(--nc-connector-height, var(--nc-h-action-strip));
-    min-width: 0;
-    padding-inline: var(--nc-guide);
-    overflow: hidden;
-  }
-  .nc-connector-track > div {
-    min-width: 0;
-    height: var(--nc-connector-height, var(--nc-h-action-strip));
-  }
-  .nc-connector-track > div:nth-child(n+2) {
-    display: none;
-  }
-  .nc-connector-strip svg {
-    color: var(--nc-connector-color, var(--nc-seam));
-    overflow: visible;
-  }
-  .nc-connector-strip line {
-    stroke: currentColor;
-    stroke-dasharray: var(--nc-connector-dash, 4 6);
-    stroke-linecap: round;
-  }
-  .nc-connector-track div svg {
-    display: block;
-    width: var(--nc-guide);
-    height: var(--nc-connector-height, var(--nc-h-action-strip));
-    margin-left: calc(var(--nc-guide) * -1);
-  }
-  .nc-connector-track > svg {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: block;
-    width: var(--nc-guide);
-    height: var(--nc-connector-height, var(--nc-h-action-strip));
-  }
-  @media (min-width: 600px) {
-    .nc-grid-field[data-grid-field=full-hero] {
-      --nc-grid-columns: 8;
-      --nc-grid-rows: 4;
-    }
-    .nc-grid-guide-v,
-    .nc-grid-guide-h {
-      display: block;
-    }
-    .nc-grid-guide-v[data-min=desktop],
-    .nc-grid-guide-h[data-min=desktop] {
-      display: none;
-    }
-    .nc-row-grid[data-grid="2"],
-    .nc-row-grid[data-grid="3"],
-    .nc-row-grid[data-grid="4"] {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .nc-row-grid[data-grid="5"],
-    .nc-row-grid[data-grid="6"] {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .nc-index-grid {
-      --nc-index-columns: 2;
-    }
-  }
-  @media (min-width: 960px) {
-    .nc-grid-field[data-grid-field=full-hero] {
-      --nc-grid-columns: 12;
-      --nc-grid-rows: 8;
-    }
-    .nc-grid-guide-v,
-    .nc-grid-guide-h,
-    .nc-grid-guide-v[data-min=desktop],
-    .nc-grid-guide-h[data-min=desktop] {
-      display: block;
-    }
-    .nc-page-row {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-      column-gap: var(--nc-frame-gap);
-    }
-    .nc-row-lane[data-lane=active] {
-      grid-column: 2 / 12;
-    }
-    .nc-row-lane[data-lane=full] {
-      grid-column: 1 / -1;
-    }
-    .nc-row-lane[data-lane=active][data-frame-lines=true] {
-      position: relative;
-    }
-    .nc-row-lane[data-lane=active][data-frame-lines=true]::before,
-    .nc-row-lane[data-lane=active][data-frame-lines=true]::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      z-index: 2;
-      width: var(--nc-guide);
-      background: var(--nc-line);
-      pointer-events: none;
-    }
-    .nc-row-lane[data-lane=active][data-frame-lines=true]::before {
-      left: 0;
-    }
-    .nc-row-lane[data-lane=active][data-frame-lines=true]::after {
-      right: 0;
-    }
-    .nc-stage-frame {
-      --nc-stage-active-column: 2 / 12;
-      --nc-stage-frame-gutter: var(--nc-frame-gap);
-    }
-    .nc-stage-grid,
-    .nc-connector-strip {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-    .nc-page-row[data-rails=hatch] .nc-side-fill {
-      display: block;
-    }
-    .nc-side-fill[data-side=start] {
-      margin-right: calc(var(--nc-frame-gap) * -1);
-    }
-    .nc-side-fill[data-side=end] {
-      margin-left: calc(var(--nc-frame-gap) * -1);
-    }
-    .nc-row-grid[data-grid="3"] {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .nc-row-grid[data-grid="4"] {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .nc-row-grid[data-grid="5"] {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .nc-row-grid[data-grid="6"] {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .nc-index-grid {
-      --nc-index-columns: 3;
-    }
-    .nc-index-card[data-featured=true] {
-      grid-column: span 2;
-    }
-    .nc-article-shell {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-    .nc-article-header,
-    .nc-article-footer {
-      grid-column: 1 / -1;
-    }
-    .nc-article-side {
-      grid-column: 1 / 3;
-      grid-row: 2;
-    }
-    .nc-article-body {
-      grid-column: 3 / -1;
-    }
-    .nc-span-10 {
-      grid-column: 2 / 12;
-    }
-  }
-}
-
 /* src/css/primitives.css */
 @layer primitives {
-  .nc-cell {
-    position: relative;
-    z-index: 2;
-    display: grid;
-    min-width: 0;
-    min-height: var(--nc-h-cell-sm);
-    margin-right: var(--nc-guide);
-    margin-bottom: var(--nc-guide);
-    padding: var(--nc-cell-padding);
-    overflow: hidden;
-    overflow-wrap: anywhere;
-    place-content: center;
-    background: var(--nc-canvas);
-  }
-  .nc-cell-flush {
-    padding: 0;
-  }
-  .nc-diagonal-fill,
-  .nc-cell-filler {
-    background:
-      repeating-linear-gradient(
-        -45deg,
-        var(--nc-canvas-soft) 0,
-        var(--nc-canvas-soft) 7px,
-        var(--nc-line) 7px,
-        var(--nc-line) 8px),
-      var(--nc-canvas);
-  }
   .nc-dotted-field {
     background: radial-gradient(var(--nc-line) 0.8px, transparent 0.8px) 0 0 / 12px 12px, var(--nc-canvas);
   }
-  .nc-marker {
-    --nc-cross-half: calc((var(--nc-cross-size) / 2) + (var(--nc-guide) / 2));
-    position: absolute;
-    z-index: 4;
-    grid-column-start: var(--nc-cross-column);
-    grid-row-start: var(--nc-cross-row);
-    width: var(--nc-cross-size);
-    height: var(--nc-cross-size);
-    inset: calc(var(--nc-cross-half) * -1);
-    pointer-events: none;
-  }
-  .nc-marker[data-position=top-left] {
-    --nc-cross-column: 1;
-    --nc-cross-row: 1;
-  }
-  .nc-marker[data-position=top-right] {
-    --nc-cross-column: -1;
-    --nc-cross-row: 1;
-  }
-  .nc-marker[data-position=bottom-left] {
-    --nc-cross-column: 1;
-    --nc-cross-row: -1;
-  }
-  .nc-marker[data-position=bottom-right] {
-    --nc-cross-column: -1;
-    --nc-cross-row: -1;
-  }
-  .nc-marker::before,
-  .nc-marker::after {
-    content: "";
-    position: absolute;
-    display: block;
-    background: var(--nc-cross);
-  }
-  .nc-marker::before {
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    width: var(--nc-guide);
-    transform: translateX(-50%);
-  }
-  .nc-marker::after {
-    left: 0;
-    right: 0;
-    top: 50%;
-    height: var(--nc-guide);
-    transform: translateY(-50%);
-  }
-  .nc-blueprint-field {
-    --nc-blueprint-columns: var(--nc-grid-columns, 12);
-    --nc-blueprint-rows: var(--nc-grid-rows, 8);
-    --nc-blueprint-line: var(--nc-line);
-    background-image:
-      linear-gradient(
-        to right,
-        var(--nc-blueprint-line) var(--nc-guide),
-        transparent var(--nc-guide)),
-      linear-gradient(
-        to bottom,
-        var(--nc-blueprint-line) var(--nc-guide),
-        transparent var(--nc-guide));
-    background-size: calc(100% / var(--nc-blueprint-columns)) calc(100% / var(--nc-blueprint-rows)), calc(100% / var(--nc-blueprint-columns)) calc(100% / var(--nc-blueprint-rows));
-  }
-  .nc-blueprint-field[data-feather=top] {
-    -webkit-mask-image:
-      linear-gradient(
-        to bottom,
-        transparent 0%,
-        black 22%,
-        black 100%);
-    mask-image:
-      linear-gradient(
-        to bottom,
-        transparent 0%,
-        black 22%,
-        black 100%);
-  }
-  .nc-rule-svg {
-    color: var(--nc-seam);
-    overflow: visible;
-  }
-  .nc-rule-svg line {
-    stroke: currentColor;
-    stroke-dasharray: 4 6;
-    stroke-linecap: round;
-  }
   .nc-panel-cell {
     display: grid;
     min-width: 0;
-    min-height: var(--nc-h-cell-md);
-    padding: var(--nc-cell-padding);
+    padding: var(--nc-lg);
     align-content: center;
     gap: 12px;
     overflow: hidden;
@@ -1751,7 +959,6 @@
       sans-serif;
     font-size: 13px;
     line-height: 18px;
-    animation-name: nc-msg-in;
   }
   .nc-memory-item-label {
     flex: 0 0 auto;
@@ -1794,7 +1001,6 @@
     font-size: 13px;
     font-weight: 500;
     line-height: 18px;
-    animation-name: nc-msg-in;
   }
   .nc-handoff-banner::before {
     content: "";
@@ -1904,7 +1110,6 @@
     gap: 14px;
     align-items: flex-start;
     padding: 8px 0;
-    animation-name: nc-msg-in;
   }
   .nc-run-timeline-node {
     position: relative;
@@ -2000,10 +1205,6 @@
     color: var(--nc-body);
     background: var(--nc-canvas);
   }
-  .nc-image[data-strip=true] .nc-image-media {
-    aspect-ratio: auto;
-    height: var(--nc-h-strip);
-  }
 }
 
 /* src/css/index.css */