:root{--color-primary: #000000;--color-primary-hover: #1a1a1a;--color-accent: #0070f3;--color-text: #111111;--color-text-primary: #111111;--color-text-secondary: #666666;--color-text-muted: #999999;--color-bg: #fafafa;--color-bg-light: #f0f0f0;--color-bg-subtle: #f3f4f6;--color-bg-surface: #f9fafb;--color-bg-hover: #f5f5f5;--color-bg-info: #f0f7ff;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-white: #ffffff;--color-dark: #111111;--color-ui-ink: #111111;--color-surface: var(--color-white);--color-border: var(--border-subtle);--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-info-text: #1e3a8a;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-warning-text: #78350f;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #166534;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-max: 1100px;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .12);--border-subtle: #e5e5e5;--color-sidebar-bg: var(--color-white);--hero-grid-color: rgba(0, 0, 0, .05);--color-ai-icon-from: #6366f1;--color-ai-icon-to: #8b5cf6;--color-ai-card-border: #e0d7ff;--color-ai-card-bg-from: #faf5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased}a{color:var(--color-text-primary);text-decoration:none;font-weight:500}[data-theme=violet]{--color-primary: #6d28d9;--color-primary-hover: #5b21b6;--color-accent: #7c3aed;--color-bg: #fdfcff;--color-bg-light: #f5f3ff;--color-bg-subtle: #ede9fe;--color-bg-hover: #f5f3ff;--border-subtle: #ddd6fe;--color-info-bg: #f5f3ff;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-sm: 5px;--color-ui-ink: #4c1d95;--shadow-card: 0 4px 16px rgba(124, 58, 237, .1);--shadow-modal: 0 12px 40px rgba(124, 58, 237, .16);--color-sidebar-bg: #f9f5ff;--hero-grid-color: rgba(109, 40, 217, .06);--color-ai-icon-from: #7c3aed;--color-ai-icon-to: #a855f7;--color-ai-card-border: #ddd6fe;--color-ai-card-bg-from: #f5f3ff}[data-theme=ocean]{--color-primary: #0047cc;--color-primary-hover: #003db0;--color-accent: #005bff;--color-bg: #f8fafc;--color-bg-light: #e8f2ff;--color-bg-subtle: #dbeafe;--color-bg-hover: #f0f7ff;--border-subtle: #c7d9f8;--color-info-bg: #eff6ff;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-sm: 4px;--color-ui-ink: #1e3a8a;--shadow-card: 0 2px 8px rgba(0, 91, 255, .08);--shadow-modal: 0 8px 32px rgba(0, 91, 255, .12);--color-sidebar-bg: #f0f7ff;--hero-grid-color: transparent;--color-ai-icon-from: #005bff;--color-ai-icon-to: #0ea5e9;--color-ai-card-border: #bfdbfe;--color-ai-card-bg-from: #eff6ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;min-height:38px;border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-size:14px;font-weight:500;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:opacity .15s,border-color .15s}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-white);font-weight:700;letter-spacing:0;border-color:transparent}.btn-primary:not(:disabled):hover{opacity:.85}.btn-primary.btn-danger{background:var(--color-danger)}.btn-secondary{background:var(--color-white);color:var(--color-text-primary);border-color:var(--border-subtle)}.btn-secondary:not(:disabled):hover{border-color:#999}.btn-ghost{background:none;border-color:transparent;color:var(--color-text-secondary)}.btn-ghost:not(:disabled):hover{color:var(--color-text-primary)}.btn-outline-danger{background:none;color:var(--color-danger);border-color:#fca5a5}.btn-outline-danger:not(:disabled):hover{border-color:var(--color-danger)}.btn-sm{min-height:32px;padding:0 14px;font-size:13px}.btn-xs{min-height:26px;padding:0 10px;font-size:12px}.btn-full{width:100%}.btn-file{cursor:pointer}.btn-file input[type=file]{display:none}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f8f8;--color-bg-tertiary: #f1f0ec;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-text-hint: #9ca3af;--color-border-light: rgba(0,0,0,.08);--color-border-medium: rgba(0,0,0,.15);--color-accent: #3B82F6;--color-accent-light: #EFF6FF;--color-accent-text: #1D4ED8;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}.badge{font-size:10px;padding:2px 7px;border-radius:99px;display:inline-block}.badge-wb{background:#eff6ff;color:#1d4ed8}.badge-ozon{background:#fff7ed;color:#c2410c}.badge-done{background:#f0fdf4;color:#166534}.badge-new{background:#eff6ff;color:#1d4ed8;border:1px solid #93C5FD}.badge-cat{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.btn-primary{padding:8px 18px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary{padding:8px 18px;background:var(--color-bg-primary);color:var(--color-text-primary);border:.5px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.btn-sm{padding:5px 12px;font-size:11px;border-radius:var(--radius-md);cursor:pointer}.btn-primary.btn-sm,.btn-primary.btn-xs{background:var(--color-accent);color:#fff;border:none}.btn-secondary.btn-sm,.btn-sm:not(.btn-primary):not(.btn-secondary){background:var(--color-bg-primary);color:var(--color-text-primary);border:.5px solid var(--color-border-medium)}.btn-sm-blue{padding:5px 12px;font-size:11px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;border:none;cursor:pointer}.card{background:var(--color-bg-primary);border:.5px solid var(--color-border-light);border-radius:var(--radius-lg);padding:20px 24px}.card-featured{background:var(--color-bg-primary);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:20px 24px}.section-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--color-surface, #1a1a1a);border-top:1px solid var(--color-border, #2a2a2a);font-size:13px;color:var(--color-text-secondary, #888)}.cookie-text{flex:1;line-height:1.5}.cookie-link{background:none;border:none;padding:0;color:var(--color-accent, #0070f3);cursor:pointer;font-size:inherit;text-decoration:underline}.cookie-accept{flex-shrink:0;padding:8px 20px;background:var(--color-primary, #000);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.cookie-accept:hover{opacity:.85}.slides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:720px){.slides-grid{grid-template-columns:1fr}}.slide-example{border-radius:16px;overflow:hidden;border:1px solid var(--color-border, #2a2a2a);background:var(--color-surface, #141414);display:flex;flex-direction:column}.slide-ex-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;color:var(--color-text-secondary, #888);border-bottom:1px solid var(--color-border, #2a2a2a)}.slide-ex-inner{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:160px}.slide-ex-product{width:72px;height:72px;border-radius:12px;background:var(--color-border, #2a2a2a);align-self:center}.slide-example-main .slide-ex-inner{align-items:center}.slide-ex-title-block{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.slide-ex-line{height:10px;border-radius:5px;background:var(--color-border, #2a2a2a)}.slide-ex-line-xs{width:40%}.slide-ex-line-sm{width:55%}.slide-ex-line-md{width:70%}.slide-ex-line-lg{width:85%}.slide-ex-benefits{display:flex;flex-direction:column;gap:14px;width:100%}.slide-ex-benefit{display:flex;align-items:center;gap:10px}.slide-ex-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary, #000);flex-shrink:0}.slide-ex-benefit-lines{flex:1;display:flex;flex-direction:column;gap:5px}.slide-ex-table{display:flex;flex-direction:column;gap:10px;width:100%}.slide-ex-row{display:flex;gap:10px}.slide-ex-cell{flex:1}.slide-ex-steps{display:flex;flex-direction:column;gap:12px;width:100%}.slide-ex-step{display:flex;align-items:center;gap:10px}.slide-ex-step-num{width:20px;height:20px;border-radius:50%;background:var(--color-primary, #000);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slide-ex-faq{display:flex;flex-direction:column;gap:12px;width:100%}.slide-ex-faq-item{display:flex;flex-direction:column;gap:5px;border-left:2px solid var(--color-primary, #000);padding-left:8px}.slide-ex-faq-q{display:flex;align-items:center;gap:6px}.slide-ex-dim-line{position:absolute;background:var(--color-primary, #000);opacity:.5}.slide-ex-dim-w{height:1px;width:100%;bottom:-8px;left:0}.slide-ex-dim-h{width:1px;height:100%;right:-8px;top:0}.slides-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.slides-grid{grid-template-columns:repeat(2,1fr)}}.slide-ex-label{font-size:12px;color:var(--color-text-secondary, #888);text-align:center;padding:10px 14px;border-top:1px solid var(--color-border, #2a2a2a)}.section-sub{color:var(--color-text-secondary, #888);margin-top:8px}.faq-list{display:flex;flex-direction:column;gap:2px;max-width:720px;margin:0 auto}.faq-item{border:1px solid var(--color-border, #2a2a2a);border-radius:12px;padding:18px 20px;cursor:pointer;transition:background .15s}.faq-item:hover{background:var(--color-surface, #141414)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:500;font-size:15px}.faq-arrow{flex-shrink:0;transition:transform .2s;color:var(--color-text-secondary, #888)}.faq-arrow-open{transform:rotate(180deg)}.faq-a{margin-top:12px;font-size:14px;line-height:1.6;color:var(--color-text-secondary, #888)}