:root{--color-primary: #1a2332;--color-primary-light: #2d3e50;--color-primary-dark: #0f1720;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: #60a5fa;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-dark: #1a2332;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--container-max-width: 1200px;--container-padding: var(--spacing-lg);--header-height: 70px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:#3b82f633;color:var(--color-text-primary)}::-moz-selection{background-color:#3b82f633;color:var(--color-text-primary)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{font-family:var(--font-family-base);font-size:15px;line-height:1.6;color:#374151;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.3;color:#1f2937;margin-bottom:var(--spacing-lg);letter-spacing:-.01em}h1{font-size:2.5rem;margin-bottom:1.5rem;color:#111827}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-lg);line-height:1.7;color:#4b5563;font-size:1rem;max-width:75ch}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--color-accent-hover)}.docs-page a:not(.btn){text-decoration:underline;text-decoration-color:#3b82f64d;text-decoration-thickness:2px;text-underline-offset:3px;transition:all var(--transition-fast)}.docs-page a:not(.btn):hover{text-decoration-color:var(--color-accent);text-underline-offset:5px}ul{margin-bottom:var(--spacing-lg);padding-left:0;list-style:none}ul li{position:relative;padding-left:1.75rem;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.7;list-style:none}ul li:before{content:"";position:absolute;left:.5rem;top:.7em;width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;flex-shrink:0}ol{padding-left:0;list-style:none;counter-reset:item;margin-bottom:var(--spacing-lg)}ol li{position:relative;padding-left:2rem;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.7;counter-increment:item;list-style:none}ol li:before{content:counter(item) ".";position:absolute;left:0;font-weight:var(--font-weight-semibold);color:var(--color-accent);min-width:1.5rem}strong{font-weight:600;color:#1f2937}code{font-family:var(--font-family-mono);font-size:.875em;background:#f1f5f9;padding:.2em .4em;border-radius:.25rem;color:#1e293b;border:1px solid #e2e8f0;font-weight:500}pre{background:#1e293b;color:#e2e8f0;padding:var(--spacing-xl);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--spacing-xl);line-height:1.6;border:1px solid #334155;box-shadow:0 4px 12px #00000026;position:relative;font-size:.9375rem}pre code{background-color:transparent;padding:0;color:#e2e8f0;font-size:.9375rem;font-family:Consolas,Monaco,Courier New,monospace;display:block;border:none;line-height:1.6}pre code .json-key{color:#7dd3fc}pre code .json-string{color:#a5f3a5}pre code .json-number{color:#fbbf24}pre code .json-boolean{color:#f472b6}pre code .json-null{color:#94a3b8}pre code .comment{color:#64748b;font-style:italic}.line-number{display:table-cell;text-align:right;padding-right:var(--spacing-md);-webkit-user-select:none;user-select:none;color:#64748b;border-right:1px solid rgba(255,255,255,.1);min-width:3em}.line-content{display:table-cell;padding-left:var(--spacing-md)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0}.section--sm{padding:var(--spacing-2xl) 0}.section--lg{padding:var(--spacing-4xl) 0}.section--primary{background-color:var(--color-bg-primary)}.section--secondary{background-color:var(--color-bg-secondary);background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.03) 0%,transparent 50%)}.section--dark{background-color:var(--color-bg-dark);color:var(--color-text-inverse)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:#fff}.section--dark p,.section--dark li{color:#ffffffe6;font-size:1rem}.grid{display:grid;gap:var(--spacing-2xl)}.grid--2col{grid-template-columns:repeat(2,1fr)}.grid--3col{grid-template-columns:repeat(3,1fr)}.grid--4col{grid-template-columns:repeat(4,1fr)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.card:hover{box-shadow:0 10px 30px #00000014,0 1px 3px #0000000d;transform:translateY(-4px);border-color:var(--color-accent)}.card:hover:before{transform:scaleX(1)}.card__title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:#1f2937}.card__description{color:#6b7280;line-height:1.7;font-size:.9375rem}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--color-text-inverse);box-shadow:0 4px 12px #3b82f633;position:relative;overflow:hidden}.btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn--primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,#1d4ed8 100%);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn--primary:hover:before{left:100%}.btn--secondary{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn--secondary:hover{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn--large{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn--small{padding:.5rem 1rem;font-size:var(--font-size-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.text-left{text-align:left}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-inverse{color:var(--color-text-inverse)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.info-box{padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border-left:4px solid;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.info-box:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.03;pointer-events:none}.info-box--info{background-color:#eff6ff;border-left-color:#3b82f6}.info-box--info p{color:#1e40af}.info-box--success{background-color:#f0fdf4;border-left-color:#10b981}.info-box--success p{color:#065f46}.info-box--warning{background-color:#fffbeb;border-left-color:#f59e0b}.info-box--warning p{color:#92400e}.info-box--error{background-color:#fef2f2;border-left-color:#ef4444}.info-box--error p{color:#991b1b}.info-box__title{font-weight:600;margin-bottom:var(--spacing-md);color:#1f2937;font-size:1.0625rem}.code-block{position:relative;margin-bottom:var(--spacing-xl)}.code-block__header{background:linear-gradient(135deg,#334155,#1e293b);color:var(--color-text-inverse);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid rgba(255,255,255,.1);border-bottom:none;display:flex;align-items:center;gap:var(--spacing-sm)}.code-block__header:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#ef4444,#b91c1c);box-shadow:16px 0 #fbbf24,32px 0 #22c55e}.code-block pre{margin-bottom:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.code-block--standalone pre{border-radius:var(--radius-md)}@media(max-width:1024px){:root{--container-padding: var(--spacing-md);--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.grid--3col,.grid--4col{grid-template-columns:repeat(2,1fr)}.section{padding:var(--spacing-3xl) 0}}@media(max-width:768px){:root{--container-padding: var(--spacing-md);--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.375rem;--font-size-2xl: 1.25rem}.grid--2col,.grid--3col,.grid--4col{grid-template-columns:1fr}.section{padding:var(--spacing-2xl) 0}.btn{width:100%}.btn+.btn{margin-top:var(--spacing-sm)}}@media(max-width:480px){:root{--container-padding: var(--spacing-sm)}}:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-accent-50: #fdf4ff;--color-accent-100: #fae8ff;--color-accent-200: #f5d0fe;--color-accent-300: #f0abfc;--color-accent-400: #e879f9;--color-accent-500: #d946ef;--color-accent-600: #c026d3;--color-accent-700: #a21caf;--color-accent-800: #86198f;--color-accent-900: #701a75;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Consolas", "Monaco", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-5xl: 6rem;--space-6xl: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900);background-color:var(--color-gray-50);min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900);margin-bottom:var(--space-lg)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}h2{font-size:var(--text-4xl);letter-spacing:-.01em}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-lg);color:var(--color-gray-700);line-height:var(--leading-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}strong,b{font-weight:var(--font-semibold);color:var(--color-gray-900)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-gray-100);padding:.2em .4em;border-radius:var(--radius-sm);color:var(--color-primary-700);font-weight:var(--font-medium)}pre{font-family:var(--font-mono);background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-xl);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-xl);line-height:var(--leading-relaxed);box-shadow:var(--shadow-md)}pre code{background:none;padding:0;color:inherit;font-size:var(--text-sm)}ul,ol{margin-bottom:var(--space-xl);padding-left:var(--space-2xl)}li{margin-bottom:var(--space-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.container--narrow{max-width:900px}.container--wide{max-width:1400px}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-gray-200)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-md)}.card__description{color:var(--color-gray-600);margin-bottom:var(--space-lg)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge--error{background-color:var(--color-error-light);color:var(--color-error)}.alert{padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border-left:4px solid}.alert--info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-gray-800)}.alert--success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-gray-800)}.alert--warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-gray-800)}.alert--error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-gray-800)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}button:active,.btn:active{transform:translateY(0)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full);border:3px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}.sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--color-gray-900);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;overflow-x:hidden;z-index:var(--z-fixed);border-right:1px solid var(--color-gray-200);box-shadow:2px 0 16px #0000000a,1px 0 4px #00000005}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400);background-clip:content-box}.sidebar__header{padding:var(--space-2xl) var(--space-xl);border-bottom:1px solid var(--color-gray-200);background:linear-gradient(135deg,#6366f105,#8b5cf605)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--color-gray-900);transition:all var(--transition-base);padding:var(--space-sm);border-radius:var(--radius-lg)}.sidebar__logo:hover{transform:translate(4px);background:#6366f10d}.sidebar__logo-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));transition:filter var(--transition-base)}.sidebar__logo:hover .sidebar__logo-icon{filter:drop-shadow(0 4px 8px rgba(99,102,241,.3))}.sidebar__logo-text{display:flex;flex-direction:column}.sidebar__logo-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__logo-subtitle{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-medium);margin-top:var(--space-xs)}.sidebar__search{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-gray-200);background:linear-gradient(135deg,#f8fafc80,#f1f5f980)}.sidebar__search-input{width:100%;padding:var(--space-md) var(--space-lg);background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-900);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;transition:all var(--transition-base);box-shadow:0 1px 2px #0000000d}.sidebar__search-input::placeholder{color:var(--color-gray-400)}.sidebar__search-input:focus{background:#fff;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #6366f11a,0 2px 4px #0000000d}.sidebar__nav{flex:1;padding:.75rem 0;overflow-y:auto;overflow-x:hidden}.sidebar__section{margin-bottom:.25rem}.sidebar__section-header{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:none;border:none;color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);text-align:left;border-radius:var(--radius-md);margin:var(--space-xs) var(--space-sm)}.sidebar__section-header:hover{color:var(--color-gray-900);background:linear-gradient(135deg,#6366f114,#8b5cf614)}.sidebar__section-icon{font-size:1rem;line-height:1}.sidebar__section-label{flex:1}.sidebar__section-toggle{font-size:.625rem;opacity:.6;transition:transform .2s ease}.sidebar__section-header--expanded .sidebar__section-toggle{transform:rotate(0)}.sidebar__section-items{padding-left:.5rem;margin-top:.25rem}.sidebar__link{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--color-gray-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);border-radius:var(--radius-md);margin:var(--space-xs) var(--space-sm);position:relative}.sidebar__link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);border-radius:0 var(--radius-full) var(--radius-full) 0;transition:height var(--transition-base)}.sidebar__link:hover{color:var(--color-gray-900);background:linear-gradient(135deg,#6366f114,#8b5cf614);transform:translate(2px)}.sidebar__link:hover:before{height:60%}.sidebar__link--active{color:var(--color-primary-700);background:linear-gradient(135deg,#6366f126,#8b5cf626);font-weight:var(--font-semibold);box-shadow:0 2px 8px #6366f126}.sidebar__link--active:before{height:70%}.sidebar__link--sub{padding-left:2.5rem;font-size:.8125rem}.sidebar__link--root{text-align:left!important;justify-content:flex-start!important}.sidebar__link-icon{font-size:1rem;line-height:1;opacity:.9}.sidebar__link-content{flex:1;display:flex;flex-direction:column}.sidebar__link-label{line-height:1.4}.sidebar__link-description{font-size:.75rem;color:black var(--color-gray-500);margin-top:.125rem}.sidebar__footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem}.sidebar__footer-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fffc;text-decoration:none;font-size:.8125rem;font-weight:500;transition:all .2s ease}.sidebar__footer-link svg{flex-shrink:0;display:block;width:16px;height:16px}.sidebar__footer-link:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #00000026}}.main-layout{display:flex;min-height:100vh;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);position:relative}.main-layout:before{content:"";position:fixed;top:0;right:0;width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.main-layout__wrapper{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-layout__content{flex:1;padding:var(--space-3xl) var(--space-4xl);max-width:100%;width:100%;animation:fadeIn .6s ease-out}.main-layout__footer{padding:var(--space-2xl) var(--space-3xl);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-gray-200);color:var(--color-gray-600);font-size:var(--text-sm);text-align:center;box-shadow:0 -4px 16px #00000005;position:relative}.main-layout__footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-300) 50%,transparent 100%)}.main-layout__footer p{margin:0;font-weight:var(--font-medium)}@media(max-width:1024px){.main-layout__content{padding:var(--space-2xl) var(--space-xl)}}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;width:48px;height:48px;border:none;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:all var(--transition-base)}.mobile-menu-toggle:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.mobile-menu-toggle:active{transform:translateY(0)}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;margin:auto}.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease;position:relative}.hamburger span:not(:last-child){margin-bottom:5px}.hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.main-layout:before{width:400px;height:400px}.main-layout__wrapper{margin-left:0}.main-layout__content{padding:var(--space-2xl) var(--space-lg);padding-top:5rem}.main-layout__footer{padding:var(--space-xl) var(--space-lg)}}@media(max-width:480px){.main-layout__content{padding:var(--space-xl) var(--space-md)}.main-layout__footer{padding:var(--space-lg) var(--space-md);font-size:var(--text-xs)}}.home-page{background-color:#fff;border-radius:8px;padding:0;box-shadow:0 1px 3px #00000014;scroll-behavior:smooth;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 4.5rem;margin-bottom:0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(255,255,255,.06) 0%,transparent 40%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:particleFloat 20s linear infinite;pointer-events:none;opacity:.3}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-title{position:relative;font-size:4rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-.05em;line-height:1.05;background:linear-gradient(135deg,#fff,#f0f9ff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 20px rgba(0,0,0,.2)) drop-shadow(0 0 40px rgba(255,255,255,.1));animation:fadeInUpScale 1s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-tagline{position:relative;font-size:1.25rem;line-height:1.8;color:#fffffff2;margin:0 auto 3rem;max-width:700px;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.15);animation:fadeInUp .8s ease-out .2s both}.hero-buttons{position:relative;display:flex;gap:1.25rem;align-items:center;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.125rem 2.75rem;font-size:1.0625rem;font-weight:600;color:#1e293b;background:linear-gradient(135deg,#fff,#f8fafc);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #00000026,0 10px 40px #0000001a,inset 0 1px #fff9;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0003,0 16px 50px #00000026,inset 0 1px #fffc}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.125rem 2.75rem;font-size:1.0625rem;font-weight:600;color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);border-radius:50px;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#ffffff38;border-color:#ffffff8c;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0003,0 0 0 4px #ffffff1a}.btn-secondary:active{transform:translateY(0);background:#ffffff26}@media(max-width:768px){.hero{min-height:500px;padding:4rem 1.5rem}.hero-title{font-size:3rem}.hero-tagline{font-size:1.125rem;margin-bottom:2.5rem}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.btn-primary,.btn-secondary{width:100%;max-width:320px;padding:.875rem 2rem;font-size:1rem}}@media(max-width:480px){.hero{min-height:450px;padding:3rem 1rem}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1rem}}.section{padding:4rem 3rem}.section:first-of-type{padding-top:4rem}.install-box{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:1.5rem;margin:3rem 0;position:relative}.install-box__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#f59e0b}.install-box__icon{font-size:1.25rem}.install-box__title{font-size:1rem;font-weight:600;margin:0;color:#f59e0b}.install-box__code{display:flex;align-items:center;justify-content:space-between;background-color:#1a202c;padding:.875rem 1.25rem;border-radius:6px;margin-bottom:.875rem}.install-box__command{font-family:Consolas,Monaco,monospace;color:#e2e8f0;font-size:.875rem}.install-box__copy{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.375rem .875rem;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.install-box__copy:hover{background-color:#ffffff26}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:3rem 0}.feature-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.75rem;transition:all .2s ease}.feature-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.feature-card__icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card__title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.feature-card__description{font-size:.9375rem;line-height:1.6;color:#6b7280;margin:0}.why-section{margin:4rem 0;padding:2.5rem;background:linear-gradient(135deg,#fef3c7,#fef9e7);border-radius:8px;border:1px solid #fcd34d;position:relative}.why-section__badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#f59e0b;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.why-section__title{font-size:1.875rem;font-weight:700;color:#78350f;margin-bottom:1rem}.why-section__subtitle{font-size:1.0625rem;color:#92400e;margin-bottom:2rem}.comparison-table{width:100%;margin:3rem 0;overflow:hidden}.comparison-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background-color:#fff;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005;transition:all .3s ease}.comparison-table table:hover{box-shadow:0 8px 24px #0000000f,0 2px 6px #00000008}.comparison-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.comparison-table th{padding:1.5rem;text-align:center;font-weight:700;font-size:.9375rem;color:#0f172a;border-bottom:3px solid #e2e8f0;letter-spacing:-.01em;position:relative;vertical-align:middle}.comparison-table th:first-child{text-align:left;padding-left:2rem;width:25%}.comparison-table th:nth-child(2),.comparison-table th:nth-child(3){width:25%;color:#64748b;font-weight:600}.comparison-table th:last-child{width:25%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:1rem;border-bottom:3px solid #6366f1;position:relative;box-shadow:inset 0 -3px #0000001a}.comparison-table th:last-child:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none}.comparison-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;font-size:.9375rem;color:#475569;line-height:1.6;transition:all .2s ease;text-align:center;vertical-align:middle}.comparison-table td:first-child{text-align:left;padding-left:2rem;font-weight:600;color:#0f172a}.comparison-table td:nth-child(2),.comparison-table td:nth-child(3){color:#64748b}.comparison-table td:last-child{background:linear-gradient(135deg,#f8fafc,#f0f4ff);font-weight:600;color:#0f172a;position:relative}.comparison-table td:last-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#6366f1,#8b5cf6)}.comparison-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.comparison-table tbody tr:hover{background:linear-gradient(90deg,#fafbfc,#f8fafc)}.comparison-table tbody tr:hover td:last-child{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table__feature{font-weight:600;color:#0f172a}.comparison-table__check{color:#10b981;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;transition:all .3s ease;font-weight:700;vertical-align:middle;margin-right:.5rem}.comparison-table tbody tr:hover .comparison-table__check{transform:scale(1.15);box-shadow:0 4px 12px #10b98140}.comparison-table__cross{color:#ef4444;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;opacity:.8;transition:all .3s ease;font-weight:700;vertical-align:middle;margin-right:.5rem}.comparison-table tbody tr:hover .comparison-table__cross{transform:scale(1.1);opacity:.9}.comparison-table__badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:.375rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #10b98126;transition:all .3s ease}.comparison-table__badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background-color:#3b82f6;color:#fff}.btn--primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn--outline{background-color:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn--outline:hover{background-color:#eff6ff;transform:translateY(-1px)}.section-what{background:linear-gradient(180deg,#fff,#f8fafc);padding:6rem 2rem;position:relative;overflow:hidden}.section-what:before{content:"";position:absolute;top:0;right:0;width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none}.section-what-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-what-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-what-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1.25rem;border-radius:24px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;box-shadow:0 4px 12px #6366f133}.badge-icon{width:16px;height:16px;color:#fff}.section-what-title{font-size:3rem;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:1.25rem;letter-spacing:-.025em;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-what-subtitle{font-size:1.125rem;line-height:1.7;color:#475569;max-width:680px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:2.25rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);transform:scaleX(0);transform-origin:left}.feature-card:after{content:"";position:absolute;inset:0;border-radius:18px;padding:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s ease}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 48px #6366f126,0 10px 20px #6366f114,inset 0 1px #ffffff80;border-color:transparent}.feature-card:hover:before{opacity:1;transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-card--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border:none;position:relative;box-shadow:0 8px 24px #6366f140,0 4px 12px #8b5cf626}.feature-card--primary:before{display:none}.feature-card--primary:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);pointer-events:none;opacity:.5;transition:all .8s ease}.feature-card--primary:hover:after{opacity:1;top:-30%;right:-30%}.feature-card--primary .feature-icon-wrapper{background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000026}.feature-card--primary .feature-icon,.feature-card--primary .feature-title,.feature-card--primary .feature-description{color:#fff}.feature-card--primary .feature-description{opacity:.95}.feature-card--primary:hover{box-shadow:0 28px 56px #6366f14d,0 12px 24px #8b5cf633}.feature-card-gradient{position:absolute;top:-25%;right:-25%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 40%,transparent 70%);pointer-events:none;opacity:.8;transition:all .8s ease}.feature-card:hover .feature-card-gradient{opacity:1;top:-15%;right:-15%;transform:scale(1.2)}.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #6366f11f;position:relative}.feature-icon-wrapper:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;opacity:0;transition:opacity .5s ease;z-index:-1}.feature-card:hover .feature-icon-wrapper{transform:scale(1.15) rotate(-8deg);box-shadow:0 12px 32px #6366f14d}.feature-card:hover .feature-icon-wrapper:before{opacity:.2}.feature-icon{width:24px;height:24px;color:#6366f1;stroke-width:2}.feature-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.4}.feature-description{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0}.section-what-cta{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e0e7ff);border:2px solid #e2e8f0;border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #6366f114;transition:all .5s ease}.section-what-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.03) 100%);pointer-events:none}.section-what-cta:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f11f;border-color:#c7d2fe}.cta-stats{display:flex;justify-content:center;align-items:center;gap:3rem}.stat-item{text-align:center;transition:transform .3s ease;cursor:default}.stat-item:hover{transform:translateY(-4px)}.stat-value{font-size:1.75rem;font-weight:900;color:#0f172a;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;transition:all .3s ease}.stat-item:hover .stat-value{transform:scale(1.1);letter-spacing:0}.stat-label{font-size:.9375rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.stat-item:hover .stat-label{color:#475569}.stat-divider{width:2px;height:50px;background:linear-gradient(180deg,transparent 0%,#c7d2fe 20%,#8b5cf6 50%,#c7d2fe 80%,transparent 100%);border-radius:2px;transition:all .3s ease}.section-what-cta:hover .stat-divider{height:60px;box-shadow:0 0 16px #8b5cf64d}@media(max-width:1024px){.hero-title{font-size:4rem}.hero-tagline{font-size:1.125rem}.section-what{padding:5rem 2.5rem}.section-what-title{font-size:2.5rem}.section-what-subtitle{font-size:1.0625rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{padding:2rem}.action-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.action-card--featured{grid-column:span 2}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;font-size:.875rem}}@media(max-width:768px){.hero{min-height:550px;padding:5rem 1.5rem 6rem}.hero-title{font-size:3rem}.hero-tagline{font-size:1rem;margin-bottom:2.5rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1rem;min-height:48px}.section-what{padding:4rem 1.5rem}.section-what-header{margin-bottom:3rem}.section-what-title{font-size:2.25rem}.section-what-subtitle{font-size:1rem}.feature-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}.feature-card{padding:1.75rem}.feature-card:hover{transform:translateY(-6px) scale(1.01)}.feature-icon-wrapper{width:56px;height:56px}.feature-title{font-size:1.0625rem}.feature-description{font-size:.875rem}.section-what-cta{padding:2rem}.cta-stats{flex-direction:column;gap:2rem}.stat-divider{display:none}.stat-value{font-size:1.5rem}.action-grid{grid-template-columns:1fr;gap:1.5rem}.action-card--featured{grid-column:span 1}.action-title{font-size:2.25rem}.action-subtitle{font-size:1rem}.action-card-title{font-size:1.125rem}.action-card-description{font-size:.875rem}.comparison-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table table{min-width:600px;font-size:.875rem}.comparison-table th,.comparison-table td{padding:1rem .75rem;font-size:.8125rem}.comparison-table th:first-child,.comparison-table td:first-child{padding-left:1rem;width:30%}.comparison-table th:nth-child(2),.comparison-table th:nth-child(3),.comparison-table th:last-child{width:23.33%}}@media(max-width:480px){.hero{min-height:500px;padding:4rem 1.25rem 5rem}.hero-title{font-size:2.5rem}.hero-tagline{font-size:.9375rem;margin-bottom:2rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;max-width:100%;padding:.875rem 1.5rem}.section-what{padding:3rem 1.25rem}.section-what-badge{font-size:.8125rem;padding:.4375rem .875rem}.section-what-title{font-size:1.875rem}.section-what-subtitle{font-size:.9375rem}.feature-card{padding:1.5rem}.section-what-cta{padding:1.75rem}.action-title{font-size:2rem}.action-subtitle{font-size:.9375rem}.action-card-icon{width:56px;height:56px;margin:1.25rem 1.25rem 0}.action-card-content{padding:0 1.25rem}.action-card-footer{padding:1.25rem}.tag{padding:.375rem .75rem;font-size:.75rem}.comparison-table{margin:2rem -1.25rem;padding:0 1.25rem}.comparison-table table{min-width:650px;font-size:.8125rem}.comparison-table th,.comparison-table td{padding:.875rem .625rem;font-size:.8125rem}.comparison-table th:first-child,.comparison-table td:first-child{padding-left:.875rem;position:sticky;left:0;background:#fff;z-index:1}.comparison-table thead th:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.comparison-table__check,.comparison-table__cross{width:24px;height:24px;font-size:1rem;margin-right:.375rem}}@media(max-width:896px)and (max-height:414px)and (orientation:landscape){.hero{min-height:100vh;padding:3rem 2rem}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-tagline{font-size:.9375rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:row}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.action-card-btn:focus-visible{outline:3px solid rgba(99,102,241,.5);outline-offset:3px}.feature-card:focus-within,.action-card:focus-within{outline:2px solid rgba(99,102,241,.4);outline-offset:2px}.what-is{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.what-is__content h2{color:#111827;margin-bottom:1.5rem}.what-is__list{list-style:none;padding:0;margin:0}.what-is__list-item{padding:1rem;margin-bottom:.75rem;background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:4px;list-style:none}.what-is__list-item:before{content:none!important}.what-is__list-item strong{display:block;color:#111827;margin-bottom:.375rem;font-size:.9375rem}@media(max-width:768px){.home-page{padding:1.5rem}.hero__title{font-size:2rem}.hero__subtitle{font-size:1rem}.hero__cta{flex-direction:column;align-items:stretch}.btn{justify-content:center}.what-is,.features-grid{grid-template-columns:1fr}.why-section{padding:1.5rem}.comparison-table{font-size:.8125rem}.comparison-table th,.comparison-table td{padding:.75rem .5rem}.action-grid{grid-template-columns:1fr!important}.action-card--featured{grid-column:span 1!important}}.section-action{background:linear-gradient(180deg,#fff,#f8fafc);padding:5rem 0;position:relative;overflow:hidden}.section-action:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%)}.action-header{text-align:center;max-width:800px;margin:0 auto 4rem;animation:fadeInUp .8s ease-out}.action-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:100px;color:#0284c7;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;transition:all .3s ease}.action-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0284c726}.action-badge-icon{width:16px;height:16px;color:#0284c7}.action-title{font-size:3.25rem;font-weight:900;color:#0f172a;margin:0 0 1.25rem;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#0f172a,#334155,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.action-subtitle{font-size:1.1875rem;color:#64748b;line-height:1.75;font-weight:400;max-width:720px;margin:0 auto}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;animation:fadeIn 1s ease-out .2s both}.action-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);opacity:0;transition:all .5s ease;transform:scaleX(0);transform-origin:left}.action-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 48px #6366f11f,0 12px 24px #6366f114;border-color:#c7d2fe}.action-card:hover:before{opacity:1;transform:scaleX(1)}.action-card--featured{grid-column:span 3;grid-row:span 1;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border:none;color:#fff;box-shadow:0 12px 40px #6366f14d;position:relative;overflow:hidden}.action-card--featured:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:rotateGradient 20s linear infinite;pointer-events:none}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-card--featured:hover{box-shadow:0 28px 56px #6366f159,0 12px 28px #8b5cf640}.action-card--featured .action-card-icon{background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0003}.action-card--featured .action-card-title,.action-card--featured .action-card-description,.action-card--featured .placeholder-label{color:#000}.action-card--featured .action-card-description{opacity:.95}.action-card--featured .action-card-btn{background:#fff;color:#6366f1}.action-card--featured .action-card-btn:hover{background:#f8fafc;transform:translate(4px)}.action-card--featured .tag{background:#fff3;color:#fff;border-color:#ffffff4d}.action-card-badge{position:absolute;top:1.25rem;right:1.25rem;background:linear-gradient(135deg,#fffffffa,#fffffff2);color:#6366f1;padding:.5rem 1rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 16px #6366f133,0 2px 8px #0000001a;z-index:10;animation:badgePulse 2.5s ease-in-out infinite;border:1px solid rgba(99,102,241,.2)}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #6366f133,0 2px 8px #0000001a}50%{transform:scale(1.08);box-shadow:0 6px 24px #6366f159,0 4px 12px #00000026}}.action-card-icon{width:64px;height:64px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:1.5rem 1.5rem 0;transition:all .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:0 4px 16px #6366f126;position:relative}.action-card-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;opacity:0;transition:opacity .5s ease;z-index:-1}.action-card-icon svg{color:#6366f1;stroke-width:2;transition:all .4s ease}.action-card:hover .action-card-icon{transform:scale(1.15) rotate(-8deg);box-shadow:0 8px 24px #6366f14d}.action-card:hover .action-card-icon:before{opacity:.15}.action-card:hover .action-card-icon svg{transform:scale(1.1)}.action-card-image{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden;margin:1rem 1.5rem 1.5rem;border-radius:12px;flex-shrink:0}.action-card-placeholder{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.placeholder-label{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#64748b;background:#ffffffe6;padding:.375rem .875rem;border-radius:100px;font-weight:500}.placeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;max-width:200px}.placeholder-window{aspect-ratio:1;background:#fff;border:2px solid #cbd5e1;border-radius:6px;box-shadow:0 2px 8px #00000014;animation:float 3s ease-in-out infinite}.placeholder-window:nth-child(1){animation-delay:0s}.placeholder-window:nth-child(2){animation-delay:.5s}.placeholder-window:nth-child(3){animation-delay:1s}.placeholder-window:nth-child(4){animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.placeholder-channels{display:flex;gap:1.5rem;align-items:center}.channel-indicator{width:48px;height:48px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 4px 12px #00000026;animation:pulse 2s ease-in-out infinite}.channel-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.channel-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);animation-delay:.5s}.channel-green{background:linear-gradient(135deg,#10b981,#059669);animation-delay:1s}.placeholder-theme{display:flex;gap:1rem}.theme-swatch{width:80px;height:80px;border-radius:12px;border:3px solid #ffffff;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease}.theme-swatch:hover{transform:scale(1.1)}.theme-light{background:linear-gradient(135deg,#fff,#f1f5f9)}.theme-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.placeholder-notifications{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:220px}.notification-item{height:40px;background:#fff;border:2px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 8px #00000014;animation:slideIn .5s ease-out}.notification-item:nth-child(1){animation-delay:0s}.notification-item:nth-child(2){animation-delay:.3s}.notification-item:nth-child(3){animation-delay:.6s}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.placeholder-docking{display:flex;gap:.5rem;align-items:center}.dock-window{width:80px;height:100px;background:#fff;border:2px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .5s ease}.dock-window-snap{animation:snap 2s ease-in-out infinite}@keyframes snap{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.placeholder-persistence{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.persistence-layout{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:200px}.layout-save-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 16px #6366f166;animation:pulse 2s ease-in-out infinite;z-index:2}.layout-save-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700}.layout-windows{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.layout-windows:before,.layout-windows:after{content:"";height:50px;background:#fff;border:2px solid #cbd5e1;border-radius:6px;box-shadow:0 2px 8px #00000014}.layout-windows:before{grid-column:1 / 3;animation:fadeIn 1s ease-in-out infinite alternate}.layout-windows:after{grid-column:3 / 4;animation:fadeIn 1s ease-in-out infinite alternate;animation-delay:.5s}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 16px #6366f166}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 24px #6366f199}}@keyframes fadeIn{0%{opacity:.4}to{opacity:1}}.placeholder-fdc3{display:flex;flex-direction:column;align-items:center;gap:1rem}.fdc3-logo{font-size:3rem;font-weight:900;color:#6366f1;letter-spacing:-.05em;text-shadow:0 4px 12px rgba(99,102,241,.3)}.fdc3-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1.25rem;border-radius:100px;font-weight:700;font-size:1.25rem;box-shadow:0 4px 16px #6366f166}.action-card-content{padding:0 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.action-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.4}.action-card-description{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0 0 1rem;flex:1}.action-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;font-size:.75rem;font-weight:600;color:#475569;transition:all .3s ease}.tag:hover{background:#e2e8f0;border-color:#cbd5e1}.action-card-footer{padding:0 1.5rem 1.5rem;margin-top:auto}.action-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f133}.action-card-btn:hover{transform:translate(4px);box-shadow:0 4px 16px #6366f14d}.action-card-btn:active{transform:translate(2px)}.action-card-btn svg{transition:transform .3s ease}.action-card-btn:hover svg{transform:translate(4px)}@media(max-width:1200px){.action-grid{grid-template-columns:repeat(2,1fr)}.action-card--featured{grid-column:span 2}}@media(max-width:768px){.action-title{font-size:2rem}.action-subtitle{font-size:1rem}.action-grid{grid-template-columns:1fr;gap:1.5rem}.action-card--featured{grid-column:span 1}.action-card-image{aspect-ratio:4 / 3}}.docs-page{background:linear-gradient(180deg,#fff,#f8fafc);min-height:100vh;padding:0}.docs-page__title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:3px solid var(--color-primary-500);letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:slideInLeft .6s ease-out}.docs-page__title:after{content:"";position:absolute;bottom:-3px;left:0;width:120px;height:3px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);border-radius:2px;box-shadow:0 2px 8px #6366f14d}.docs-page__section{margin-bottom:var(--space-4xl);padding:var(--space-3xl);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden;animation:fadeIn .6s ease-out}.docs-page__section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-slow)}.docs-page__section:hover{box-shadow:var(--shadow-lg);transform:translate(4px);border-color:var(--color-primary-200)}.docs-page__section:hover:before{transform:scaleY(1)}.docs-page__section-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);position:relative}.docs-page__section-title:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);border-radius:50%;box-shadow:0 0 0 4px #6366f11a;animation:pulse 2s ease-in-out infinite}.docs-page__subsection{margin-bottom:var(--space-2xl);padding:var(--space-2xl);background:linear-gradient(135deg,#f8fafccc,#f1f5f980);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);position:relative;transition:all var(--transition-base)}.docs-page__subsection:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9cc);border-color:var(--color-primary-300);box-shadow:0 4px 12px #6366f114}.docs-page__subsection-title{font-size:var(--text-xl);font-weight:600;color:var(--color-primary-700);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.docs-page__subsection-title:before{content:"▸";color:var(--color-primary-500);font-size:var(--text-2xl);line-height:1;transition:transform var(--transition-base)}.docs-page__subsection:hover .docs-page__subsection-title:before{transform:translate(4px)}.docs-page ul,.docs-page ol{margin-bottom:var(--space-xl);padding-left:var(--space-2xl)}.docs-page li{margin-bottom:var(--space-md);color:var(--color-gray-700);line-height:var(--leading-relaxed);position:relative}.docs-page ul li::marker{color:var(--color-primary-500);font-size:1.25em}.docs-page ol li::marker{color:var(--color-primary-500);font-weight:var(--font-bold)}.docs-page pre{position:relative;background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-2xl);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-xl);line-height:var(--leading-relaxed);box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05)}.docs-page pre:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05);pointer-events:none}.docs-page pre code{background:none;padding:0;color:inherit;font-size:var(--text-sm);font-family:var(--font-mono)}.docs-page code{font-family:var(--font-mono);font-size:.875em;background:linear-gradient(135deg,#6366f114,#8b5cf614);padding:.25em .5em;border-radius:var(--radius-sm);color:var(--color-primary-700);font-weight:var(--font-medium);border:1px solid rgba(99,102,241,.15)}.info-box{padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border-left:4px solid;position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.info-box:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;border-radius:50%;opacity:.05;pointer-events:none;transition:all var(--transition-slow)}.info-box:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.info-box:hover:before{transform:scale(1.5)}.info-box--info{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-color:var(--color-info);color:var(--color-gray-800)}.info-box--info:before{background:var(--color-info)}.info-box--success{background:linear-gradient(135deg,#10b9810d,#a7f3d00d);border-color:var(--color-success);color:var(--color-gray-800)}.info-box--success:before{background:var(--color-success)}.info-box--warning{background:linear-gradient(135deg,#f59e0b0d,#fcd34d0d);border-color:var(--color-warning);color:var(--color-gray-800)}.info-box--warning:before{background:var(--color-warning)}.info-box--error{background:linear-gradient(135deg,#ef44440d,#fca5a50d);border-color:var(--color-error);color:var(--color-gray-800)}.info-box--error:before{background:var(--color-error)}.info-box__title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-sm);color:inherit}.info-box p{margin-bottom:0;line-height:var(--leading-relaxed)}.step-indicator{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:var(--radius-lg);border:1px solid var(--color-primary-200)}.step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);flex-shrink:0;box-shadow:0 4px 12px #6366f14d;position:relative}.step-number:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(99,102,241,.2);animation:pulse 2s ease-in-out infinite}.step-content{flex:1}.step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-xs)}.step-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.comparison__intro{text-align:center;max-width:800px;margin:0 auto 4rem}.comparison__intro h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comparison__intro p{font-size:var(--text-lg);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.comparison__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-4xl)}.comparison-card{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.comparison-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.comparison-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-300)}.comparison-card:hover:before{transform:scaleX(1)}.comparison-card__icon{font-size:3rem;margin-bottom:var(--space-lg);display:block}.comparison-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-md)}.comparison-card__description{font-size:var(--text-base);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin:0}.section--primary{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);padding:var(--space-5xl) 0;position:relative}.section--primary:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-300) 50%,transparent 100%)}.section--secondary{background:linear-gradient(135deg,#fff,#f8fafc);padding:var(--space-5xl) 0;text-align:center}.section--secondary h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-lg)}.section--secondary .text-secondary{font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-2xl)}.btn--large{padding:1rem 2.5rem;font-size:var(--text-lg);box-shadow:0 4px 16px #6366f140;position:relative;overflow:hidden}.btn--large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn--large:hover:before{left:100%}.btn--primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-accent-600) 100%);color:#fff}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-accent-700) 100%);box-shadow:0 8px 24px #6366f159}@media(max-width:768px){.docs-page{padding:var(--space-2xl) 0}.docs-page__title{font-size:var(--text-4xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.docs-page__section{padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.docs-page__section-title{font-size:var(--text-2xl)}.docs-page__subsection{padding:var(--space-xl)}.comparison__grid{grid-template-columns:1fr;gap:var(--space-xl)}.step-indicator{flex-direction:column;text-align:center}.section--primary,.section--secondary{padding:var(--space-3xl) 0}}@media(max-width:480px){.docs-page__section{padding:var(--space-xl)}.docs-page__subsection{padding:var(--space-lg)}pre{padding:var(--space-lg);font-size:var(--text-xs)}.step-number{width:40px;height:40px;font-size:var(--text-lg)}}.docs-page__section:nth-child(1){animation-delay:0s}.docs-page__section:nth-child(2){animation-delay:.1s}.docs-page__section:nth-child(3){animation-delay:.2s}.docs-page__section:nth-child(4){animation-delay:.3s}.code-block{position:relative;background:var(--color-gray-900);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-2xl);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.code-block:hover{box-shadow:0 12px 32px #0003,0 6px 16px #00000026,inset 0 1px #ffffff14}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08)}.code-block__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-300);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-sm)}.code-block__title:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-accent-400) 100%);border-radius:50%;box-shadow:0 0 8px #6366f180}.code-block__language{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono)}.code-block__copy{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-gray-300);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);z-index:10;font-family:var(--font-sans)}.code-block__copy:hover{background:#ffffff1f;border-color:#6366f180;color:var(--color-primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.code-block__copy:active{transform:translateY(0)}.code-block__copy.copied{background:linear-gradient(135deg,#10b98133,#10b98126);border-color:#10b98180;color:var(--color-success)}.code-block__copy svg{width:16px;height:16px;flex-shrink:0;stroke-width:2}.code-block__copy-text{font-size:var(--text-xs);font-weight:var(--font-semibold)}.code-block__header+.code-block__copy{top:calc(var(--space-lg) + 52px)}.code-block pre{margin:0;padding:var(--space-2xl);padding-right:120px;overflow-x:auto;background:transparent;box-shadow:none;border:none;text-align:left!important}.code-block pre code{display:block;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--color-gray-200);background:transparent;padding:0;border:none;text-align:left!important;white-space:pre!important;word-wrap:normal;word-break:normal;direction:ltr}.code-block pre code>div{text-align:left!important;white-space:pre!important}.code-with-lines{display:table;width:100%}.code-line{display:table-row}.line-number{display:table-cell;padding-right:var(--space-xl);text-align:right;-webkit-user-select:none;user-select:none;color:var(--color-gray-600);font-size:var(--text-xs);min-width:40px;border-right:1px solid rgba(255,255,255,.08)}.line-content{display:table-cell;padding-left:var(--space-xl);padding-right:var(--space-lg);white-space:pre;text-align:left}.json-key{color:#7dd3fc;font-weight:var(--font-medium)}.json-string{color:#86efac}.json-number{color:#fbbf24}.json-boolean{color:#c084fc;font-weight:var(--font-semibold)}.json-null{color:#f87171;font-style:italic}.keyword{color:#c084fc;font-weight:var(--font-semibold)}.string{color:#86efac}.function{color:#60a5fa;font-weight:var(--font-medium)}.comment{color:var(--color-gray-500);font-style:italic}.selector{color:#fbbf24;font-weight:var(--font-semibold)}.property{color:#7dd3fc}.value{color:#86efac}.code-block pre::-webkit-scrollbar{height:8px}.code-block pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.code-block pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm)}.code-block pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.code-block pre{padding:var(--space-xl);padding-right:var(--space-4xl);font-size:var(--text-xs)}.code-block__copy{top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md)}.code-block__copy-text{display:none}.code-block__copy svg{width:18px;height:18px}.code-block__header+.code-block__copy{top:calc(var(--space-md) + 48px)}}@media(max-width:480px){.code-block pre{padding:var(--space-lg);padding-right:var(--space-3xl)}.code-block pre code{font-size:12px}.code-block__header{padding:var(--space-md) var(--space-lg)}.code-block__title{font-size:11px}.code-block__language{font-size:10px;padding:2px var(--space-sm)}}@keyframes checkmark{0%{transform:scale(.8) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.code-block__copy.copied svg{animation:checkmark .3s ease-out}.code-block__copy:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.code-block *{text-align:left}.faq-item{margin-bottom:var(--spacing-xl);padding:0;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base);box-shadow:0 2px 8px #0000000a}.faq-item:hover{box-shadow:0 4px 16px #3b82f61a;border-color:var(--color-accent)}.faq-item__question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-fast);background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.02) 100%)}.faq-item__question:hover{color:var(--color-accent);background:linear-gradient(90deg,#3b82f60d,#3b82f605);padding-left:calc(var(--spacing-xl) + 8px)}.faq-item__toggle{font-size:var(--font-size-2xl);color:var(--color-accent);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;transition:all var(--transition-fast);font-weight:300}.faq-item__question:hover .faq-item__toggle{background:#3b82f633;transform:scale(1.1)}.faq-item__answer{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-border-light);background-color:#f8fafc80}.faq-item__answer code{display:inline-block;margin:var(--spacing-xs) 0}.faq-item__answer pre{margin-top:var(--spacing-md)}.faq-category{margin-bottom:var(--spacing-3xl)}.faq-category__title{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid transparent;background:linear-gradient(to right,var(--color-accent) 0%,transparent 100%) left bottom no-repeat;background-size:100px 3px;font-size:2rem;letter-spacing:-.02em}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}