<!DOCTYPE html><html lang="en-IN" class="scroll-smooth" data-theme-mode="light" data-motion-preference="system" data-motion="full" style="color-scheme: light; --zyta-boot-surface: hsl(40 24% 94%); --zyta-boot-text: #1f2937; --brand-h: 216; --brand-s: 81%; --brand-l: 48%; --brand-content-light: 0 0% 100%; --brand-content-dark: 0 0% 100%; --theme-semantic-surface-canvas: hsl(240 5% 90%); --theme-semantic-surface-page: hsl(240 5% 96%); --theme-semantic-surface-card: hsl(0 0% 100%); --theme-semantic-surface-card-subtle: hsl(240 5% 93%); --theme-semantic-surface-elevated: hsl(0 0% 100%); --theme-semantic-surface-overlay: hsl(0 0% 100%); --theme-semantic-surface-sunken: hsl(240 5% 85%); --theme-semantic-surface-brand-subtle: hsl(var(--brand-500) / 0.12); --theme-semantic-surface-brand-subtle-fg: hsl(var(--brand-700)); --theme-semantic-text-primary: hsl(240 10% 4%); --theme-semantic-text-secondary: hsl(240 5% 26%); --theme-semantic-text-muted: hsl(240 5% 32%); --theme-semantic-text-inverse: hsl(0 0% 100%); --theme-semantic-text-brand: hsl(var(--brand-500)); --theme-semantic-text-success: hsl(142 76% 36%); --theme-semantic-text-warning: hsl(38 92% 42%); --theme-semantic-text-error: hsl(0 80% 38%); --theme-semantic-text-info: hsl(212 90% 40%); --theme-semantic-text-disabled: hsl(220 10% 55%); --theme-semantic-border-default: hsl(240 5% 79%); --theme-semantic-border-subtle: hsl(240 6% 90%); --theme-semantic-border-strong: hsl(240 6% 55%); --theme-semantic-border-input: hsl(240 5% 60%); --theme-semantic-border-input-hover: hsl(240 5% 52%); --theme-semantic-border-input-focus: hsl(216 81% 48%); --theme-semantic-border-brand: hsl(var(--brand-500)); --theme-semantic-border-error: hsl(0 84% 60%); --theme-semantic-divider-default: hsl(240 5% 79%); --theme-semantic-action-primary-bg: hsl(216 81% 48%); --theme-semantic-action-primary-fg: hsl(0 0% 100%); --theme-semantic-action-primary-border: hsl(216 81% 48%); --theme-semantic-action-primary-hover: hsl(var(--brand-600)); --theme-semantic-action-primary-hover-fg: hsl(var(--brand-content-light)); --theme-semantic-action-primary-active: hsl(var(--brand-700)); --theme-semantic-action-secondary-bg: hsl(0 0% 100%); --theme-semantic-action-secondary-fg: hsl(240 10% 4%); --theme-semantic-action-secondary-border: hsl(240 5% 79%); --theme-semantic-action-secondary-hover: hsl(240 5% 93%); --theme-semantic-action-secondary-hover-fg: hsl(240 10% 4%); --theme-semantic-action-warning-bg: hsl(38 92% 50%); --theme-semantic-action-warning-fg: hsl(220 20% 12%); --theme-semantic-action-warning-border: hsl(38 92% 42%); --theme-semantic-action-warning-hover: hsl(38 92% 42%); --theme-semantic-action-ghost-bg: transparent; --theme-semantic-action-ghost-fg: hsl(240 5% 26%); --theme-semantic-action-ghost-hover: hsl(240 5% 93%); --theme-semantic-action-ghost-hover-fg: hsl(240 10% 4%); --theme-semantic-action-destructive-bg: hsl(0 84% 60%); --theme-semantic-action-destructive-fg: hsl(0 0% 100%); --theme-semantic-action-destructive-hover: hsl(0 80% 47%); --theme-semantic-action-destructive-hover-fg: hsl(0 0% 100%); --theme-semantic-accent-container-bg: hsl(var(--brand-500) / 0.12); --theme-semantic-accent-container-border: hsl(var(--brand-500) / 0.26); --theme-semantic-accent-container-fg: hsl(var(--brand-700)); --theme-semantic-field-bg: hsl(0 0% 100%); --theme-semantic-field-fg: hsl(240 10% 4%); --theme-semantic-field-placeholder: hsl(240 5% 38%); --theme-semantic-field-separator: hsl(240 4% 56%); --theme-semantic-field-border: hsl(240 5% 60%); --theme-semantic-field-hover: hsl(240 5% 52%); --theme-semantic-field-focus: hsl(216 81% 48%); --theme-semantic-field-disabled: hsl(240 5% 96%); --theme-semantic-field-invalid: hsl(0 66% 47%); --theme-semantic-field-readonly: hsl(240 5% 93%); --theme-semantic-status-success-bg: hsl(142 70% 96%); --theme-semantic-status-success-fg: hsl(142 76% 24%); --theme-semantic-status-success-border: hsl(142 70% 84%); --theme-semantic-status-warning-bg: hsl(38 92% 96%); --theme-semantic-status-warning-fg: hsl(38 92% 30%); --theme-semantic-status-warning-border: hsl(38 92% 84%); --theme-semantic-status-error-bg: hsl(0 84% 97%); --theme-semantic-status-error-fg: hsl(0 80% 38%); --theme-semantic-status-error-border: hsl(0 84% 86%); --theme-semantic-status-info-bg: hsl(212 90% 97%); --theme-semantic-status-info-fg: hsl(212 88% 32%); --theme-semantic-status-info-border: hsl(212 90% 86%); --theme-semantic-focus-ring: hsl(216 81% 48%); --theme-semantic-focus-ring-offset: hsl(var(--surface-canvas)); --theme-semantic-focus-outline-width: 2px; --theme-semantic-nav-bg: hsl(0 0% 100%); --theme-semantic-nav-fg: hsl(240 10% 4%); --theme-semantic-nav-muted: hsl(240 5% 38%); --theme-semantic-nav-hover: hsl(240 5% 93%); --theme-semantic-nav-active: hsl(var(--brand-500)); --theme-semantic-nav-active-bg: hsl(var(--brand-500) / 0.12); --theme-semantic-nav-border: hsl(240 5% 79%); --theme-semantic-table-header-bg: hsl(240 5% 93%); --theme-semantic-table-header-fg: hsl(240 10% 4%); --theme-semantic-table-row-bg: hsl(0 0% 100%); --theme-semantic-table-row-alt-bg: hsl(240 5% 96%); --theme-semantic-table-row-hover: hsl(var(--brand-500) / 0.08); --theme-semantic-table-border: hsl(240 5% 79%); --theme-semantic-table-selected-bg: hsl(var(--brand-500) / 0.12); --theme-semantic-avatar-fallback-bg: hsl(240 5% 88%); --theme-semantic-avatar-fallback-fg: hsl(240 10% 4%); --theme-semantic-avatar-fallback-border: hsl(240 5% 79%); --theme-semantic-chart-axis: hsl(240 5% 32%); --theme-semantic-chart-grid: hsl(240 5% 82%); --theme-semantic-chart-tooltip-bg: hsl(0 0% 100%); --theme-semantic-chart-tooltip-fg: hsl(220 20% 12%); --theme-semantic-chart-series1: hsl(var(--brand-500)); --theme-semantic-chart-series2: hsl(212 90% 40%); --theme-semantic-chart-series3: hsl(38 92% 50%); --theme-semantic-chart-series4: hsl(142 76% 36%); --theme-semantic-chart-positive: hsl(142 76% 36%); --theme-semantic-chart-negative: hsl(0 84% 60%); --theme-semantic-chart-neutral: hsl(220 12% 38%); --theme-semantic-overlay-bg: hsl(0 0% 100%); --theme-semantic-overlay-border: hsl(240 5% 79%); --theme-semantic-overlay-shadow: 0 0 48px -28px rgb(15 23 42 / 0.24), 0 16px 30px -24px rgb(15 23 42 / 0.12); --theme-semantic-overlay-blur: 16px; --theme-semantic-overlay-item-hover: hsl(240 5% 93%); --theme-semantic-overlay-item-active: hsl(var(--brand-500)); --theme-semantic-overlay-item-active-bg: hsl(var(--brand-500) / 0.12); --theme-semantic-overlay-item-destructive-fg: hsl(0 80% 38%); --theme-semantic-overlay-item-destructive-hover-bg: hsl(0 84% 97%); --theme-semantic-handle-grip: hsl(240 4% 56%); --theme-semantic-banner-cta-bg: hsl(var(--brand-500) / 0.12); --theme-semantic-banner-cta-fg: hsl(var(--brand-700)); --theme-semantic-banner-cta-border: hsl(var(--brand-500) / 0.24); --theme-semantic-banner-cta-hover: hsl(var(--brand-500) / 0.18); --theme-semantic-selection-text: hsl(240 10% 4%); --theme-semantic-selection-row: hsl(var(--brand-500) / 0.12); --theme-semantic-selection-range: hsl(var(--brand-500) / 0.18); --theme-semantic-selection-nav: hsl(var(--brand-500) / 0.12); --theme-semantic-empty-state-icon-size: 2.75rem; --theme-semantic-empty-state-title-color: hsl(240 10% 4%); --theme-semantic-empty-state-description-color: hsl(240 5% 32%); --theme-semantic-empty-state-action-gap: 12px; --theme-font-family-sans: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-font-family-serif: &quot;Lora&quot;, Georgia, serif; --theme-font-family-mono: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --theme-font-family-display: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-font-family-document: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --theme-type-display-lg-font-size: 3rem; --theme-type-display-lg-font-weight: 700; --theme-type-display-lg-line-height: 1.05; --theme-type-display-lg-letter-spacing: -0.03em; --theme-type-display-lg-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-display-md-font-size: 2.25rem; --theme-type-display-md-font-weight: 700; --theme-type-display-md-line-height: 1.1; --theme-type-display-md-letter-spacing: -0.03em; --theme-type-display-md-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-page-title-font-size: 1.875rem; --theme-type-page-title-font-weight: 800; --theme-type-page-title-line-height: 1.05; --theme-type-page-title-letter-spacing: -0.04em; --theme-type-page-title-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-section-title-font-size: 1.25rem; --theme-type-section-title-font-weight: 700; --theme-type-section-title-line-height: 1.1; --theme-type-section-title-letter-spacing: -0.03em; --theme-type-section-title-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-card-title-font-size: 0.875rem; --theme-type-card-title-font-weight: 600; --theme-type-card-title-line-height: 1.4; --theme-type-card-title-letter-spacing: 0; --theme-type-card-title-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-body-lg-font-size: 0.9375rem; --theme-type-body-lg-font-weight: 400; --theme-type-body-lg-line-height: 1.7; --theme-type-body-lg-letter-spacing: 0; --theme-type-body-lg-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-body-md-font-size: 0.8125rem; --theme-type-body-md-font-weight: 400; --theme-type-body-md-line-height: 1.6; --theme-type-body-md-letter-spacing: 0; --theme-type-body-md-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-body-sm-font-size: 0.75rem; --theme-type-body-sm-font-weight: 400; --theme-type-body-sm-line-height: 1.6; --theme-type-body-sm-letter-spacing: 0; --theme-type-body-sm-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-label-font-size: 0.75rem; --theme-type-label-font-weight: 500; --theme-type-label-line-height: 1.4; --theme-type-label-letter-spacing: 0; --theme-type-label-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-caption-font-size: 0.75rem; --theme-type-caption-font-weight: 300; --theme-type-caption-line-height: 1.6; --theme-type-caption-letter-spacing: 0.01em; --theme-type-caption-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-overline-font-size: 0.625rem; --theme-type-overline-font-weight: 700; --theme-type-overline-line-height: 1.2; --theme-type-overline-letter-spacing: 0.14em; --theme-type-overline-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-type-code-font-size: 0.75rem; --theme-type-code-font-weight: 400; --theme-type-code-line-height: 1.5; --theme-type-code-letter-spacing: 0; --theme-type-code-font-family: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --theme-layout-radius-none: 0; --theme-layout-radius-sm: 4px; --theme-layout-radius-md: 8px; --theme-layout-radius-lg: 12px; --theme-layout-radius-xl: 16px; --theme-layout-radius-2xl: 24px; --theme-layout-radius-hero: 1rem; --theme-layout-space-0: 0; --theme-layout-space-1: 4px; --theme-layout-space-2: 8px; --theme-layout-space-3: 12px; --theme-layout-space-4: 16px; --theme-layout-space-6: 24px; --theme-layout-space-8: 32px; --theme-layout-space-10: 40px; --theme-layout-space-12: 48px; --theme-layout-space-16: 64px; --theme-layout-control-heights-xs: 32px; --theme-layout-control-heights-sm: 36px; --theme-layout-control-heights-md: 40px; --theme-layout-control-heights-lg: 48px; --theme-layout-role-heights-control: 32px; --theme-layout-role-heights-row: 40px; --theme-layout-role-heights-bar: 56px; --theme-layout-content-widths-reading: 72ch; --theme-layout-content-widths-form: 720px; --theme-layout-content-widths-dashboard: 1400px; --theme-layout-content-widths-page: 1200px; --theme-layout-gutter-page: 32px; --theme-layout-shell-header-height: 52px; --theme-layout-shell-toolbar-height: 40px; --theme-layout-shell-sidebar-width: 220px; --theme-layout-shell-sidebar-collapsed-width: 72px; --theme-layout-shell-panel-width: 400px; --theme-layout-rhythm-section-gap: 3.5rem; --theme-layout-rhythm-stack-sm: 0.75rem; --theme-layout-rhythm-stack-md: 1rem; --theme-layout-rhythm-stack-lg: 1.5rem; --theme-motion-duration-fast: 100ms; --theme-motion-duration-normal: 200ms; --theme-motion-duration-slow: 400ms; --theme-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1); --theme-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1); --theme-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); --theme-elevation-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.04); --theme-elevation-shadow-sm: 0 4px 10px -6px rgb(0 0 0 / 0.08); --theme-elevation-shadow-md: 0 10px 20px -10px rgb(0 0 0 / 0.12); --theme-elevation-shadow-lg: 0 20px 40px -16px rgb(0 0 0 / 0.16); --theme-elevation-shadow-overlay: 0 24px 64px -24px rgb(0 0 0 / 0.18); --theme-foundation-color-neutral-0: hsl(0 0% 100%); --theme-foundation-color-neutral-50: hsl(220 15% 99%); --theme-foundation-color-neutral-100: hsl(220 15% 97%); --theme-foundation-color-neutral-200: hsl(220 15% 94%); --theme-foundation-color-neutral-300: hsl(220 14% 90%); --theme-foundation-color-neutral-400: hsl(220 12% 80%); --theme-foundation-color-neutral-500: hsl(220 10% 62%); --theme-foundation-color-neutral-600: hsl(220 12% 45%); --theme-foundation-color-neutral-700: hsl(220 15% 28%); --theme-foundation-color-neutral-800: hsl(220 18% 18%); --theme-foundation-color-neutral-900: hsl(220 20% 12%); --theme-foundation-color-neutral-1000: hsl(220 25% 8%); --theme-foundation-color-brand-50: hsl(216 81% 98%); --theme-foundation-color-brand-100: hsl(216 81% 94%); --theme-foundation-color-brand-200: hsl(216 81% 88%); --theme-foundation-color-brand-300: hsl(216 81% 78%); --theme-foundation-color-brand-400: hsl(216 81% 70%); --theme-foundation-color-brand-500: hsl(216 81% 48%); --theme-foundation-color-brand-600: hsl(217 86% 42%); --theme-foundation-color-brand-700: hsl(217 87% 33%); --theme-foundation-color-brand-800: hsl(217 87% 25%); --theme-foundation-color-brand-900: hsl(217 87% 18%); --theme-foundation-color-success-50: hsl(142 70% 96%); --theme-foundation-color-success-100: hsl(142 70% 92%); --theme-foundation-color-success-200: hsl(142 70% 84%); --theme-foundation-color-success-300: hsl(142 72% 72%); --theme-foundation-color-success-400: hsl(142 74% 56%); --theme-foundation-color-success-500: hsl(142 76% 36%); --theme-foundation-color-success-600: hsl(142 74% 30%); --theme-foundation-color-success-700: hsl(142 72% 24%); --theme-foundation-color-success-800: hsl(142 70% 18%); --theme-foundation-color-success-900: hsl(142 68% 14%); --theme-foundation-color-warning-50: hsl(38 92% 96%); --theme-foundation-color-warning-100: hsl(38 92% 92%); --theme-foundation-color-warning-200: hsl(38 92% 84%); --theme-foundation-color-warning-300: hsl(38 92% 74%); --theme-foundation-color-warning-400: hsl(38 92% 62%); --theme-foundation-color-warning-500: hsl(38 92% 50%); --theme-foundation-color-warning-600: hsl(38 92% 42%); --theme-foundation-color-warning-700: hsl(38 92% 34%); --theme-foundation-color-warning-800: hsl(38 92% 26%); --theme-foundation-color-warning-900: hsl(38 92% 18%); --theme-foundation-color-error-50: hsl(0 84% 97%); --theme-foundation-color-error-100: hsl(0 84% 93%); --theme-foundation-color-error-200: hsl(0 84% 86%); --theme-foundation-color-error-300: hsl(0 84% 76%); --theme-foundation-color-error-400: hsl(0 84% 68%); --theme-foundation-color-error-500: hsl(0 84% 60%); --theme-foundation-color-error-600: hsl(0 80% 47%); --theme-foundation-color-error-700: hsl(0 76% 38%); --theme-foundation-color-error-800: hsl(0 72% 30%); --theme-foundation-color-error-900: hsl(0 68% 22%); --theme-foundation-color-info-50: hsl(212 90% 97%); --theme-foundation-color-info-100: hsl(212 90% 93%); --theme-foundation-color-info-200: hsl(212 90% 86%); --theme-foundation-color-info-300: hsl(212 90% 76%); --theme-foundation-color-info-400: hsl(212 90% 64%); --theme-foundation-color-info-500: hsl(212 90% 52%); --theme-foundation-color-info-600: hsl(212 90% 40%); --theme-foundation-color-info-700: hsl(212 88% 32%); --theme-foundation-color-info-800: hsl(212 84% 24%); --theme-foundation-color-info-900: hsl(212 80% 18%); --theme-foundation-typography-family-sans: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-foundation-typography-family-serif: &quot;Lora&quot;, Georgia, serif; --theme-foundation-typography-family-mono: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --theme-foundation-typography-family-display: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-foundation-typography-family-document: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-foundation-typography-size-10: 0.625rem; --theme-foundation-typography-size-12: 0.75rem; --theme-foundation-typography-size-14: 0.875rem; --theme-foundation-typography-size-16: 1rem; --theme-foundation-typography-size-18: 1.125rem; --theme-foundation-typography-size-20: 1.25rem; --theme-foundation-typography-size-24: 1.5rem; --theme-foundation-typography-size-30: 1.875rem; --theme-foundation-typography-size-36: 2.25rem; --theme-foundation-typography-size-48: 3rem; --theme-foundation-typography-weight-regular: 400; --theme-foundation-typography-weight-medium: 500; --theme-foundation-typography-weight-semibold: 600; --theme-foundation-typography-weight-bold: 700; --theme-foundation-typography-line-height-tight: 1.2; --theme-foundation-typography-line-height-normal: 1.5; --theme-foundation-typography-line-height-relaxed: 1.65; --theme-foundation-typography-tracking-tight: -0.02em; --theme-foundation-typography-tracking-normal: 0; --theme-foundation-typography-tracking-wide: 0.08em; --theme-foundation-spacing-0: 0; --theme-foundation-spacing-1: 4px; --theme-foundation-spacing-2: 8px; --theme-foundation-spacing-3: 12px; --theme-foundation-spacing-4: 16px; --theme-foundation-spacing-6: 24px; --theme-foundation-spacing-8: 32px; --theme-foundation-spacing-10: 40px; --theme-foundation-spacing-12: 48px; --theme-foundation-spacing-16: 64px; --theme-foundation-radius-none: 0; --theme-foundation-radius-sm: 4px; --theme-foundation-radius-md: 6px; --theme-foundation-radius-lg: 10px; --theme-foundation-radius-xl: 12px; --theme-foundation-radius-2xl: 16px; --theme-foundation-radius-hero: 28px; --theme-foundation-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --theme-foundation-shadow-sm: 0 8px 18px -14px rgb(15 23 42 / 0.14), 0 4px 10px -8px rgb(15 23 42 / 0.08); --theme-foundation-shadow-md: 0 14px 30px -18px rgb(15 23 42 / 0.18), 0 8px 18px -12px rgb(15 23 42 / 0.10); --theme-foundation-shadow-lg: 0 22px 48px -24px rgb(15 23 42 / 0.24), 0 12px 28px -18px rgb(15 23 42 / 0.14); --theme-foundation-shadow-overlay: 0 0 48px -28px rgb(15 23 42 / 0.24), 0 16px 30px -24px rgb(15 23 42 / 0.12); --theme-foundation-motion-duration-fast: 100ms; --theme-foundation-motion-duration-normal: 200ms; --theme-foundation-motion-duration-slow: 400ms; --theme-foundation-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1); --theme-foundation-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1); --theme-foundation-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); --theme-surface-canvas: hsl(240 5% 90%); --theme-surface-page: hsl(240 5% 96%); --theme-surface-default: hsl(0 0% 100%); --theme-surface-sidebar: hsl(0 0% 100%); --theme-surface-overlay: hsl(0 0% 100%); --theme-surface-raised: hsl(0 0% 100%); --theme-surface-raised-color: hsl(0 0% 100%); --theme-surface-raised-bg-color: hsl(0 0% 100%); --theme-surface-sunken: hsl(240 5% 85%); --theme-surface-sunken-color: hsl(240 5% 85%); --theme-text-inverse-color: hsl(0 0% 100%); --theme-text-primary-color: hsl(240 10% 4%); --theme-text-secondary-color: hsl(240 5% 26%); --theme-text-muted-color: hsl(240 5% 32%); --theme-text-brand: hsl(var(--brand-500)); --theme-border-default-color: hsl(240 5% 79%); --theme-border-strong-color: hsl(240 6% 55%); --theme-action-primary-bg: hsl(216 81% 48%); --theme-action-primary-fg: hsl(0 0% 100%); --theme-action-primary-hover: hsl(var(--brand-600)); --theme-field-bg: hsl(0 0% 100%); --theme-field-border: hsl(240 5% 60%); --theme-field-focus: hsl(216 81% 48%); --theme-field-invalid: hsl(0 66% 47%); --theme-focus-ring: hsl(216 81% 48%); --theme-border-brand: hsl(var(--brand-500)); --theme-surface-brand-subtle-color: hsl(var(--brand-500) / 0.12); --theme-surface-brand-subtle-fg-color: hsl(var(--brand-700)); --theme-action-primary-bg-color: hsl(216 81% 48%); --theme-action-primary-bg-color-10: hsl(216 81% 48% / 0.1); --theme-action-primary-bg-color-20: hsl(216 81% 48% / 0.2); --theme-action-primary-fg-color: hsl(0 0% 100%); --theme-action-primary-border-color: hsl(216 81% 48%); --theme-action-primary-hover-color: hsl(var(--brand-600)); --theme-action-primary-hover-fg-color: hsl(var(--brand-content-light)); --theme-action-secondary-bg-color: hsl(0 0% 100%); --theme-action-secondary-fg-color: hsl(240 10% 4%); --theme-action-secondary-border-color: hsl(240 5% 79%); --theme-action-secondary-hover-color: hsl(240 5% 93%); --theme-action-secondary-hover-fg-color: hsl(240 10% 4%); --theme-action-warning-bg-color: hsl(38 92% 50%); --theme-action-warning-fg-color: hsl(220 20% 12%); --theme-action-warning-border-color: hsl(38 92% 42%); --theme-action-warning-hover-color: hsl(38 92% 42%); --theme-action-ghost-bg-color: transparent; --theme-action-ghost-fg-color: hsl(240 5% 26%); --theme-action-ghost-hover-color: hsl(240 5% 93%); --theme-action-ghost-hover-fg-color: hsl(240 10% 4%); --theme-action-destructive-bg-color: hsl(0 84% 60%); --theme-action-destructive-fg-color: hsl(0 0% 100%); --theme-action-destructive-hover-color: hsl(0 80% 47%); --theme-action-destructive-hover-fg-color: hsl(0 0% 100%); --theme-accent-container-bg-color: hsl(var(--brand-500) / 0.12); --theme-accent-container-border-color: hsl(var(--brand-500) / 0.26); --theme-accent-container-fg-color: hsl(var(--brand-700)); --theme-field-bg-color: hsl(0 0% 100%); --theme-field-placeholder-color: hsl(240 5% 38%); --theme-field-border-color: hsl(240 5% 60%); --theme-field-separator-color: hsl(240 4% 56%); --theme-field-readonly-color: hsl(240 5% 93%); --theme-field-focus-color: hsl(216 81% 48%); --theme-field-invalid-color: hsl(0 66% 47%); --theme-status-success-bg-color: hsl(142 70% 96%); --theme-status-success-fg-color: hsl(142 76% 24%); --theme-status-success-border-color: hsl(142 70% 84%); --theme-status-warning-bg-color: hsl(38 92% 96%); --theme-status-warning-fg-color: hsl(38 92% 30%); --theme-status-warning-border-color: hsl(38 92% 84%); --theme-status-danger-bg-color: hsl(0 84% 97%); --theme-status-danger-fg-color: hsl(0 80% 38%); --theme-status-danger-border-color: hsl(0 84% 86%); --theme-status-info-bg-color: hsl(212 90% 97%); --theme-status-info-fg-color: hsl(212 88% 32%); --theme-status-info-border-color: hsl(212 90% 86%); --theme-focus-ring-color: hsl(216 81% 48%); --theme-nav-bg-color: hsl(0 0% 100%); --theme-nav-fg-color: hsl(240 10% 4%); --theme-nav-muted-color: hsl(240 5% 38%); --theme-nav-hover-bg-color: hsl(240 5% 93%); --theme-nav-active-color: hsl(var(--brand-500)); --theme-nav-active-bg-color: hsl(var(--brand-500) / 0.12); --theme-nav-border-color: hsl(240 5% 79%); --theme-overlay-bg-color: hsl(0 0% 100%); --theme-overlay-border-color: hsl(240 5% 79%); --theme-overlay-item-hover-color: hsl(240 5% 93%); --theme-overlay-item-active-color: hsl(var(--brand-500)); --theme-overlay-item-active-bg-color: hsl(var(--brand-500) / 0.12); --theme-overlay-item-destructive-fg-color: hsl(0 80% 38%); --theme-overlay-item-destructive-hover-bg-color: hsl(0 84% 97%); --theme-handle-grip-color: hsl(240 4% 56%); --theme-banner-cta-bg-color: hsl(var(--brand-500) / 0.12); --theme-banner-cta-fg-color: hsl(var(--brand-700)); --theme-banner-cta-border-color: hsl(var(--brand-500) / 0.24); --theme-banner-cta-hover-color: hsl(var(--brand-500) / 0.18); --theme-avatar-fallback-bg-color: hsl(240 5% 88%); --theme-avatar-fallback-fg-color: hsl(240 10% 4%); --theme-avatar-fallback-text-color: hsl(240 10% 4%); --theme-avatar-fallback-border-color: hsl(240 5% 79%); --theme-selection-text-color: hsl(240 10% 4%); --theme-selection-range-color: hsl(var(--brand-500) / 0.18); --theme-selection-row-color: hsl(var(--brand-500) / 0.12); --theme-selection-nav-color: hsl(var(--brand-500) / 0.12); --theme-empty-state-icon-size: 2.75rem; --theme-empty-state-title-color: hsl(240 10% 4%); --theme-empty-state-description-color: hsl(240 5% 32%); --theme-empty-state-action-gap: 12px; --theme-shadow-ambient: 220 25% 10%; --theme-shadow-raised: 220 25% 10%; --theme-scrollbar-width: 6px; --theme-scrollbar-thumb-color: rgba(0,0,0,0.12); --theme-scrollbar-thumb-hover-color: rgba(0,0,0,0.22); --theme-scrollbar-accent-color: hsl(216 81% 48%); --theme-table-header-bg-color: hsl(240 5% 93%); --theme-table-header-fg-color: hsl(240 10% 4%); --theme-table-row-bg-color: hsl(0 0% 100%); --theme-table-row-alt-bg-color: hsl(240 5% 96%); --theme-table-row-hover-color: hsl(var(--brand-500) / 0.08); --theme-table-border-color: hsl(240 5% 79%); --theme-table-selected-bg-color: hsl(var(--brand-500) / 0.12); --theme-chart-axis-color: hsl(240 5% 32%); --theme-chart-grid-color: hsl(240 5% 82%); --theme-chart-tooltip-bg-color: hsl(0 0% 100%); --theme-chart-tooltip-fg-color: hsl(220 20% 12%); --theme-chart-series-1-color: hsl(var(--brand-500)); --theme-chart-series-2-color: hsl(212 90% 40%); --theme-chart-series-3-color: hsl(38 92% 50%); --theme-chart-series-4-color: hsl(142 76% 36%); --theme-chart-positive-color: hsl(142 76% 36%); --theme-chart-negative-color: hsl(0 84% 60%); --theme-chart-neutral-color: hsl(220 12% 38%); --theme-font-sans: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-font-display: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-font-document: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --theme-table-head-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-table-head-font-size: 0.75rem; --theme-table-head-line-height: 1.4; --theme-table-head-letter-spacing: 0; --theme-table-head-font-weight: 500; --theme-table-cell-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-table-cell-font-size: 0.8125rem; --theme-table-cell-line-height: 1.6; --theme-table-cell-letter-spacing: 0; --theme-table-cell-font-weight: 400; --theme-table-meta-font-family: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --theme-table-meta-font-size: 0.75rem; --theme-table-meta-line-height: 1.6; --theme-table-meta-letter-spacing: 0; --theme-table-meta-font-weight: 400; --theme-layout-width-page: 1200px; --theme-layout-width-reading: 72ch; --theme-layout-width-form: 720px; --theme-control-height-md: 40px; --theme-rhythm-section-gap: 3.5rem; --theme-shadow-overlay: 0 24px 64px -24px rgb(0 0 0 / 0.18); --surface-brand-subtle: hsl(var(--brand-500) / 0.12); --surface-brand-subtle-fg: hsl(var(--brand-700)); --accent-container-bg: hsl(var(--brand-500) / 0.12); --accent-container-border: hsl(var(--brand-500) / 0.26); --accent-container-fg: hsl(var(--brand-700)); --status-success-bg: hsl(142 70% 96%); --status-success-fg: hsl(142 76% 24%); --status-success-border: hsl(142 70% 84%); --status-warning-bg: hsl(38 92% 96%); --status-warning-fg: hsl(38 92% 30%); --status-warning-border: hsl(38 92% 84%); --status-danger-bg: hsl(0 84% 97%); --status-danger-fg: hsl(0 80% 38%); --status-danger-border: hsl(0 84% 86%); --status-error-bg: hsl(0 84% 97%); --status-error-fg: hsl(0 80% 38%); --status-error-border: hsl(0 84% 86%); --status-info-bg: hsl(212 90% 97%); --status-info-fg: hsl(212 88% 32%); --status-info-border: hsl(212 90% 86%); --avatar-fallback-bg: hsl(240 5% 88%); --avatar-fallback-fg: hsl(240 10% 4%); --avatar-fallback-border: hsl(240 5% 79%); --brand-content: 0 0% 100%; --brand-foreground: 0 0% 100%; --surface-canvas: 240 5% 90%; --surface-page: 240 5% 96%; --surface-sunken: 240 5% 85%; --surface-default: 0 0% 100%; --surface-sidebar: 0 0% 100%; --surface-raised: 0 0% 100%; --surface-overlay: 0 0% 100%; --surface-nav: 0 0% 100%; --text-primary: 240 10% 4%; --text-secondary: 240 5% 26%; --text-muted: 240 5% 32%; --text-disabled: 220 10% 55%; --text-inverse: 0 0% 100%; --text-on-brand: 0 0% 100%; --text-brand: hsl(var(--brand-500)); --border-subtle: 240 6% 90%; --border-default: 240 5% 79%; --border-strong: 240 6% 55%; --border-divider: 240 5% 79%; --border-active: hsl(var(--brand-500)); --border-input: 240 5% 60%; --success: 142 76% 24%; --warning: 38 92% 30%; --danger: 0 80% 38%; --danger-text: 0 80% 38%; --info: 212 88% 32%; --font-family-sans: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --font-family-display: &quot;Inter&quot;, system-ui, -apple-system, sans-serif; --font-family-document: &quot;JetBrains Mono&quot;, ui-monospace, monospace; --chart-grid: 240 5% 82%; --chart-label: 240 5% 32%; --chart-tooltip-surface: 0 0% 100%; --chart-tooltip-border: 240 5% 79%; --chart-cursor: 240 10% 4%; --focus-ring-color: hsl(216 81% 48%); --focus-ring-offset: hsl(var(--surface-canvas)); --shadow-ambient: 220 25% 10%; --shadow-raised: 220 25% 10%; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 24px; --radius-3xl: 1rem; --r-card: 12px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-element: 12px; --space-card: 16px; --space-card-compact: 16px; --space-card-roomy: 32px; --space-field-gap: 8px; --space-section: 3.5rem; --space-stack-tight: 0.75rem; --space-stack: 1rem; --space-stack-roomy: 1.5rem; --height-input: 40px; --height-btn-sm: 32px; --height-btn-md: 32px; --input-h: 40px; --btn-h: 32px; --h-control-sm: 36px; --h-control-md: 40px; --h-control-lg: 48px; --h-control-xl: 56px; --h-role-control: 32px; --h-role-row: 40px; --h-role-bar: 56px; --content-max-width: 1200px; --content-padding: 32px; --sidebar-width: 220px; --sidebar-width-collapsed: 72px; --nav-h: 52px; --toolbar-h: 40px; --panel-width: 400px; --workspace-rail-width-sm: calc(var(--sidebar-width) + var(--space-2)); --workspace-rail-width-md: calc(var(--sidebar-width) + var(--space-8)); --workspace-inspector-width-sm: calc(var(--panel-width) - var(--space-12)); --workspace-inspector-width-md: calc(var(--panel-width) - var(--space-8)); --table-column-min-width: calc((var(--space-16) * 2) + var(--space-12)); --table-min-width-base: calc(var(--space-16) * 10); --table-header-padding-x: 24px; --table-header-padding-y: 16px; --table-header-padding-x-compact: 16px; --table-header-padding-y-compact: 12px; --table-cell-padding-x: 24px; --table-cell-padding-y: 16px; --table-cell-padding-x-compact: 16px; --table-cell-padding-y-compact: 8px; --overlay-safe-gap: 16px; --overlay-safe-gap-compact: 8px; --overlay-sticky-gap: 12px; --overlay-max-height: calc(100dvh - (var(--overlay-safe-gap) * 2)); --overlay-max-height-cap: calc(var(--panel-width) * 2); --shadow-color: 220 25% 10%; --shadow-sm: 0 4px 10px -6px rgb(0 0 0 / 0.08); --shadow-md: 0 10px 20px -10px rgb(0 0 0 / 0.12); --shadow-lg: 0 20px 40px -16px rgb(0 0 0 / 0.16); --shadow-soft: 0 12px 32px -16px hsl(var(--shadow-color) / 0.12), 0 4px 12px -8px hsl(var(--shadow-color) / 0.08); --shadow-premium: 0 24px 64px -24px rgb(0 0 0 / 0.18); --shadow-overlay: 0 24px 64px -24px rgb(0 0 0 / 0.18); --duration-fast: 100ms; --duration-micro: 100ms; --duration-layout: 200ms; --duration-overlay: 200ms; --duration-normal: 200ms; --duration-enter: 200ms; --duration-exit: 100ms; --duration-page: 200ms; --duration-slow: 400ms; --ease-default: cubic-bezier(0.4, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-productive: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --theme-recipe-detail-panel-bg-color: color-mix(in srgb,var(--theme-table-header-bg-color) 72%,var(--theme-table-row-bg-color) 28%); --theme-recipe-detail-panel-border-color: var(--theme-table-border-color); --theme-recipe-detail-list-item-bg-color: color-mix(in srgb,var(--theme-overlay-bg-color) 84%,var(--theme-table-header-bg-color) 16%); --theme-recipe-detail-list-item-border-color: var(--theme-overlay-border-color); --theme-recipe-detail-metric-tile-bg-color: color-mix(in srgb,var(--theme-table-header-bg-color) 70%,var(--theme-table-row-bg-color) 30%); --theme-recipe-detail-metric-tile-border-color: var(--theme-table-border-color); --theme-recipe-detail-empty-panel-bg-color: color-mix(in srgb,var(--theme-table-header-bg-color) 72%,var(--theme-table-row-bg-color) 28%); --theme-recipe-detail-empty-panel-border-color: var(--theme-table-border-color); --theme-recipe-detail-icon-tile-bg-color: var(--theme-accent-container-bg-color); --theme-recipe-detail-icon-tile-border-color: var(--theme-accent-container-border-color); --theme-recipe-detail-icon-tile-fg-color: var(--theme-accent-container-fg-color); --theme-recipe-detail-empty-state-bg-color: color-mix(in srgb,var(--theme-table-header-bg-color) 72%,var(--theme-overlay-bg-color) 28%); --theme-recipe-detail-empty-state-border-color: var(--theme-overlay-border-color); --theme-recipe-detail-empty-icon-bg-color: var(--theme-table-header-bg-color); --theme-recipe-detail-empty-icon-border-color: var(--theme-table-border-color); --theme-recipe-detail-interactive-bg-color: color-mix(in srgb,var(--theme-overlay-bg-color) 82%,var(--theme-table-header-bg-color) 18%); --theme-recipe-detail-interactive-border-color: var(--theme-overlay-border-color); --theme-recipe-detail-interactive-hover-bg-color: var(--theme-table-row-hover-color); --theme-recipe-detail-interactive-hover-border-color: var(--theme-accent-container-border-color); --theme-recipe-detail-progress-track-bg-color: color-mix(in srgb,var(--theme-table-header-bg-color) 72%,var(--theme-table-row-bg-color) 28%); --theme-recipe-detail-progress-track-border-color: var(--theme-table-border-color); --font-scale: 1; --sp-xs: 4px; --sp-sm: 8px; --sp-md: 12px; --sp-lg: 16px; --sp-xl: 24px; --sp-2xl: 40px; --row-h: 40px; --card-p-y: 14px; --card-p-x: 16px; --card-p: 14px 16px; --cell-p-y: 9px; --cell-p-x: 14px; --cell-p: 9px 14px; --icon-md: 16px; --fs-body: 0.8125rem; --fs-ui: 0.75rem; --fs-label: 0.625rem; --text-xs: var(--fs-label); --text-sm: var(--fs-ui); --text-base: var(--fs-body); --text-body: var(--fs-body); --text-md: calc(var(--fs-body) + 2px); --text-lg: calc(var(--fs-body) + 5px); --text-xl: calc(var(--fs-body) + 9px);" data-token-version="v3" data-brand-source="platform" data-theme-source="userPreference" data-theme-structural="new-mint" data-theme-density="comfortable" data-theme-text-scale="1" data-theme-motion="full" data-theme-font-set="clean-system" data-theme-fonts-ready="true" data-theme-font-families="Inter|Lora|JetBrains Mono" data-zyta-booted="1" dir="ltr" data-locale="en-IN" data-currency="INR" data-time-zone="Asia/Kolkata" data-country-code="IN" data-platform-theme-fingerprint="theme:ffc9c59b:5109" data-platform-theme-updated-at="2026-07-17T07:19:39.645+00:00" data-platform-theme-fetch="live" data-platform-theme-fetch-attempt="0" data-platform-theme-fetch-detail="public-rpc"><head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="hsl(40 24% 94%)">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="hsl(40 24% 94%)">
    <link rel="manifest" href="data:application/manifest+json;charset=utf-8,%7B%22short_name%22%3A%22Zyta%22%2C%22name%22%3A%22Zyta%20%7C%20Multi-Tenant%20Business%20Platform%22%2C%22id%22%3A%22%2F%22%2C%22description%22%3A%22Unified%20multi-tenant%20business%20platform%20for%20finance%2C%20people%2C%20and%20operations.%22%2C%22start_url%22%3A%22%2F%3Fsource%3Dpwa%22%2C%22scope%22%3A%22%2F%22%2C%22display%22%3A%22standalone%22%2C%22orientation%22%3A%22any%22%2C%22theme_color%22%3A%22%231769E0%22%2C%22background_color%22%3A%22%23080A0F%22%2C%22icons%22%3A%5B%7B%22src%22%3A%22%2Fplatform%2Ficon-512.png%22%2C%22sizes%22%3A%22192x192%22%2C%22type%22%3A%22image%2Fpng%22%2C%22purpose%22%3A%22any%22%7D%2C%7B%22src%22%3A%22%2Fplatform%2Ficon-512.png%22%2C%22sizes%22%3A%22512x512%22%2C%22type%22%3A%22image%2Fpng%22%2C%22purpose%22%3A%22any%20maskable%22%7D%5D%7D">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Zyta">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="Run your business in one connected workspace for sales, operations, finance, growth, and branded apps." data-zyta-seo="true">
    <link rel="canonical" href="http://127.0.0.1:4173/" data-zyta-seo="true">
    <meta property="og:title" content="Zyta - Business Operations and App Platform" data-zyta-seo="true">
    <meta property="og:description" content="Run your business in one connected workspace for sales, operations, finance, growth, and branded apps." data-zyta-seo="true">
    <meta property="og:url" content="http://127.0.0.1:4173/" data-zyta-seo="true">
    <meta property="og:type" content="website" data-zyta-seo="true">

    <title>Zyta - Business Operations and App Platform</title>
    <script src="/boot/theme.js"></script><style id="zyta-theme-prepaint">html[data-theme-mode="dark"],html[data-theme-mode="dark"] body{background:hsl(222 28% 4%);color:#f8fafc;color-scheme:dark;}html[data-theme-mode="light"],html[data-theme-mode="light"] body{background:hsl(40 24% 94%);color:#1f2937;color-scheme:light;}html[data-theme-mode="dark"] #root{background:hsl(222 28% 4%);}html[data-theme-mode="light"] #root{background:hsl(40 24% 94%);}html[data-theme-mode="dark"]{--surface-canvas:222 28% 4%;--theme-surface-canvas:hsl(222,28%,4%);--color-surface-canvas:hsl(222,28%,4%);}html[data-theme-mode="light"]{--surface-canvas:40 24% 94%;--theme-surface-canvas:hsl(40,24%,94%);--color-surface-canvas:hsl(40,24%,94%);}</style>
    <script src="/boot/recovery.js"></script>
    <script src="/boot/outage-shell.js"></script>
    <script type="module" crossorigin="" src="/assets/index-BlGd1IQs.js"></script>
    <link rel="modulepreload" crossorigin="" href="/assets/rolldown-runtime-DAXXjFlN.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-react-CA00bjEo.js">
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-BPkU9sve.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-forms-BPXubvrL.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-validation-DJmvGTt9.js">
    <link rel="modulepreload" crossorigin="" href="/assets/config-ByNhdUug.js">
    <link rel="modulepreload" crossorigin="" href="/assets/themeGovernancePolicy-kbdKkYhb.js">
    <link rel="modulepreload" crossorigin="" href="/assets/platformHostname-CV6CVFLu.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-security-CFEyPUs0.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-supabase-core-CeiIKY1D.js">
    <link rel="modulepreload" crossorigin="" href="/assets/supabase-CbaaSTZJ.js">
    <link rel="modulepreload" crossorigin="" href="/assets/assetUtils-DSi1Uj2W.js">
    <link rel="modulepreload" crossorigin="" href="/assets/branding-BhBY-OJi.js">
    <link rel="modulepreload" crossorigin="" href="/assets/greenThumbData-BHHmoOWK.js">
    <link rel="modulepreload" crossorigin="" href="/assets/AppProvider-Cch5HzwU.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-icons-DHRnkhoJ.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-css-utils-BicNWLTg.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-date-DWqkWZIM.js">
    <link rel="modulepreload" crossorigin="" href="/assets/utils-CNIV5wZc.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Spinner-DK3E788h.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-query-BwfsxWzG.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-tanstack-B-ylxNgr.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-toast-CKg-QCAS.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Button-BRJ48ZMe.js">
    <link rel="modulepreload" crossorigin="" href="/assets/toneStyles-CVUdw8uQ.js">
    <link rel="modulepreload" crossorigin="" href="/assets/useToast-BNb8XkgL.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-state-av8T5XPW.js">
    <link rel="modulepreload" crossorigin="" href="/assets/ErrorFallback-CsHGm3Uy.js">
    <link rel="modulepreload" crossorigin="" href="/assets/features-C6Zu6x_b.js">
    <link rel="modulepreload" crossorigin="" href="/assets/poweredByZytaPolicy-1E-Wi7r_.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-motion-BzIVfzGT.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-radix-D_alpBXP.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Card-DF16psI6.js">
    <link rel="modulepreload" crossorigin="" href="/assets/confirmDialog-CPwSyWw8.js">
    <link rel="modulepreload" crossorigin="" href="/assets/AuthProvider-fZBKHDjj.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-router-pIGYFaKF.js">
    <link rel="modulepreload" crossorigin="" href="/assets/recoveryEscalation-CQ-apGXj.js">
    <link rel="modulepreload" crossorigin="" href="/assets/ModuleErrorBoundary-CYT8cazs.js">
    <link rel="modulepreload" crossorigin="" href="/assets/controlStyles-CSa1PxIm.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Input-DFOBAwNz.js">
    <link rel="modulepreload" crossorigin="" href="/assets/AssetThumbnail-C6x2w8jC.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Combobox-BwAUym2b.js">
    <link rel="modulepreload" crossorigin="" href="/assets/usePrefersReducedMotion-Bu4MOl6k.js">
    <link rel="modulepreload" crossorigin="" href="/assets/settingsOverlay-DH_PoLpI.js">
    <link rel="modulepreload" crossorigin="" href="/assets/RouteIntentLink-CQSp5Vc6.js">
    <link rel="modulepreload" crossorigin="" href="/assets/SeoHead-Bu8umA_Q.js">
    <link rel="modulepreload" crossorigin="" href="/assets/useSmoothNavigate-CXIzhf4f.js">
    <link rel="modulepreload" crossorigin="" href="/assets/opsHubShared-BbLXzrW_.js">
    <link rel="modulepreload" crossorigin="" href="/assets/customerReleaseNotes-CAwT08O7.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Sheet-EERL8GVs.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Skeleton-DEbaB0i1.js">
    <link rel="modulepreload" crossorigin="" href="/assets/CategoryHub-Dvxq813F.js">
    <link rel="modulepreload" crossorigin="" href="/assets/SectionErrorBoundary-Dq2fCbRR.js">
    <link rel="modulepreload" crossorigin="" href="/assets/StarfieldBackground-cF1f6ncv.js">
    <link rel="modulepreload" crossorigin="" href="/assets/RetroGridBackground-DAikPqXy.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Textarea-CGkHwYTs.js">
    <link rel="modulepreload" crossorigin="" href="/assets/v-daypicker-s0F2eI5D.js">
    <link rel="modulepreload" crossorigin="" href="/assets/Badge-DCFIJhg4.js">
    <link rel="modulepreload" crossorigin="" href="/assets/WidgetErrorBoundary-DC6aAJji.js">
    <link rel="modulepreload" crossorigin="" href="/assets/useAppSearchParams-D8RGA5TD.js">
    <link rel="modulepreload" crossorigin="" href="/assets/renderEmail-k0Kqf8jn.js">
    <link rel="modulepreload" crossorigin="" href="/assets/AssetPreviewSurface-DKN8dO2d.js">
    <link rel="modulepreload" crossorigin="" href="/assets/MatrixRain-BnFBuvle.js">
    <link rel="modulepreload" crossorigin="" href="/assets/FluidGradientWaves-DnJO8zf9.js">
    <link rel="modulepreload" crossorigin="" href="/assets/CyberpunkBackground-DpFAv4Kw.js">
    <link rel="modulepreload" crossorigin="" href="/assets/NeuralNetworkBackground-N_Wa4qyK.js">
    <link rel="modulepreload" crossorigin="" href="/assets/AuroraBackground-XyvCaplu.js">
    <link rel="modulepreload" crossorigin="" href="/assets/TrioSentimentIntake-DIyJFUgX.js">
    <link rel="modulepreload" crossorigin="" href="/assets/components-BVzWr0Ep.js">
    <link rel="stylesheet" crossorigin="" href="/assets/vendor-BkKOjHwE.css">
    <link rel="stylesheet" crossorigin="" href="/assets/index-BjoG75IA.css">
  <link rel="manifest" href="data:application/manifest+json;charset=utf-8,%7B%22short_name%22%3A%22Zyta%22%2C%22name%22%3A%22Zyta%20%7C%20Multi-Tenant%20Business%20Platform%22%2C%22id%22%3A%22%2F%22%2C%22description%22%3A%22Unified%20multi-tenant%20business%20platform%20for%20finance%2C%20people%2C%20and%20operations.%22%2C%22start_url%22%3A%22%2F%3Fsource%3Dpwa%22%2C%22scope%22%3A%22%2F%22%2C%22display%22%3A%22standalone%22%2C%22orientation%22%3A%22any%22%2C%22theme_color%22%3A%22%231769E0%22%2C%22background_color%22%3A%22%23080A0F%22%2C%22icons%22%3A%5B%7B%22src%22%3A%22%2Fplatform%2Ficon-512.png%22%2C%22sizes%22%3A%22192x192%22%2C%22type%22%3A%22image%2Fpng%22%2C%22purpose%22%3A%22any%22%7D%2C%7B%22src%22%3A%22%2Fplatform%2Ficon-512.png%22%2C%22sizes%22%3A%22512x512%22%2C%22type%22%3A%22image%2Fpng%22%2C%22purpose%22%3A%22any%20maskable%22%7D%5D%7D"><style type="text/css">[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}</style><meta name="application-name" content="Zyta"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:4173/assets/ZytaLandingPage-BPHQZ23Y.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:4173/assets/index-BlGd1IQs.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:4173/assets/structuredData-D1IXBOZl.js"><meta property="og:site_name" data-zyta-seo="true" content="Zyta"><meta property="og:image" data-zyta-seo="true" content="https://oosrtpiprmszsoyyttbc.supabase.co/functions/v1/og-image?title=Zyta+-+Business+Operations+and+App+Platform&amp;type=website&amp;author=Zyta"><meta property="og:image:secure_url" data-zyta-seo="true" content="https://oosrtpiprmszsoyyttbc.supabase.co/functions/v1/og-image?title=Zyta+-+Business+Operations+and+App+Platform&amp;type=website&amp;author=Zyta"><meta property="og:image:alt" data-zyta-seo="true" content="Zyta Logo"><meta name="twitter:card" data-zyta-seo="true" content="summary_large_image"><meta name="twitter:title" data-zyta-seo="true" content="Zyta - Business Operations and App Platform"><meta name="twitter:description" data-zyta-seo="true" content="Run your business in one connected workspace for sales, operations, finance, growth, and branded apps."><meta name="twitter:image" data-zyta-seo="true" content="https://oosrtpiprmszsoyyttbc.supabase.co/functions/v1/og-image?title=Zyta+-+Business+Operations+and+App+Platform&amp;type=website&amp;author=Zyta"><script type="application/ld+json" data-zyta-seo="true">{"@context":"https://schema.org","@type":"Organization","name":"Zyta","url":"http://127.0.0.1:4173","logo":"http://127.0.0.1:4173/logo-192.webp"}</script><script type="application/ld+json" data-zyta-seo="true">{"@context":"https://schema.org","@type":"WebSite","name":"Zyta","url":"http://127.0.0.1:4173"}</script><script type="application/ld+json" data-zyta-seo="true">{"@context":"https://schema.org","@type":"Product","name":"Zyta","description":"Run your business in one connected workspace for sales, operations, finance, growth, and branded apps.","url":"http://127.0.0.1:4173","image":"http://127.0.0.1:4173/logo-192.webp","brand":{"@type":"Brand","name":"Zyta"},"offers":{"@type":"AggregateOffer","priceCurrency":"INR","lowPrice":0,"highPrice":1999,"offerCount":3,"offers":[{"@type":"Offer","name":"Free","price":0,"priceCurrency":"INR","url":"http://127.0.0.1:4173/register","availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Starter","price":999,"priceCurrency":"INR","url":"http://127.0.0.1:4173/register","availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Pro","price":1999,"priceCurrency":"INR","url":"http://127.0.0.1:4173/register","availability":"https://schema.org/InStock"}]}}</script><script type="application/ld+json" data-zyta-seo="true">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Zyta?","acceptedAnswer":{"@type":"Answer","text":"Zyta is a connected business workspace for small-business operations and a managed foundation for branded vertical app experiences."}},{"@type":"Question","name":"What kind of business is Zyta built for?","acceptedAnswer":{"@type":"Answer","text":"Zyta fits teams that want sales, operations, finance, customer communication, and digital experiences to run from one connected system instead of a patchwork of separate tools."}},{"@type":"Question","name":"Do I need every module from day one?","acceptedAnswer":{"@type":"Answer","text":"No. You can start with the workflows you need now, then expand into storefronts, CRM, content, automation, or deeper operational tooling as your team grows."}},{"@type":"Question","name":"How is Zyta different from buying separate tools?","acceptedAnswer":{"@type":"Answer","text":"The advantage is continuity. Customer journeys, team workflows, and operational records stay connected, so your business does not lose context every time work moves from one tool to another."}},{"@type":"Question","name":"How quickly can a team get started?","acceptedAnswer":{"@type":"Answer","text":"Most teams can begin with a focused setup, then add structure over time. The platform is designed to support a clean starting point without forcing a big-bang rollout."}},{"@type":"Question","name":"Can I run everything under my own brand and domain?","acceptedAnswer":{"@type":"Answer","text":"Yes. On higher plans your storefront, landing pages, and customer emails can run on your own custom domain with your own logo and colours, so customers see your business — not ours."}},{"@type":"Question","name":"Can Zyta power another app?","acceptedAnswer":{"@type":"Answer","text":"Yes. Zyta can compose approved identity, themes, workflows, and capabilities for branded app experiences. Sensitive or materially separate products start in a separate workspace until stronger separation is proven."}}]}</script>
    <link rel="preload" href="/assets/v-react-CA00bjEo.js" as="script" crossorigin>
    <link rel="preload" href="/assets/v-supabase-core-CeiIKY1D.js" as="script" crossorigin>
    <link rel="preload" href="/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preconnect" href="https://oosrtpiprmszsoyyttbc.supabase.co" crossorigin>
  </head>

  <body data-density="1" data-theme-density="comfortable" data-font-scale="0" data-theme-text-scale="1" style="background: var(--zyta-boot-surface, var(--theme-surface-canvas)); color: var(--zyta-boot-text, var(--theme-text-primary-color)); --font-scale: 1; --sp-xs: 4px; --sp-sm: 8px; --sp-md: 12px; --sp-lg: 16px; --sp-xl: 24px; --sp-2xl: 40px; --row-h: 40px; --input-h: 40px; --btn-h: 32px; --card-p-y: 14px; --card-p-x: 16px; --card-p: 14px 16px; --cell-p-y: 9px; --cell-p-x: 14px; --cell-p: 9px 14px; --icon-md: 16px; --fs-body: 0.8125rem; --fs-ui: 0.75rem; --fs-label: 0.625rem; --text-xs: var(--fs-label); --text-sm: var(--fs-ui); --text-base: var(--fs-body); --text-body: var(--fs-body); --text-md: calc(var(--fs-body) + 2px); --text-lg: calc(var(--fs-body) + 5px); --text-xl: calc(var(--fs-body) + 9px);">
    <!--
      React mount target — keep empty. Pre-boot shell is a *sibling* overlay
      (W2) so createRoot().render() never hard-wipes the HTML loader.
    -->
    <div id="root"><div class="flex w-full flex-col bg-surface-canvas text-text-primary selection:bg-(--theme-selection-range-color) selection:text-(--theme-selection-text-color) boot-surface min-h-screen relative isolate"><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-toast focus:inline-flex focus:min-h-11 focus:min-w-[11rem] focus:items-center focus:justify-center bg-surface-default text-text-primary px-4 py-2.5 rounded-xl shadow-premium border border-border-default font-semibold tracking-normal text-sm normal-case transition-transform">Skip to main content</a><div class="pointer-events-none fixed inset-0 -z-10 bg-[url('/noise.svg')] bg-repeat opacity-[0.02]"></div><div class="flex-1 min-h-0 relative flex flex-col"><div class="flex-1 min-h-0 focus:outline-hidden"><div id="zyta-switchboard" class="min-h-dvh bg-surface-canvas"><div class="relative isolate min-h-[100dvh] overflow-clip pb-24 md:pb-0 bg-surface-canvas font-sans text-text-primary no-tap-highlight selection:bg-(--theme-selection-range-color) selection:text-(--theme-selection-text-color)"><div class="pointer-events-none fixed inset-0 z-50 opacity-[0.02] contrast-150 brightness-100" style="background-image: url(&quot;data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E&quot;);"></div><nav class="sticky left-0 right-0 top-0 z-navbar border-b border-border-divider bg-surface-canvas"><div class="mx-auto w-full max-w-7xl select-text grid h-[64px] grid-cols-[minmax(0,1fr)_auto] items-center gap-2 px-3 sm:px-card md:h-[80px] md:gap-3"><div class="min-w-0 pr-1 sm:pr-2"><div class="origin-left scale-[0.88] sm:scale-100"><div class="inline-flex items-center font-display font-extrabold lowercase leading-none tracking-tight gap-2.5"><div class="relative inline-flex items-center justify-center overflow-hidden shadow-soft h-7 w-7 rounded-xl" style="background: linear-gradient(135deg, var(--theme-action-primary-hover-color, currentColor), var(--theme-action-primary-bg-color, currentColor));"><div class="absolute inset-0 bg-linear-to-br from-white/25 to-transparent" style="border-radius: inherit; opacity: 0.55;"></div><svg viewBox="0 0 22 22" fill="none" class="relative z-10 h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg"><polyline points="3,4 18,4 6,18 18,18" stroke="var(--theme-action-primary-fg-color, hsl(var(--text-on-brand, 0 0% 100%)))" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></polyline></svg></div><span class="whitespace-nowrap text-xl"><span style="color: var(--theme-text-primary, hsl(var(--text-primary, 220 19% 6%)));">zy</span><span style="color: var(--theme-action-primary-hover-color, currentColor);">ta</span></span></div></div></div><div class="flex shrink-0 items-center justify-end gap-1.5 sm:gap-2"><div class="hidden lg:flex items-center gap-6 mr-6 text-sm font-semibold tracking-label uppercase text-text-muted"><a href="#showpiece" class="hover:text-text-primary transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center">Product</a><a href="#steps" class="hover:text-text-primary transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center">How it works</a><a href="#pricing" class="hover:text-text-primary transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center">Pricing</a><a href="#faq" class="hover:text-text-primary transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center">FAQ</a></div><a href="/login" class="hidden sm:block"><button class="relative inline-flex items-center justify-center gap-2 disabled:opacity-60 focus-ring transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-fast ease-productive active:scale-[0.98] disabled:active:scale-100 motion-reduce:transition-none border border-transparent bg-(--theme-action-ghost-bg-color) text-(--theme-action-ghost-fg-color) hover:bg-(--theme-action-ghost-hover-color) hover:text-(--theme-action-ghost-hover-fg-color) disabled:text-text-disabled min-h-11 typo-button md:h-(--h-control-sm) md:min-h-0 !min-h-11 min-w-[44px] whitespace-nowrap rounded-xl px-3 text-xs font-semibold uppercase tracking-button sm:px-4"><span class="inline-flex items-center gap-2"><span>Sign In</span></span></button></a><div class="hidden sm:block"><a href="/register"><button class="relative inline-flex items-center justify-center gap-2 disabled:opacity-60 focus-ring uniform-stroke transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-fast ease-productive active:scale-[0.98] disabled:active:scale-100 motion-reduce:transition-none hover:-translate-y-px border border-transparent bg-(--theme-action-primary-bg-color) text-(--theme-action-primary-fg-color) shadow-soft hover:bg-(--theme-action-primary-hover-color) hover:text-(--theme-action-primary-hover-fg-color) min-h-11 typo-button md:h-(--h-control-sm) md:min-h-0 !min-h-11 min-w-[44px] whitespace-nowrap rounded-full px-4 text-xs font-semibold uppercase tracking-button" style="--uniform-stroke-color: var(--theme-action-primary-border-color);"><span class="inline-flex items-center gap-2"><span>Start free</span></span></button></a></div><button class="relative items-center justify-center gap-2 leading-none disabled:opacity-60 focus-ring transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-fast ease-productive active:scale-[0.98] disabled:active:scale-100 motion-reduce:transition-none border border-transparent bg-(--theme-action-ghost-bg-color) text-(--theme-action-ghost-fg-color) hover:bg-(--theme-action-ghost-hover-color) hover:text-(--theme-action-ghost-hover-fg-color) disabled:text-text-disabled min-h-11 min-w-11 p-0 md:h-(--h-control-sm) md:w-(--h-control-sm) md:min-h-0 md:min-w-0 !min-h-11 !min-w-11 shrink-0 rounded-xl opacity-70 hover:opacity-100 hidden sm:flex" aria-label="Switch to dark mode"><span class="inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon h-4 w-4" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></span></button><button class="relative inline-flex items-center justify-center gap-2 leading-none disabled:opacity-60 focus-ring transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-fast ease-productive active:scale-[0.98] disabled:active:scale-100 motion-reduce:transition-none border border-transparent bg-(--theme-action-ghost-bg-color) hover:bg-(--theme-action-ghost-hover-color) hover:text-(--theme-action-ghost-hover-fg-color) disabled:text-text-disabled min-h-11 min-w-11 p-0 md:h-(--h-control-sm) md:w-(--h-control-sm) md:min-h-0 md:min-w-0 !min-h-11 !min-w-11 shrink-0 rounded-xl lg:hidden text-text-primary" aria-label="Open menu"><span class="inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></span></button></div></div></nav><main id="main-content"><section id="hero" class="relative flex flex-col items-center justify-start overflow-hidden pt-12 pb-16 uppercase md:min-h-[calc(100svh-80px)] md:pt-14 md:pb-20 lg:pt-16"><div class="absolute inset-0 -z-20 overflow-hidden" aria-hidden="true"><svg class="absolute inset-0 h-full w-full stroke-border-divider/15 mask-[radial-gradient(100%_100%_at_top_center,white,transparent)] dark:stroke-border-divider/10" aria-hidden="true"><defs><pattern id="hero-grid" width="80" height="80" x="50%" y="-1" patternUnits="userSpaceOnUse"><path d="M.5 80V.5H80" fill="none"></path></pattern></defs><rect width="100%" height="100%" stroke-width="0" fill="url(#hero-grid)"></rect></svg></div><div class="mx-auto max-w-7xl select-text px-6 relative z-10 flex w-full flex-col lg:flex-row lg:items-center"><div class="flex w-full flex-col items-center text-center lg:w-[55%] lg:items-start lg:text-left lg:pr-12"><div class="mb-8 inline-flex items-center gap-2 rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) px-4 py-1.5" style="opacity: 1; transform: none;"><div class="h-1.5 w-1.5 rounded-full bg-(--theme-action-primary-bg-color) motion-safe:animate-pulse"></div><span class="text-xs font-semibold uppercase tracking-button text-(--theme-surface-brand-subtle-fg-color) md:text-xs">One connected business workspace</span></div><div class="relative mb-8 md:mb-10" style="opacity: 1; transform: none;"><h1 class="flex flex-col items-center lg:items-start font-display text-[clamp(2.5rem,8vw,5.5rem)] font-semibold leading-[0.88] tracking-tight text-balance uppercase"><span class="flex flex-col items-center sm:hidden lg:items-start"><span class="text-text-primary">Run today's work.</span><br><span class="text-text-primary">Build next.</span></span><span class="hidden flex-col items-center sm:flex lg:items-start"><span class="text-text-primary">Run today's work. </span><br class="hidden sm:block"><span class="text-text-primary">Build what's next.</span></span></h1></div><p class="mx-auto lg:mx-0 mb-10 max-w-2xl text-lg font-normal leading-[1.7] text-text-muted opacity-90 md:mb-12 md:text-xl normal-case" style="opacity: 1; transform: none;">Zyta connects customers, operations, finance, growth, and branded app experiences in one trusted workspace. Start with the work you need today and expand when you are ready.</p><div class="flex flex-col items-center lg:items-start gap-4" style="opacity: 1; transform: none;"><div class="flex w-full max-w-md flex-col items-stretch gap-3 sm:max-w-none sm:flex-row sm:items-center sm:justify-center lg:justify-start"><a href="/register" class="group inline-flex h-14 min-h-14 w-full items-center justify-center gap-2 rounded-2xl bg-(--theme-action-primary-bg-color) px-8 pt-1 text-sm font-extrabold uppercase tracking-label text-(--theme-action-primary-fg-color) shadow-premium transition-colors hover:bg-(--theme-action-primary-hover-color) hover:text-(--theme-action-primary-hover-fg-color) sm:h-16 sm:w-auto sm:px-10" tabindex="0" style="transform: none;">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 h-5 w-5 transition-transform duration-normal ease-out group-hover:translate-x-0.5 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#showpiece" class="inline-flex h-12 min-h-12 w-full items-center justify-center gap-2 rounded-2xl border border-border-divider bg-surface-sunken px-6 text-sm font-semibold tracking-label text-text-primary transition-colors hover:bg-surface-sunken/60 active:scale-95 sm:h-16 sm:w-auto sm:px-10 sm:font-extrabold sm:uppercase">See how Zyta works</a></div><p class="mt-2 text-sm text-text-disabled normal-case tracking-normal">Free workspace · No credit card · Upgrade when ready</p></div></div><div class="hidden lg:flex lg:w-[45%] h-full justify-end relative"><div class="relative w-full aspect-[3/4] overflow-hidden rounded-[2rem] border border-border-divider shadow-premium bg-surface-sunken" style="opacity: 1; transform: none;"><img alt="Zyta operations workspace preview" class="absolute inset-0 h-full w-full object-cover object-right-bottom" loading="lazy" decoding="async" fetchpriority="low" src="/platform/marketing/zyta-operations-light.webp"></div></div></div></section><section id="showpiece" class="scroll-mt-16 md:scroll-mt-20 relative isolate overflow-hidden border-y border-border-divider bg-surface-sunken py-section text-text-primary"><div class="pointer-events-none absolute inset-0 -z-10 opacity-40" aria-hidden="true" style="background: radial-gradient(ellipse 70% 50% at 50% 0%, color-mix(in srgb, var(--theme-action-primary-bg-color) 22%, transparent), transparent 70%);"></div><div class="mx-auto w-full max-w-7xl select-text px-6"><div class="mb-12 max-w-2xl"><span class="mb-4 block text-xs font-semibold uppercase tracking-button text-(--theme-action-primary-bg-color)" style="opacity: 0; transform: translateY(24px);">In the product</span><h2 class="font-display text-4xl font-semibold uppercase leading-[1.08] tracking-tight text-balance md:text-5xl lg:text-[3.5rem]" style="opacity: 0; transform: translateY(24px);">From a job to a<span class="block italic text-(--theme-action-primary-bg-color)">paid invoice</span></h2><p class="mt-5 max-w-xl text-base leading-relaxed text-text-muted md:text-lg" style="opacity: 0; transform: translateY(24px);">Keep the job, customer, and payment context together from the first work order to the final invoice.</p></div><div class="mx-auto max-w-3xl min-h-[20rem] md:min-h-[24rem]" style="opacity: 1; transform: translateY(12px);"><div class="group relative min-w-0 transition-[border-color,background-color,box-shadow,transform] duration-normal ease-out motion-reduce:transition-none rounded-hero uniform-stroke glass-premium shadow-lg ring-1 ring-border-default/10 p-0 overflow-hidden border border-border-divider bg-surface-raised shadow-premium" style="--uniform-stroke-color: var(--theme-overlay-border-color, hsl(var(--border-default)));"><div class="relative z-10 h-full w-full flex flex-col items-stretch gap-stack"><div class="flex-1 min-w-0 flex flex-col gap-field"><div class="flex items-center justify-between gap-3 border-b border-border-divider bg-surface-sunken/80 px-5 py-3"><div class="flex min-w-0 items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-(--theme-surface-brand-subtle-color) text-(--theme-action-primary-bg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-4 w-4" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0"><p class="truncate text-xs font-bold uppercase tracking-button text-text-primary" title="New invoice">New invoice</p><p class="truncate text-[11px] text-text-muted" title="GT-2026-0412 · Green Thumb Services">GT-2026-0412 · Green Thumb Services</p></div></div><span class="inline-flex items-center gap-1.5 rounded-full border border-border-divider bg-surface-canvas px-3 py-1 text-[10px] font-bold uppercase tracking-button text-text-muted" style="opacity: 0; transform: scale(0.96);"><span class="h-1.5 w-1.5 rounded-full bg-(--theme-status-warning-fg-color)"></span>Draft</span></div><div class="bg-surface-canvas px-5 py-6 md:px-8 md:py-8"><div class="mb-6 flex flex-wrap items-end justify-between gap-4 border-b border-border-divider pb-5" style="opacity: 0; transform: translateY(10px);"><div><p class="text-[10px] font-semibold uppercase tracking-button text-text-muted">Bill to</p><p class="mt-1 font-display text-lg font-semibold tracking-tight text-text-primary">ITC Limited — Facilities</p><p class="text-xs text-text-muted">Work order linked · GSTIN on file</p></div><div class="text-right"><p class="text-[10px] font-semibold uppercase tracking-button text-text-muted">Issue date</p><p class="mt-1 text-sm font-semibold tabular-nums text-text-primary">12 Jul 2026</p></div></div><div class="overflow-x-auto rounded-2xl border border-border-divider"><div class="min-w-md"><div class="grid grid-cols-[minmax(0,1fr)_3.25rem_5.5rem_6rem] gap-3 bg-surface-sunken/60 px-4 py-2 text-[10px] font-bold uppercase tracking-button text-text-muted md:gap-4" role="row"><span>Description</span><span class="text-right">Qty</span><span class="text-right">Rate</span><span class="text-right">Amount</span></div><div role="row" class="grid grid-cols-[minmax(0,1fr)_3.25rem_5.5rem_6rem] gap-3 border-t border-border-divider px-4 py-3 text-sm md:gap-4" style="opacity: 0; transform: translateY(12px) scale(0.99);"><span class="min-w-0 truncate font-medium text-text-primary" title="Monthly landscape maintenance — Phase A">Monthly landscape maintenance — Phase A</span><span class="text-right tabular-nums text-text-muted">1</span><span class="text-right tabular-nums text-text-muted">₹48,000</span><span class="text-right font-semibold tabular-nums text-text-primary">₹48,000</span></div><div role="row" class="grid grid-cols-[minmax(0,1fr)_3.25rem_5.5rem_6rem] gap-3 border-t border-border-divider px-4 py-3 text-sm md:gap-4 bg-surface-sunken/30" style="opacity: 0; transform: translateY(12px) scale(0.99);"><span class="min-w-0 truncate font-medium text-text-primary" title="Seasonal planting — courtyard beds">Seasonal planting — courtyard beds</span><span class="text-right tabular-nums text-text-muted">12</span><span class="text-right tabular-nums text-text-muted">₹1,250</span><span class="text-right font-semibold tabular-nums text-text-primary">₹15,000</span></div><div role="row" class="grid grid-cols-[minmax(0,1fr)_3.25rem_5.5rem_6rem] gap-3 border-t border-border-divider px-4 py-3 text-sm md:gap-4" style="opacity: 0; transform: translateY(12px) scale(0.99);"><span class="min-w-0 truncate font-medium text-text-primary" title="Irrigation system check (site visit)">Irrigation system check (site visit)</span><span class="text-right tabular-nums text-text-muted">2</span><span class="text-right tabular-nums text-text-muted">₹3,500</span><span class="text-right font-semibold tabular-nums text-text-primary">₹7,000</span></div></div></div><div class="mt-6 flex flex-wrap items-center justify-between gap-4"><div class="flex items-center gap-2" style="opacity: 0;"><div class="inline-flex items-center gap-1.5 rounded-xl border border-border-divider bg-surface-canvas px-3 py-1.5 text-[10px] font-bold uppercase tracking-button text-text-muted opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Work linked</div><div class="h-px w-2 bg-border-divider"></div><div class="inline-flex items-center gap-1.5 rounded-xl border border-(--theme-status-success-border-color) bg-(--theme-status-success-bg-color) px-3 py-1.5 text-[10px] font-bold uppercase tracking-button text-(--theme-status-success-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Invoice ready</div><div class="h-px w-2 bg-border-divider"></div><div class="inline-flex items-center gap-1.5 rounded-xl border border-border-divider bg-surface-canvas px-3 py-1.5 text-[10px] font-bold uppercase tracking-button text-text-muted opacity-50">Payment tracked</div></div><div class="text-right" style="opacity: 0; transform: translateY(8px) scale(0.98);"><p class="text-[10px] font-semibold uppercase tracking-button text-text-muted">Grand total</p><p class="font-display text-3xl font-extrabold tracking-tighter tabular-nums text-text-primary md:text-4xl">₹70,000</p></div></div></div></div></div></div></div></div></section><section id="modules" class="border-y border-border-divider bg-surface-sunken py-section dark:bg-transparent"><div class="mx-auto w-full max-w-7xl select-text px-6"><div class="mb-12"><span class="mb-4 block pt-1 text-xs font-semibold uppercase tracking-button text-(--theme-action-primary-bg-color)" style="opacity: 0; transform: translateY(16px);">What you run in Zyta</span><h2 class="max-w-2xl font-display text-4xl font-semibold uppercase leading-[1.08] tracking-tight text-balance md:text-5xl lg:text-[3.5rem]" style="opacity: 0; transform: translateY(16px);">From first customer to<br><span class="text-text-muted italic">final payment.</span></h2></div><div class="grid gap-px overflow-hidden rounded-3xl border border-border-divider bg-border-divider/5 shadow-premium md:grid-cols-2"><div class="group relative isolate bg-surface-canvas p-10 transition-colors hover:bg-surface-sunken" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="absolute left-0 right-0 top-0 h-0.5 bg-linear-to-r from-(--theme-action-primary-bg-color) to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="flex flex-col gap-6"><div class="inline-flex shrink-0 items-center justify-center overflow-visible border border-(--tone-shell-border) bg-(--tone-shell-bg) text-(--tone-shell-fg) [&amp;_svg]:block [&amp;_svg]:shrink-0 [&amp;_svg]:overflow-visible h-12 w-12 rounded-2xl shadow-xs transition-transform group-hover:-rotate-6 motion-reduce:transition-none" style="--tone-fg: var(--theme-accent-container-fg-color); --tone-bg: var(--theme-accent-container-bg-color); --tone-border: var(--theme-accent-container-border-color); --tone-dot: var(--theme-action-primary-bg-color, currentColor); --tone-shell-fg: color-mix(in srgb, var(--theme-accent-container-fg-color) 92%, var(--theme-text-primary-color, hsl(var(--text-primary))) 8%); --tone-shell-bg: color-mix(in srgb, var(--theme-action-primary-bg-color, currentColor) 12%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 88%); --tone-shell-border: color-mix(in srgb, var(--theme-action-primary-bg-color, currentColor) 24%, var(--theme-border-default-color, hsl(var(--border-default))) 76%); --uniform-stroke-color: var(--theme-accent-container-border-color);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart h-5 w-5" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div class="flex flex-col gap-3"><h3 class="text-[20px] font-black uppercase italic leading-tight tracking-tight text-text-primary">Sell</h3><p class="max-w-[260px] text-sm font-normal leading-[1.6] text-text-muted opacity-80">Leads, landing pages, storefronts.</p></div><div class="flex items-center gap-2"><span class="inline-block rounded-xl border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) px-3 py-1.5 text-xs font-black uppercase tracking-overline text-(--theme-surface-brand-subtle-fg-color)">Live</span></div></div></div><div class="group relative isolate bg-surface-canvas p-10 transition-colors hover:bg-surface-sunken" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="absolute left-0 right-0 top-0 h-0.5 bg-linear-to-r from-(--theme-action-primary-bg-color) to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="flex flex-col gap-6"><div class="inline-flex shrink-0 items-center justify-center overflow-visible border border-(--tone-shell-border) bg-(--tone-shell-bg) text-(--tone-shell-fg) [&amp;_svg]:block [&amp;_svg]:shrink-0 [&amp;_svg]:overflow-visible h-12 w-12 rounded-2xl shadow-xs transition-transform group-hover:-rotate-6 motion-reduce:transition-none" style="--tone-fg: var(--theme-status-info-soft-fg-color, var(--theme-status-info-fg-color, hsl(212 88% 32%))); --tone-bg: var(--theme-status-info-soft-bg-color, color-mix(in srgb, var(--theme-status-info-fg-color, hsl(212 88% 32%)) 12%, var(--theme-surface-overlay) 88%)); --tone-border: var(--theme-status-info-soft-border-color, color-mix(in srgb, var(--theme-status-info-fg-color, hsl(212 88% 32%)) 24%, var(--theme-border-default-color) 76%)); --tone-dot: var(--theme-status-info-fg-color, hsl(212 88% 32%)); --tone-shell-fg: color-mix(in srgb, var(--theme-status-info-soft-fg-color, var(--theme-status-info-fg-color, hsl(212 88% 32%))) 92%, var(--theme-text-primary-color, hsl(var(--text-primary))) 8%); --tone-shell-bg: color-mix(in srgb, var(--theme-status-info-fg-color, hsl(212 88% 32%)) 12%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 88%); --tone-shell-border: color-mix(in srgb, var(--theme-status-info-fg-color, hsl(212 88% 32%)) 24%, var(--theme-border-default-color, hsl(var(--border-default))) 76%); --uniform-stroke-color: var(--theme-status-info-soft-border-color, color-mix(in srgb, var(--theme-status-info-fg-color, hsl(212 88% 32%)) 24%, var(--theme-border-default-color) 76%));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="flex flex-col gap-3"><h3 class="text-[20px] font-black uppercase italic leading-tight tracking-tight text-text-primary">Deliver</h3><p class="max-w-[260px] text-sm font-normal leading-[1.6] text-text-muted opacity-80">Work orders, projects, team roles.</p></div><div class="flex items-center gap-2"><span class="inline-block rounded-xl border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) px-3 py-1.5 text-xs font-black uppercase tracking-overline text-(--theme-surface-brand-subtle-fg-color)">Live</span></div></div></div><div class="group relative isolate bg-surface-canvas p-10 transition-colors hover:bg-surface-sunken" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="absolute left-0 right-0 top-0 h-0.5 bg-linear-to-r from-(--theme-action-primary-bg-color) to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="flex flex-col gap-6"><div class="inline-flex shrink-0 items-center justify-center overflow-visible border border-(--tone-shell-border) bg-(--tone-shell-bg) text-(--tone-shell-fg) [&amp;_svg]:block [&amp;_svg]:shrink-0 [&amp;_svg]:overflow-visible h-12 w-12 rounded-2xl shadow-xs transition-transform group-hover:-rotate-6 motion-reduce:transition-none" style="--tone-fg: var(--theme-status-warning-soft-fg-color, var(--theme-status-warning-fg-color, hsl(38 92% 30%))); --tone-bg: var(--theme-status-warning-soft-bg-color, color-mix(in srgb, var(--theme-status-warning-fg-color, hsl(38 92% 30%)) 12%, var(--theme-surface-overlay) 88%)); --tone-border: var(--theme-status-warning-soft-border-color, color-mix(in srgb, var(--theme-status-warning-fg-color, hsl(38 92% 30%)) 24%, var(--theme-border-default-color) 76%)); --tone-dot: var(--theme-status-warning-fg-color, hsl(38 92% 30%)); --tone-shell-fg: color-mix(in srgb, var(--theme-status-warning-soft-fg-color, var(--theme-status-warning-fg-color, hsl(38 92% 30%))) 92%, var(--theme-text-primary-color, hsl(var(--text-primary))) 8%); --tone-shell-bg: color-mix(in srgb, var(--theme-status-warning-fg-color, hsl(38 92% 30%)) 12%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 88%); --tone-shell-border: color-mix(in srgb, var(--theme-status-warning-fg-color, hsl(38 92% 30%)) 24%, var(--theme-border-default-color, hsl(var(--border-default))) 76%); --uniform-stroke-color: var(--theme-status-warning-soft-border-color, color-mix(in srgb, var(--theme-status-warning-fg-color, hsl(38 92% 30%)) 24%, var(--theme-border-default-color) 76%));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins h-5 w-5" aria-hidden="true"><path d="M13.744 17.736a6 6 0 1 1-7.48-7.48"></path><path d="M15 6h1v4"></path><path d="m6.134 14.768.866-.5 2 3.464"></path><circle cx="16" cy="8" r="6"></circle></svg></div><div class="flex flex-col gap-3"><h3 class="text-[20px] font-black uppercase italic leading-tight tracking-tight text-text-primary">Bill</h3><p class="max-w-[260px] text-sm font-normal leading-[1.6] text-text-muted opacity-80">Invoices, payments, accounting.</p></div><div class="flex items-center gap-2"><span class="inline-block rounded-xl border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) px-3 py-1.5 text-xs font-black uppercase tracking-overline text-(--theme-surface-brand-subtle-fg-color)">Live</span></div></div></div><div class="group relative isolate bg-surface-canvas p-10 transition-colors hover:bg-surface-sunken cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-(--theme-border-brand) focus-visible:ring-offset-2 focus-visible:ring-offset-surface-canvas" role="button" tabindex="0" aria-label="Track interest in Grow" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="absolute left-0 right-0 top-0 h-0.5 bg-linear-to-r from-(--theme-action-primary-bg-color) to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="flex flex-col gap-6"><div class="inline-flex shrink-0 items-center justify-center overflow-visible border border-(--tone-shell-border) bg-(--tone-shell-bg) text-(--tone-shell-fg) [&amp;_svg]:block [&amp;_svg]:shrink-0 [&amp;_svg]:overflow-visible h-12 w-12 rounded-2xl shadow-xs transition-transform group-hover:-rotate-6 motion-reduce:transition-none" style="--tone-fg: color-mix(in srgb, var(--theme-text-secondary-color, hsl(var(--text-secondary))) 90%, var(--theme-text-primary-color, hsl(var(--text-primary))) 10%); --tone-bg: color-mix(in srgb, var(--theme-border-default-color, hsl(var(--border-default))) 10%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 90%); --tone-border: color-mix(in srgb, var(--theme-border-strong-color, hsl(var(--border-strong))) 24%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 76%); --tone-dot: color-mix(in srgb, var(--theme-text-secondary-color, hsl(var(--text-secondary))) 88%, var(--theme-text-primary-color, hsl(var(--text-primary))) 12%); --tone-shell-fg: var(--theme-text-primary-color, hsl(var(--text-primary))); --tone-shell-bg: color-mix(in srgb, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 88%, var(--theme-border-default-color, hsl(var(--border-default))) 12%); --tone-shell-border: color-mix(in srgb, var(--theme-border-strong-color, hsl(var(--border-strong))) 22%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 78%); --uniform-stroke-color: color-mix(in srgb, var(--theme-border-strong-color, hsl(var(--border-strong))) 24%, var(--theme-surface-overlay, hsl(var(--surface-overlay))) 76%);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone h-5 w-5" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg></div><div class="flex flex-col gap-3"><h3 class="text-[20px] font-black uppercase italic leading-tight tracking-tight text-text-primary">Grow</h3><p class="max-w-[260px] text-sm font-normal leading-[1.6] text-text-muted opacity-80">Content, campaigns, analytics, and new app surfaces.</p></div><div class="flex items-center gap-2"><span class="inline-block rounded-xl border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) px-3 py-1.5 text-xs font-black uppercase tracking-overline text-(--theme-surface-brand-subtle-fg-color)">Beta</span></div></div></div></div></div></section><section id="steps" class="scroll-mt-16 md:scroll-mt-20 border-y border-border-divider bg-surface-canvas py-section"><div class="mx-auto w-full max-w-7xl select-text px-6"><div class="mb-12"><h2 class="max-w-2xl font-display text-4xl font-semibold uppercase leading-[1.08] tracking-tight text-balance md:text-5xl lg:text-[3.5rem]" style="opacity: 0; transform: translateY(16px);">From sign-up to<br><span class="italic text-(--theme-action-primary-bg-color)">steady operations</span></h2></div><div class="relative grid gap-12 sm:grid-cols-2 lg:grid-cols-4"><div class="absolute left-[10%] right-[10%] top-[44px] hidden h-px bg-linear-to-r from-transparent via-border-divider/10 to-transparent lg:block"></div><div class="relative z-10 flex flex-col gap-8" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="flex h-[80px] w-[80px] items-center justify-center rounded-3xl border border-border-divider bg-surface-sunken pt-1 font-display text-2xl font-extrabold italic text-(--theme-action-primary-bg-color) shadow-premium">01</div><div class="flex flex-col gap-4"><h3 class="text-[18px] font-extrabold uppercase italic leading-tight tracking-tight">Create your account</h3><p class="text-sm font-normal leading-[1.7] text-text-muted opacity-80">Start on zyta.dev with no sales call and no credit card required.</p></div></div><div class="relative z-10 flex flex-col gap-8" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="flex h-[80px] w-[80px] items-center justify-center rounded-3xl border border-border-divider bg-surface-sunken pt-1 font-display text-2xl font-extrabold italic text-(--theme-action-primary-bg-color) shadow-premium">02</div><div class="flex flex-col gap-4"><h3 class="text-[18px] font-extrabold uppercase italic leading-tight tracking-tight">Start a workspace</h3><p class="text-sm font-normal leading-[1.7] text-text-muted opacity-80">Choose a workspace name and begin with the business workflows you need.</p></div></div><div class="relative z-10 flex flex-col gap-8" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="flex h-[80px] w-[80px] items-center justify-center rounded-3xl border border-border-divider bg-surface-sunken pt-1 font-display text-2xl font-extrabold italic text-(--theme-action-primary-bg-color) shadow-premium">03</div><div class="flex flex-col gap-4"><h3 class="text-[18px] font-extrabold uppercase italic leading-tight tracking-tight">Run day-to-day work</h3><p class="text-sm font-normal leading-[1.7] text-text-muted opacity-80">Raise invoices, link work orders, keep customer accounts, and track payments in one connected workspace.</p></div></div><div class="relative z-10 flex flex-col gap-8" style="opacity: 0; transform: translateY(16px) scale(0.98);"><div class="flex h-[80px] w-[80px] items-center justify-center rounded-3xl border border-border-divider bg-surface-sunken pt-1 font-display text-2xl font-extrabold italic text-(--theme-action-primary-bg-color) shadow-premium">04</div><div class="flex flex-col gap-4"><h3 class="text-[18px] font-extrabold uppercase italic leading-tight tracking-tight">Add people, brand, and capabilities</h3><p class="text-sm font-normal leading-[1.7] text-text-muted opacity-80">Invite teammates, set your brand, and add storefronts or custom domains when you need them.</p></div></div></div></div></section><section class="border-b border-border-divider bg-surface-canvas"><div class="mx-auto w-full max-w-7xl select-text min-w-0"><div class="grid min-w-0 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"><div class="flex min-w-0 flex-col gap-2 border-r border-border-divider p-6 text-center last:border-r-0 sm:p-8 md:p-10 lg:p-12" style="opacity: 0; transform: translateY(16px);"><span class="font-display font-extrabold uppercase italic tracking-tighter text-text-primary text-4xl tabular-nums md:text-5xl"><span class="tabular-nums">0</span></span><span class="text-xs font-semibold uppercase tracking-button text-text-muted opacity-60 break-words">business workspace</span></div><div class="flex min-w-0 flex-col gap-2 border-r border-border-divider p-6 text-center last:border-r-0 sm:p-8 md:p-10 lg:p-12" style="opacity: 0; transform: translateY(16px);"><span class="font-display font-extrabold uppercase italic tracking-tighter text-text-primary text-4xl tabular-nums md:text-5xl"><span class="tabular-nums">0</span></span><span class="text-xs font-semibold uppercase tracking-button text-text-muted opacity-60 break-words">users on Free</span></div><div class="flex min-w-0 flex-col gap-2 border-r border-border-divider p-6 text-center last:border-r-0 sm:p-8 md:p-10 lg:p-12" style="opacity: 0; transform: translateY(16px);"><span class="font-display font-extrabold uppercase italic tracking-tighter text-text-primary text-[clamp(1.25rem,4.5vw,2.25rem)] leading-tight break-words"><span class="block max-w-full break-words hyphens-auto">Linked</span></span><span class="text-xs font-semibold uppercase tracking-button text-text-muted opacity-60 break-words">invoices and products</span></div><div class="flex min-w-0 flex-col gap-2 border-r border-border-divider p-6 text-center last:border-r-0 sm:p-8 md:p-10 lg:p-12" style="opacity: 0; transform: translateY(16px);"><span class="font-display font-extrabold uppercase italic tracking-tighter text-text-primary text-[clamp(1.25rem,4.5vw,2.25rem)] leading-tight break-words"><span class="block max-w-full break-words hyphens-auto">No</span></span><span class="text-xs font-semibold uppercase tracking-button text-text-muted opacity-60 break-words">card to start</span></div></div></div></section><section id="pricing" class="scroll-mt-16 md:scroll-mt-20 relative isolate overflow-hidden border-t border-border-divider bg-surface-canvas py-section"><div class="mx-auto w-full max-w-7xl select-text px-6 text-center"><div class="mb-12"><h2 class="mb-6 font-display text-4xl font-semibold uppercase leading-[1.08] tracking-tight text-balance md:text-5xl lg:text-[3.5rem]">Choose the layer that fits now.<span class="text-text-muted italic"> Expand as you grow.</span></h2><p class="text-text-muted font-normal max-w-xl mx-auto opacity-80 leading-relaxed uppercase text-xs tracking-button">Start with one business workspace. Add the capabilities and branded experiences you need as you grow.</p></div><div class="grid md:grid-cols-3 gap-8 pt-4 text-left mx-auto"><div class="relative flex flex-col rounded-3xl border p-10 overflow-hidden bg-surface-canvas/60 border-border-divider glass-blur-strong transition-colors hover:bg-surface-canvas/80"><span class="mb-8 pt-1 text-xs font-semibold uppercase tracking-button text-text-muted opacity-60">Free</span><div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-6xl font-semibold tracking-tighter italic">Free</span></div></div><p class="text-sm text-text-muted font-normal border-b border-border-divider pb-10 mb-10 h-20 leading-[1.6]">For experiments and getting a feel for the platform.</p><ul class="flex-1 flex flex-col gap-5 mb-12"><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">1 business workspace</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Invoices &amp; products</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Manual UPI payment verification</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Community support</span></li></ul><a href="/register" class="flex items-center justify-center px-8 h-16 rounded-2xl font-extrabold text-[12px] uppercase tracking-button transition-colors pt-1 border border-border-divider hover:bg-surface-sunken/80 active:scale-95">Start free</a></div><div class="relative flex flex-col rounded-3xl border p-10 overflow-hidden bg-surface-canvas/60 border-border-divider glass-blur-strong transition-colors hover:bg-surface-canvas/80"><span class="mb-8 pt-1 text-xs font-semibold uppercase tracking-button text-text-muted opacity-60">Starter</span><div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-xs font-black uppercase text-text-muted align-top translate-y-[-14px]">₹</span><span class="text-6xl font-semibold tracking-tighter italic">999</span><span class="text-xs font-semibold text-text-muted uppercase tracking-button ml-1">/mo</span></div><span class="mt-2 block text-[11px] font-medium normal-case tracking-normal text-text-muted/70">₹899/mo billed annually -- save 10%</span></div><p class="text-sm text-text-muted font-normal border-b border-border-divider pb-10 mb-10 h-20 leading-[1.6]">For a single business running its core operations in one place.</p><ul class="flex-1 flex flex-col gap-5 mb-12"><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">CRM &amp; pipeline</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Inventory</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Invoices</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Projects</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Payments (UPI + PhonePe)</span></li></ul><a href="/register" class="flex items-center justify-center px-8 h-16 rounded-2xl font-extrabold text-[12px] uppercase tracking-button transition-colors pt-1 border border-border-divider hover:bg-surface-sunken/80 active:scale-95">Choose Starter</a></div><div class="relative flex flex-col rounded-3xl border p-10 z-10 scale-105 overflow-visible border-(--theme-action-primary-border-color) bg-surface-canvas shadow-premium"><div class="absolute left-1/2 top-0 z-dropdown -translate-x-1/2 -translate-y-1/2 rounded-full bg-(--theme-action-primary-bg-color) px-4 py-1.5 pt-2 text-xs font-black uppercase tracking-overline text-(--theme-action-primary-fg-color) shadow-xl">Most Popular</div><span class="mb-8 pt-1 text-xs font-semibold uppercase tracking-button text-text-muted opacity-60">Pro</span><div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-xs font-black uppercase text-text-muted align-top translate-y-[-14px]">₹</span><span class="text-6xl font-semibold tracking-tighter italic">1999</span><span class="text-xs font-semibold text-text-muted uppercase tracking-button ml-1">/mo</span></div><span class="mt-2 block text-[11px] font-medium normal-case tracking-normal text-text-muted/70">₹1,799/mo billed annually -- save 10%</span></div><p class="text-sm text-text-muted font-normal border-b border-border-divider pb-10 mb-10 h-20 leading-[1.6]">For a business that wants the full module suite plus its own brand.</p><ul class="flex-1 flex flex-col gap-5 mb-12"><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Everything in Starter</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Accounting &amp; Analytics</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Reporting &amp; Advanced filters</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">E-commerce &amp; HR</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">White-label: custom domain + branding</span></li><li class="flex items-center gap-3"><div class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-(--theme-accent-container-border-color) bg-(--theme-surface-brand-subtle-color) text-(--theme-accent-container-fg-color)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="uppercase text-xs font-semibold tracking-label text-text-primary/70 pt-1">Priority support</span></li></ul><a href="/register" class="flex items-center justify-center px-8 h-16 rounded-2xl font-extrabold text-[12px] uppercase tracking-button transition-colors pt-1 bg-(--theme-action-primary-bg-color) text-(--theme-action-primary-fg-color) shadow-premium hover:bg-(--theme-action-primary-hover-color) hover:text-(--theme-action-primary-hover-fg-color) active:scale-95">Choose Pro</a></div></div><div class="mx-auto mt-12 max-w-2xl text-center text-xs font-medium leading-relaxed text-text-muted/80">Running an agency or reselling to clients? <a href="/agencies" class="font-semibold text-(--theme-action-primary-bg-color) hover:underline">Zyta for Agencies</a> adds multi-client management, custom branding, and audit logs. Need a second workspace for another business? Add one at 20% off your plan.</div></div></section><section id="faq" class="scroll-mt-16 md:scroll-mt-20 border-t border-border-divider py-section"><div class="mx-auto w-full max-w-7xl select-text px-6"><div class="flex flex-col gap-16 lg:flex-row"><div class="flex flex-col gap-6 lg:w-1/3"><span class="typo-label font-black uppercase tracking-button text-(--theme-action-primary-bg-color)">Common Questions</span><h2 class="typo-h2 font-black uppercase italic leading-none text-text-primary">Answers for teams<br>evaluating the<br><span class="text-text-muted">right platform.</span></h2><div class="flex items-start gap-4 rounded-2xl border border-border-divider bg-surface-sunken/50 p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark mt-1 h-5 w-5 shrink-0 text-(--theme-action-primary-bg-color)" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><p class="typo-caption italic leading-6 text-text-muted">Clear answers matter when you are choosing the system that will sit underneath your daily operations.</p></div></div><div class="flex flex-col gap-4 lg:w-2/3"><div class="rounded-2xl border duration-300 border-border-default bg-surface-raised shadow-premium"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-(--theme-action-primary-bg-color)">What is Zyta?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-transparent bg-(--theme-action-primary-bg-color) text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-minus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path></svg></div></button><div class="overflow-hidden" style="height: auto; opacity: 1;"><div class="px-6 pb-6 pt-0"><p class="typo-body border-l-2 border-(--theme-action-primary-bg-color) pl-4 text-text-muted">Zyta is a connected business workspace for small-business operations and a managed foundation for branded vertical app experiences.</p></div></div></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">What kind of business is Zyta built for?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">Do I need every module from day one?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">How is Zyta different from buying separate tools?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">How quickly can a team get started?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">Can I run everything under my own brand and domain?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div><div class="rounded-2xl border duration-300 border-border-divider bg-surface-canvas hover:border-border-divider"><button class="flex w-full items-center justify-between gap-4 p-6 text-left"><span class="font-black uppercase italic transition-colors text-text-primary">Can Zyta power another app?</span><div class="flex h-8 w-8 items-center justify-center rounded-full border transition-colors duration-fast ease-productive motion-reduce:transition-none border-border-divider text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button></div></div></div></div></section><section class="relative isolate overflow-hidden py-section text-center md:py-40"><div class="pointer-events-none absolute left-1/2 top-1/2 -z-10 h-[min(70vw,560px)] w-[min(70vw,560px)] -translate-x-1/2 -translate-y-1/2 rounded-full bg-[color-mix(in_srgb,var(--theme-action-primary-bg-color)_16%,transparent)] blur-[120px]" aria-hidden="true"></div><div class="mx-auto w-full max-w-7xl select-text px-6"><div><h2 class="mb-8 font-display text-4xl font-extrabold uppercase leading-none tracking-tighter text-balance sm:text-6xl md:text-[88px]" style="opacity: 0; transform: translateY(24px);">Start with the work you need.<br><span class="italic text-(--theme-action-primary-bg-color)">Build what's next.</span></h2><p class="mx-auto mb-12 max-w-xl text-lg font-normal leading-relaxed text-text-muted opacity-80 md:text-xl" style="opacity: 0; transform: translateY(24px);">Start with one trusted workspace, then add people, brand, and capabilities as your business grows.</p><div style="opacity: 0; transform: translateY(24px);"><a href="/register" class="group inline-flex h-20 items-center justify-center gap-3 rounded-3xl bg-(--theme-action-primary-bg-color) px-12 pt-1 text-lg font-extrabold uppercase tracking-button text-(--theme-action-primary-fg-color) shadow-premium transition-colors hover:bg-(--theme-action-primary-hover-color) hover:text-(--theme-action-primary-hover-fg-color) active:scale-95 md:h-24 md:text-xl">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-7 w-7 transition-transform group-hover:translate-x-1.5 motion-reduce:transition-none md:h-8 md:w-8" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><p class="mt-6 text-xs font-semibold uppercase tracking-button text-text-muted opacity-60" style="opacity: 0; transform: translateY(24px);">Free plan · No credit card required · Cancel anytime</p></div></div></section></main><footer class="py-20 border-t border-border-divider bg-surface-sunken"><div class="mx-auto w-full max-w-7xl select-text px-6"><div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-16"><div class="flex flex-col gap-6"><div class="inline-flex items-center font-display font-extrabold lowercase leading-none tracking-tight gap-4"><div class="relative inline-flex items-center justify-center overflow-hidden shadow-soft h-12 w-12 rounded-2xl" style="background: linear-gradient(135deg, var(--theme-action-primary-hover-color, currentColor), var(--theme-action-primary-bg-color, currentColor));"><div class="absolute inset-0 bg-linear-to-br from-white/25 to-transparent" style="border-radius: inherit; opacity: 0.55;"></div><svg viewBox="0 0 22 22" fill="none" class="relative z-10 h-6 w-6" xmlns="http://www.w3.org/2000/svg"><polyline points="3,4 18,4 6,18 18,18" stroke="var(--theme-action-primary-fg-color, hsl(var(--text-on-brand, 0 0% 100%)))" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></polyline></svg></div><span class="whitespace-nowrap text-[2rem]"><span style="color: var(--theme-text-primary, hsl(var(--text-primary, 220 19% 6%)));">zy</span><span style="color: var(--theme-action-primary-hover-color, currentColor);">ta</span></span></div><p class="mt-2 text-xs font-medium tracking-normal text-text-muted opacity-60">© 2026 Zyta. All rights reserved.</p><a class="text-sm font-medium normal-case tracking-normal text-(--theme-action-primary-bg-color) opacity-80 transition-colors hover:underline hover:opacity-100" href="/agencies" data-discover="true">Are you an agency? Build client workspaces with Zyta →</a></div><div class="flex flex-wrap gap-x-12 gap-y-6"><a href="/privacy" class="text-xs font-semibold uppercase tracking-overline text-text-muted hover:text-text-primary transition-colors opacity-60 hover:opacity-100">Privacy</a><a href="/terms" class="text-xs font-semibold uppercase tracking-overline text-text-muted hover:text-text-primary transition-colors opacity-60 hover:opacity-100">Terms</a><a href="/contact" class="text-xs font-semibold uppercase tracking-overline text-text-muted hover:text-text-primary transition-colors opacity-60 hover:opacity-100">Contact</a><a href="/status" class="text-xs font-semibold uppercase tracking-overline text-text-muted hover:text-text-primary transition-colors opacity-60 hover:opacity-100">Status</a></div></div></div></footer><div class="fixed inset-x-0 bottom-0 z-40 border-t border-border-divider bg-surface-canvas/90 px-4 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3 backdrop-blur-md transition-transform duration-300 md:hidden translate-y-full"><a href="/register" class="flex h-14 w-full items-center justify-center gap-2 rounded-2xl bg-(--theme-action-primary-bg-color) px-6 text-base font-extrabold uppercase tracking-button text-(--theme-action-primary-fg-color) shadow-premium transition-colors hover:bg-(--theme-action-primary-hover-color) hover:text-(--theme-action-primary-hover-fg-color) active:scale-95">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div>

    <!--
      Pre-boot shell (matches post-boot BootstrapSpinner continuity):
      - neutral: plain ring + Loading… (no Z / zyta wordmark)
      - branded: 112px logo/initial + glow + Loading… (tenant seed only;
        never Zyta horizontal lockup geometry)
      Marketing first-visit globe is React MarketingPreloader, not this shell.
      Recovery CTAs only if outage-shell watchdog fires (~14s).
      Size token: --zyta-boot-logo-px must match BootstrapSpinner BOOT_LOGO_PX.
      Handoff: fixed overlay; main.tsx fades opacity 150ms then removes (W2).
    -->
    <style>
      #zyta-boot-fallback {
        --zyta-boot-logo-px: 112px;
        --zyta-boot-halo-inset: 12px;
        --zyta-boot-neutral-ring: 2.75rem;
        --zyta-boot-handoff-ms: 150ms;
        /* Dark defaults; light via prefers-color-scheme + data-theme-mode */
        --zyta-boot-surface: hsl(222 28% 4%);
        --zyta-boot-text: #f2f4f7;
        --zyta-boot-muted: #9aa3b2;
        --zyta-boot-ring-track: rgba(255, 255, 255, 0.14);
        --zyta-boot-ring-accent: rgba(232, 234, 237, 0.92);
        --zyta-boot-brand-glow: rgba(232, 234, 237, 0.12);
        /* Sibling overlay — sits above React until handoff fade (W2) */
        position: fixed;
        inset: 0;
        z-index: 10000;
        transition: opacity var(--zyta-boot-handoff-ms) ease-out;
      }
      #zyta-boot-fallback[data-zyta-handoff="out"] {
        opacity: 0;
        pointer-events: none;
      }
      /* Frame-0 light before theme.js: avoid dark flash for light users */
      @media (prefers-color-scheme: light) {
        #zyta-boot-fallback {
          --zyta-boot-surface: hsl(40 24% 94%);
          --zyta-boot-text: #1f2937;
          --zyta-boot-muted: #475569;
          --zyta-boot-ring-track: rgba(15, 23, 42, 0.12);
          --zyta-boot-ring-accent: rgba(15, 23, 42, 0.62);
          --zyta-boot-brand-glow: rgba(15, 23, 42, 0.06);
        }
      }
      html[data-theme-mode="light"] #zyta-boot-fallback {
        --zyta-boot-surface: hsl(40 24% 94%);
        --zyta-boot-text: #1f2937;
        --zyta-boot-muted: #475569;
        --zyta-boot-ring-track: rgba(15, 23, 42, 0.12);
        --zyta-boot-ring-accent: rgba(15, 23, 42, 0.62);
        --zyta-boot-brand-glow: rgba(15, 23, 42, 0.06);
      }
      html[data-theme-mode="dark"] #zyta-boot-fallback {
        --zyta-boot-surface: hsl(222 28% 4%);
        --zyta-boot-text: #f2f4f7;
        --zyta-boot-muted: #9aa3b2;
        --zyta-boot-ring-track: rgba(255, 255, 255, 0.14);
        --zyta-boot-ring-accent: rgba(232, 234, 237, 0.92);
        --zyta-boot-brand-glow: rgba(232, 234, 237, 0.12);
      }
      @keyframes zyta-boot-spin {
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes zyta-boot-glow-pulse {
        0%,
        100% {
          opacity: 0.45;
          transform: scale(1);
        }
        50% {
          opacity: 0.7;
          transform: scale(1.02);
        }
      }
      #zyta-boot-fallback .zyta-boot-ring {
        box-sizing: border-box;
        animation: zyta-boot-spin 0.8s linear infinite;
      }
      /* Neutral: compact ring (marketing). Ops/auth use tenant scale below. */
      #zyta-boot-fallback[data-boot-mode="neutral"] .zyta-boot-ring {
        width: var(--zyta-boot-neutral-ring);
        height: var(--zyta-boot-neutral-ring);
        border-radius: 9999px;
        border: 2px solid var(--zyta-boot-ring-track);
        border-top-color: var(--zyta-boot-ring-accent);
      }
      #zyta-boot-fallback[data-boot-mode="neutral"] #zyta-boot-mark-wrap {
        width: var(--zyta-boot-neutral-ring);
        height: var(--zyta-boot-neutral-ring);
      }
      /*
       * Ops/auth handoff: same 112px footprint as BootstrapSpinner tenant mark
       * so refresh on /invoices is not small ring → big logo (double loader).
       */
      #zyta-boot-fallback[data-boot-mode="neutral"][data-boot-scale="tenant"]
        .zyta-boot-ring,
      #zyta-boot-fallback[data-boot-mode="neutral"][data-boot-scale="tenant"]
        #zyta-boot-mark-wrap {
        width: var(--zyta-boot-logo-px);
        height: var(--zyta-boot-logo-px);
      }
      #zyta-boot-fallback[data-boot-mode="neutral"][data-boot-scale="tenant"]
        .zyta-boot-ring {
        border-width: 2.5px;
      }
      /* Branded: same footprint as post-boot tenant (112px + glow), no wordmark row */
      #zyta-boot-fallback[data-boot-mode="branded"] .zyta-boot-ring {
        display: none;
      }
      #zyta-boot-fallback[data-boot-mode="branded"] #zyta-boot-mark-wrap {
        width: var(--zyta-boot-logo-px);
        height: var(--zyta-boot-logo-px);
      }
      #zyta-boot-fallback[data-boot-mode="branded"] .zyta-boot-halo {
        display: block;
        position: absolute;
        inset: calc(-1 * var(--zyta-boot-halo-inset));
        border-radius: 9999px;
        background: radial-gradient(
          circle,
          var(--zyta-boot-brand-glow, rgba(232, 234, 237, 0.12)) 0%,
          transparent 75%
        );
        animation: zyta-boot-glow-pulse 3.2s ease-in-out infinite;
        pointer-events: none;
      }
      #zyta-boot-fallback[data-boot-mode="branded"] #zyta-boot-mark {
        border-radius: 9999px;
        font-size: 2.25rem;
      }
      #zyta-boot-fallback .zyta-boot-halo {
        display: none;
      }
      @media (prefers-reduced-motion: reduce) {
        #zyta-boot-fallback {
          transition: none;
        }
        #zyta-boot-fallback .zyta-boot-ring {
          animation: none;
          border-color: var(--zyta-boot-ring-track);
        }
        #zyta-boot-fallback[data-boot-mode="branded"] .zyta-boot-halo {
          animation: none;
          opacity: 0.75;
        }
      }
    </style>
    
    <script src="/boot/splash.js"></script>
    <noscript>
      <!-- Theme-aware via boot CSS vars on #zyta-boot-fallback parent context -->
      <div
        style="
          font-family: system-ui, sans-serif;
          text-align: center;
          padding: 4rem 1rem;
          max-width: 28rem;
          margin: 0 auto;
          color: var(--zyta-boot-text, #1f2937);
        "
      >
        <h1 style="font-size: 1.5rem; font-weight: 800; margin: 0 0 0.75rem">
          JavaScript is required
        </h1>
        <p
          style="
            color: var(--zyta-boot-muted, #475569);
            line-height: 1.6;
            margin: 0 0 1.5rem;
          "
        >
          Zyta needs JavaScript to run. Enable it, then try again — or check
          system status if the platform is down.
        </p>
        <div
          style="
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            justify-content: center;
          "
        >
          <a
            href="/"
            style="
              display: inline-block;
              padding: 0.75rem 1.25rem;
              background: #1f2937;
              color: #f8fafc;
              border-radius: 0.75rem;
              font-weight: 700;
              font-size: 0.875rem;
              text-decoration: none;
            "
            >Try again</a
          >
          <a
            href="https://status.zyta.dev/"
            style="
              display: inline-block;
              padding: 0.75rem 1.25rem;
              border: 1px solid rgba(15, 23, 42, 0.18);
              color: var(--zyta-boot-text, #1f2937);
              border-radius: 0.75rem;
              font-weight: 600;
              font-size: 0.875rem;
              text-decoration: none;
            "
            >System status</a
          >
        </div>
      </div>
    </noscript>
  

</body></html>