@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--sleek-accent: #ff6b35;--sleek-accent-dark: #cc5528;--sleek-accent-light: #ffb899;--sleek-primary: #4f5d75;--sleek-primary-dark: #3d4a5e;--sleek-accent-05: rgba(239, 131, 84, .05);--sleek-accent-10: rgba(239, 131, 84, .1);--sleek-accent-15: rgba(239, 131, 84, .15);--sleek-accent-30: rgba(239, 131, 84, .3);--sleek-accent-50: rgba(239, 131, 84, .5);--sleek-white: #ffffff;--sleek-gray-100: #f7f8fa;--sleek-gray-200: #e5e7eb;--sleek-gray-300: #d4d7dc;--sleek-gray-400: #d1d5db;--sleek-gray-500: #9ca3af;--sleek-gray-600: #6b7280;--sleek-gray-700: #374151;--sleek-gray-900: #1c222b;--sleek-success: #10b981;--sleek-error: #ef4444;--sleek-error-hover: #dc2626;--sleek-info: #1565c0;--sleek-warning: #b45309;--sleek-warning-bg: #fef3e2;--sleek-danger-action: #dd4f2a;--sleek-danger-action-bg: rgba(221, 79, 42, .08);--text-primary: var(--sleek-gray-900);--text-secondary: var(--sleek-gray-600);--text-muted: var(--sleek-gray-500);--text-placeholder: var(--sleek-gray-400);--text-on-accent: var(--sleek-white);--text-link: var(--sleek-accent);--surface-page: #f8f9fa;--surface-card: var(--sleek-white);--surface-sunken: var(--sleek-gray-100);--surface-editor-canvas: rgb(246, 246, 246);--surface-accent-wash: var(--sleek-accent-10);--surface-inverse: var(--sleek-gray-900);--border-default: var(--sleek-gray-200);--border-hover: var(--sleek-gray-400);--border-strong: var(--sleek-gray-500);--border-accent: var(--sleek-accent);--border-control-hover: #d3d7dd;--interactive-accent: var(--sleek-accent);--interactive-accent-hover: var(--sleek-primary);--interactive-danger: var(--sleek-error);--interactive-danger-hover: var(--sleek-error-hover);--interactive-disabled-bg: var(--sleek-gray-200);--interactive-disabled-fg: var(--sleek-gray-400);--scrim: rgba(15, 23, 42, .3);--scrim-blur: 6px}:root{--font-ui: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-micro: 10.5px;--text-caption: 11px;--text-tiny: 11.5px;--text-small: 12px;--text-control: 12.5px;--text-body: 13px;--text-base: 14px;--text-title: 17px;--text-heading: 28px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.45;--leading-body: 1.5;--tracking-title: -.01em;--tracking-heading: -.02em;--tracking-label: .08em;--tracking-micro: .09em}:root{--space-025: 2px;--space-05: 4px;--space-075: 6px;--space-1: 8px;--space-125: 10px;--space-15: 12px;--space-2: 16px;--space-25: 20px;--space-3: 24px;--space-4: 32px;--page-max-width: 1200px;--page-padding-x: 32px;--page-padding-x-sm: 20px;--control-height-sm: 26px;--control-height-md: 34px;--control-height-lg: 38px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-chip: 8px;--radius-control: 9px;--radius-md: 10px;--radius-card: 12px;--radius-popover: 14px;--radius-card-lg: 14px;--radius-dialog: 16px;--radius-pill: 999px;--radius-full: 50%}:root{--shadow-popover: 0 14px 38px rgba(17, 24, 39, .13);--shadow-menu: 0 8px 24px rgba(17, 24, 39, .1), 0 1px 2px rgba(17, 24, 39, .06);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-card-rest: 0 1px 3px rgba(16, 24, 40, .06);--shadow-card-hover: 0 6px 16px rgba(16, 24, 40, .12);--shadow-accent: 0 1px 3px rgba(255, 107, 53, .3);--shadow-accent-hover: 0 2px 8px rgba(255, 107, 53, .35);--shadow-danger: 0 1px 3px rgba(239, 68, 68, .3);--shadow-danger-hover: 0 2px 8px rgba(239, 68, 68, .35);--shadow-segment-active: 0 1px 3px rgba(17, 24, 39, .1);--focus-ring-accent: 0 0 0 3px rgba(239, 131, 84, .1)}:root{--dur-instant: .1s;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--ease-standard: ease;--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--transition-card: opacity .15s ease, box-shadow .15s ease, transform .15s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sleek-white);font-family:var(--font-ui);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}p{margin:0}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--sleek-accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:600px){:root{--page-padding-x: 20px}}.sl-header-nav{display:flex;align-items:center;gap:26px;font-size:13.5px;font-weight:500}@media(max-width:860px){.sl-header-nav{display:none}}.hero-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px 72px;align-items:center}@media(max-width:900px){.hero-split{grid-template-columns:minmax(0,1fr)}}.heading-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 72px;align-items:start}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 56px}@media(max-width:900px){.heading-split{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:minmax(0,1fr)}}.demo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px;margin-bottom:32px}.demo-step{display:flex;flex-direction:column;justify-content:flex-start;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.demo-step:focus-visible{outline:2px solid var(--sleek-accent);outline-offset:6px;border-radius:4px}@media(max-width:900px){.demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.demo-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.demo-step-desc,.demo-step-num{display:none!important}.demo-step-title{font-size:14px!important}.demo-caption-mobile{display:block!important}}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.grid-3{grid-template-columns:minmax(0,1fr)}}
