:root{--font-sans: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", "Monaco", "Cascadia Code", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-size-11: .6875rem;--font-size-12: .75rem;--font-size-13: .8125rem;--font-size-14: .875rem;--font-size-15: .9375rem;--font-size-16: 1rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-28: 1.75rem;--font-size-32: 2rem;--font-size-36: 2.25rem;--font-size-40: 2.5rem;--font-size-42: 2.625rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--type-display-size: var(--font-size-40);--type-display-weight: var(--font-weight-bold);--type-h1-size: var(--font-size-32);--type-h1-weight: var(--font-weight-bold);--type-h2-size: var(--font-size-24);--type-h2-weight: var(--font-weight-bold);--type-h3-size: var(--font-size-20);--type-h3-weight: var(--font-weight-semibold);--type-body-size: var(--font-size-16);--type-body-weight: var(--font-weight-normal);--type-body-sm-size: var(--font-size-14);--type-body-sm-weight: var(--font-weight-normal);--type-caption-size: var(--font-size-12);--type-caption-weight: var(--font-weight-medium);--type-code-size: var(--font-size-13);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-md: 0 8px 24px -12px rgb(16 24 40 / .25);--shadow-lg: 0 20px 40px -16px rgb(16 24 40 / .35);--focus-ring-width: 2px;--focus-ring-offset: 2px;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s}:root,[data-theme=light]{color-scheme:light;--bg: #f6f4ff;--bg-elevated: #ffffff;--bg-muted: #f5f3ff;--text-primary: #2f1f66;--text-secondary: #5a4aa0;--text-muted: #7c6aa8;--text-caption: #9b8dbd;--text-code: #5a4aa0;--text-inverse: #ffffff;--border-default: #d9d2ff;--border-strong: #a78bfa;--brand: #7c3aed;--brand-hover: #6d28d9;--brand-contrast: #ffffff;--success: #06b6d4;--warning: #f59e0b;--danger: #f43f5e;--info: #a78bfa;--focus-ring: #c4b5fd;--state-success-bg: #ecfeff;--state-success-border: #a5f3fc;--state-success-text: #0e7490;--state-warning-bg: #fffbeb;--state-warning-border: #fde68a;--state-warning-text: #b45309;--state-danger-bg: #fff1f2;--state-danger-border: #fecdd3;--state-danger-text: #e11d48;--state-info-bg: #f5f3ff;--state-info-border: #ddd6fe;--state-info-text: #7c3aed;--btn-primary-bg: var(--brand);--btn-primary-bg-hover: var(--brand-hover);--btn-primary-text: var(--brand-contrast);--btn-secondary-bg: #ede9fe;--btn-secondary-bg-hover: #ddd6fe;--btn-secondary-text: var(--text-primary);--btn-outline-border: var(--border-strong);--btn-outline-text: var(--text-primary);--btn-outline-bg-hover: var(--bg-muted);--btn-ghost-text: var(--text-primary);--btn-ghost-bg-hover: var(--bg-muted);--btn-danger-bg: var(--danger);--btn-danger-bg-hover: #e11d48;--btn-danger-text: #ffffff;--btn-success-bg: var(--success);--btn-success-bg-hover: #0891b2;--btn-success-text: #ffffff;--btn-warning-bg: var(--warning);--btn-warning-bg-hover: #d97706;--btn-warning-text: #1c1917;--btn-info-bg: var(--info);--btn-info-bg-hover: #8b5cf6;--btn-info-text: #ffffff;--btn-disabled-bg: #e2e0ef;--btn-disabled-text: #9b8dbd;--input-bg: var(--bg-elevated);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-border: var(--border-default);--input-border-focus: var(--brand);--input-ring-focus: var(--focus-ring);--input-disabled-bg: #f0edf8;--input-disabled-text: var(--text-muted);--input-disabled-border: #e2e0ef;--label-text: var(--text-primary);--shell-bg: var(--bg);--shell-sidebar-bg: var(--bg-elevated);--shell-sidebar-border: var(--border-default);--shell-sidebar-width: 220px;--shell-sidebar-collapsed: 56px;--shell-header-bg: var(--bg-elevated);--shell-header-border: var(--border-default);--shell-mobile-height: 56px;--nav-item-text: var(--text-secondary);--nav-item-hover-bg: var(--bg-muted);--nav-item-hover-text: var(--text-primary);--nav-item-active-bg: var(--brand);--nav-item-active-text: var(--brand-contrast);--nav-logo-text: var(--text-primary);--overlay-bg: rgba(0, 0, 0, .4);--integration-card-bg: var(--bg-elevated);--integration-card-border: var(--border-default);--integration-card-shadow: 0 2px 4px rgba(47, 31, 102, .06);--integration-footer-bg: rgba(255, 255, 255, .92);--integration-footer-border: var(--border-default);--integration-result-header-bg: var(--bg-muted);--integration-result-border: var(--border-default);--integration-section-bg: var(--bg-muted);--integration-section-border: var(--border-default);--landing-hero-from: #2f1f66;--landing-hero-to: var(--brand);--landing-hero-text: #ffffff;--landing-section-bg: var(--bg);--landing-section-alt-bg: var(--bg-muted);--landing-cta-bg: #2f1f66;--landing-cta-text: #ffffff;--landing-footer-border: var(--border-default);--background: var(--bg);--foreground: var(--text-primary);--border: var(--border-default);--primary: var(--brand);--primary-foreground: var(--brand-contrast);--destructive: var(--danger);--destructive-foreground: var(--text-inverse);--muted: var(--bg-muted);--muted-foreground: var(--text-muted);--card: var(--bg-elevated);--card-foreground: var(--text-primary);--popover: var(--bg-elevated);--popover-foreground: var(--text-primary);--secondary: var(--bg-muted);--secondary-foreground: var(--text-secondary);--accent: var(--bg-muted);--accent-foreground: var(--text-secondary);--input: var(--border-default);--radius: var(--radius-md);--ring-color: var(--focus-ring);--primary-rgb: 124, 58, 237;--color-text-primary: var(--text-primary);--color-border: var(--border-default);--color-primary: var(--brand);--colors-body-bg: var(--bg);--colors-primary-index: var(--brand);--colors-primary-foreground: var(--brand-hover);--destructive-background: var(--state-danger-bg);--destructive-border: var(--state-danger-border);--destructive-background-dark: #4a1022;--destructive-border-dark: #9f1239;--destructive-foreground-dark: #fda4af;--success-background: var(--state-success-bg);--success-border: var(--state-success-border);--success-foreground: var(--state-success-text);--warning-background: var(--state-warning-bg);--warning-border: var(--state-warning-border);--warning-foreground: var(--state-warning-text);--warning-background-dark: #3f2305;--warning-foreground-dark: #fbbf24;--info-background: var(--state-info-bg);--info-border: var(--state-info-border);--info-foreground: var(--state-info-text);--info-background-dark: #231a43;--info-foreground-dark: #c4b5fd;--logs-bg: hsl(222 47% 6%);--logs-surface-0: hsl(222 47% 6%);--logs-surface-1: hsl(222 44% 8%);--logs-surface-2: hsl(222 30% 12%);--logs-surface-3: hsl(222 30% 16%);--logs-border: hsl(222 20% 16%);--logs-topbar-bg: hsl(222 47% 6%);--logs-topbar-border: hsl(222 20% 16%);--logs-sidebar-bg: hsl(222 47% 5%);--logs-sidebar-border: hsl(222 20% 12%);--logs-sidebar-text: hsl(215 15% 60%);--logs-sidebar-hover-bg: hsl(222 30% 12%);--logs-sidebar-hover-text: hsl(210 20% 92%);--logs-sidebar-active-bg: hsl(222 30% 12%);--logs-sidebar-active-text: hsl(210 20% 92%);--logs-sidebar-width: 188px;--logs-sidebar-collapsed-width: 56px;--logs-text-primary: hsl(210 20% 92%);--logs-text-secondary: hsl(210 20% 80%);--logs-text-muted: hsl(215 15% 50%);--logs-text-dim: hsl(215 15% 45%);--logs-primary: hsl(199 89% 48%);--logs-primary-contrast: hsl(222 47% 6%);--logs-success: hsl(152 69% 46%);--logs-warning: hsl(38 92% 50%);--logs-error: hsl(0 72% 51%);--logs-critical: hsl(328 73% 55%);--logs-success-border: hsl(152 69% 46% / .35);--logs-warning-border: hsl(38 92% 50% / .35);--logs-error-border: hsl(0 72% 51% / .35);--logs-critical-border: hsl(328 73% 55% / .35);--logs-success-bg-soft: hsl(152 69% 46% / .08);--logs-warning-bg-soft: hsl(38 92% 50% / .08);--logs-error-bg-soft: hsl(0 72% 51% / .08);--logs-critical-bg-soft: hsl(328 73% 55% / .08);--logs-status-success-bg: hsl(152 69% 46% / .15);--logs-status-success-border: hsl(152 69% 46% / .3);--logs-status-success-text: hsl(152 70% 58%);--logs-status-warning-bg: hsl(38 92% 50% / .15);--logs-status-warning-border: hsl(38 92% 50% / .3);--logs-status-warning-text: hsl(38 95% 58%);--logs-status-error-bg: hsl(0 72% 51% / .15);--logs-status-error-border: hsl(0 72% 51% / .3);--logs-status-error-text: hsl(0 85% 62%);--logs-status-info-bg: hsl(199 89% 48% / .15);--logs-status-info-border: hsl(199 89% 48% / .3);--logs-status-info-text: hsl(199 100% 62%);--logs-status-critical-bg: hsl(328 73% 55% / .15);--logs-status-critical-border: hsl(328 73% 55% / .3);--logs-status-critical-text: hsl(328 85% 70%);--logs-chart-bg: hsl(222 44% 9%);--logs-chart-grid: hsl(222 20% 16%);--logs-chart-primary: hsl(199 89% 48%);--logs-chart-warning: hsl(38 92% 50%);--logs-chart-error: hsl(0 72% 51%);--logs-overlay: hsl(222 47% 2% / .58);--logs-elevation-2: 0 20px 40px hsl(222 60% 2% / .48)}[data-theme=dark]{color-scheme:dark;--bg: #120a26;--bg-elevated: #16112a;--bg-muted: #1f1738;--text-primary: #f3eeff;--text-secondary: #c4b5fd;--text-muted: #a896d4;--text-caption: #8e7ab8;--text-code: #22d3ee;--text-inverse: #120a26;--border-default: #3a2c66;--border-strong: #7c6aa8;--brand: #a78bfa;--brand-hover: #c4b5fd;--brand-contrast: #120a26;--success: #22d3ee;--warning: #fbbf24;--danger: #fb7185;--info: #c4b5fd;--focus-ring: #a78bfa;--state-success-bg: #123544;--state-success-border: #0e7490;--state-success-text: #67e8f9;--state-warning-bg: #3f2305;--state-warning-border: #b45309;--state-warning-text: #fcd34d;--state-danger-bg: #4a1022;--state-danger-border: #9f1239;--state-danger-text: #fda4af;--state-info-bg: #231a43;--state-info-border: #5b21b6;--state-info-text: #ddd6fe;--btn-primary-bg: var(--brand);--btn-primary-bg-hover: var(--brand-hover);--btn-primary-text: var(--brand-contrast);--btn-secondary-bg: #2d2354;--btn-secondary-bg-hover: #3a2c66;--btn-secondary-text: var(--text-primary);--btn-outline-border: var(--border-strong);--btn-outline-text: var(--text-primary);--btn-outline-bg-hover: var(--bg-muted);--btn-ghost-text: var(--text-primary);--btn-ghost-bg-hover: var(--bg-muted);--btn-danger-bg: var(--danger);--btn-danger-bg-hover: #f9a8b4;--btn-danger-text: #1a0a0e;--btn-success-bg: var(--success);--btn-success-bg-hover: #67e8f9;--btn-success-text: #0a2a33;--btn-warning-bg: var(--warning);--btn-warning-bg-hover: #fcd34d;--btn-warning-text: #1c1917;--btn-info-bg: var(--info);--btn-info-bg-hover: #ddd6fe;--btn-info-text: #1a1033;--btn-disabled-bg: #1f1738;--btn-disabled-text: #5a4a80;--input-bg: var(--bg-elevated);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-border: var(--border-default);--input-border-focus: var(--brand);--input-ring-focus: var(--focus-ring);--input-disabled-bg: #1a1330;--input-disabled-text: var(--text-muted);--input-disabled-border: #2d2354;--label-text: var(--text-primary);--shell-bg: var(--bg);--shell-sidebar-bg: var(--bg-elevated);--shell-sidebar-border: var(--border-default);--shell-sidebar-width: 220px;--shell-sidebar-collapsed: 56px;--shell-header-bg: var(--bg-elevated);--shell-header-border: var(--border-default);--shell-mobile-height: 56px;--nav-item-text: var(--text-secondary);--nav-item-hover-bg: var(--bg-muted);--nav-item-hover-text: var(--text-primary);--nav-item-active-bg: var(--brand);--nav-item-active-text: var(--brand-contrast);--nav-logo-text: var(--text-primary);--overlay-bg: rgba(0, 0, 0, .6);--integration-card-bg: var(--bg-elevated);--integration-card-border: var(--border-default);--integration-card-shadow: 0 2px 4px rgba(0, 0, 0, .2);--integration-footer-bg: rgba(22, 17, 42, .92);--integration-footer-border: var(--border-default);--integration-result-header-bg: var(--bg-muted);--integration-result-border: var(--border-default);--integration-section-bg: var(--bg-muted);--integration-section-border: var(--border-default);--landing-hero-from: #120a26;--landing-hero-to: var(--brand);--landing-hero-text: var(--text-primary);--landing-section-bg: var(--bg);--landing-section-alt-bg: var(--bg-muted);--landing-cta-bg: #1f1738;--landing-cta-text: var(--text-primary);--landing-footer-border: var(--border-default);--primary-rgb: 167, 139, 250;--destructive-background-dark: var(--state-danger-bg);--destructive-border-dark: var(--state-danger-border);--destructive-foreground-dark: var(--state-danger-text);--warning-background-dark: var(--state-warning-bg);--warning-foreground-dark: var(--state-warning-text);--info-background-dark: var(--state-info-bg);--info-foreground-dark: var(--state-info-text);--logs-bg: hsl(222 47% 6%);--logs-surface-0: hsl(222 47% 6%);--logs-surface-1: hsl(222 44% 8%);--logs-surface-2: hsl(222 30% 12%);--logs-surface-3: hsl(222 30% 16%);--logs-border: hsl(222 20% 16%);--logs-topbar-bg: hsl(222 47% 6%);--logs-topbar-border: hsl(222 20% 16%);--logs-sidebar-bg: hsl(222 47% 5%);--logs-sidebar-border: hsl(222 20% 12%);--logs-sidebar-text: hsl(215 15% 60%);--logs-sidebar-hover-bg: hsl(222 30% 12%);--logs-sidebar-hover-text: hsl(210 20% 92%);--logs-sidebar-active-bg: hsl(222 30% 12%);--logs-sidebar-active-text: hsl(210 20% 92%);--logs-sidebar-width: 188px;--logs-sidebar-collapsed-width: 56px;--logs-text-primary: hsl(210 20% 92%);--logs-text-secondary: hsl(210 20% 80%);--logs-text-muted: hsl(215 15% 50%);--logs-text-dim: hsl(215 15% 45%);--logs-primary: hsl(199 89% 48%);--logs-primary-contrast: hsl(222 47% 6%);--logs-success: hsl(152 69% 46%);--logs-warning: hsl(38 92% 50%);--logs-error: hsl(0 72% 51%);--logs-critical: hsl(328 73% 55%);--logs-success-border: hsl(152 69% 46% / .35);--logs-warning-border: hsl(38 92% 50% / .35);--logs-error-border: hsl(0 72% 51% / .35);--logs-critical-border: hsl(328 73% 55% / .35);--logs-success-bg-soft: hsl(152 69% 46% / .08);--logs-warning-bg-soft: hsl(38 92% 50% / .08);--logs-error-bg-soft: hsl(0 72% 51% / .08);--logs-critical-bg-soft: hsl(328 73% 55% / .08);--logs-status-success-bg: hsl(152 69% 46% / .15);--logs-status-success-border: hsl(152 69% 46% / .3);--logs-status-success-text: hsl(152 70% 58%);--logs-status-warning-bg: hsl(38 92% 50% / .15);--logs-status-warning-border: hsl(38 92% 50% / .3);--logs-status-warning-text: hsl(38 95% 58%);--logs-status-error-bg: hsl(0 72% 51% / .15);--logs-status-error-border: hsl(0 72% 51% / .3);--logs-status-error-text: hsl(0 85% 62%);--logs-status-info-bg: hsl(199 89% 48% / .15);--logs-status-info-border: hsl(199 89% 48% / .3);--logs-status-info-text: hsl(199 100% 62%);--logs-status-critical-bg: hsl(328 73% 55% / .15);--logs-status-critical-border: hsl(328 73% 55% / .3);--logs-status-critical-text: hsl(328 85% 70%);--logs-chart-bg: hsl(222 44% 9%);--logs-chart-grid: hsl(222 20% 16%);--logs-chart-primary: hsl(199 89% 48%);--logs-chart-warning: hsl(38 92% 50%);--logs-chart-error: hsl(0 72% 51%);--logs-overlay: hsl(222 47% 2% / .58);--logs-elevation-2: 0 20px 40px hsl(222 60% 2% / .48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:1.5;color:var(--text-secondary);background:var(--bg);text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight)}h2{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight)}h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight)}p{margin:0;font-size:var(--type-body-size);font-weight:var(--type-body-weight);color:var(--text-secondary)}small{font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);color:var(--text-muted)}.text-display{font-size:var(--type-display-size);font-weight:var(--type-display-weight);color:var(--text-primary);line-height:1.2}.text-body-sm{font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);color:var(--text-muted)}.text-caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--text-caption)}code,pre{font-family:var(--font-mono);font-size:var(--type-code-size);color:var(--text-code)}a{color:inherit}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}::selection{background:var(--brand);color:var(--brand-contrast)}::-webkit-scrollbar{height:.375rem;width:.5rem}::-webkit-scrollbar-thumb{background:var(--brand);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb:hover{background:var(--brand-hover)}.container{max-width:1280px;margin:0 auto;padding:var(--space-8);text-align:center;background:var(--bg)}