:root{--color-primary: #4361ee;--color-primary-light: rgba(67, 97, 238, .1);--color-secondary: #3a0ca3;--color-accent: #f72585;--color-text: #2b2d42;--color-text-light: #6c757d;--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-border: #e9ecef;--color-success: #2ecc71;--color-warning: #f39c12;--color-danger: #e74c3c;--color-dark-primary: #5a7dff;--color-dark-primary-light: rgba(90, 125, 255, .1);--color-dark-secondary: #4d26c7;--color-dark-accent: #ff4785;--color-dark-text: #f8f9fa;--color-dark-text-light: #adb5bd;--color-dark-bg: #1a1a2e;--color-dark-bg-secondary: #16213e;--color-dark-border: #2d3748;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-base: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--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);--rounded-sm: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .4s ease-in-out}body{font-family:var(--font-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;margin:0;padding:0;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}body.dark{--color-primary: var(--color-dark-primary);--color-primary-light: var(--color-dark-primary-light);--color-secondary: var(--color-dark-secondary);--color-accent: var(--color-dark-accent);--color-text: var(--color-dark-text);--color-text-light: var(--color-dark-text-light);--color-bg: var(--color-dark-bg);--color-bg-secondary: var(--color-dark-bg-secondary);--color-border: var(--color-dark-border)}html{scroll-behavior:smooth}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-top:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto}.docs-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:fixed;top:0;z-index:50;padding:var(--spacing-sm) 0;width:100%}.header-container{margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.nav-wrapper{display:flex;align-items:center;gap:var(--spacing-lg)}.logo-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.logo{height:32px;width:auto}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);margin-left:auto;z-index:60}.menu-icon{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:all var(--transition-fast)}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-text);transition:all var(--transition-fast)}.menu-icon:before{transform:translateY(-6px)}.menu-icon:after{transform:translateY(6px)}.mobile-menu-toggle[aria-expanded=true] .menu-icon{background-color:transparent}.mobile-menu-toggle[aria-expanded=true] .menu-icon:before{transform:rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .menu-icon:after{transform:rotate(-45deg)}.main-nav ul{display:flex;gap:var(--spacing-lg);list-style:none;padding:0;margin:0}.main-nav a{font-weight:500;color:var(--color-text);padding:var(--spacing-xs) 0;position:relative}.highlight{background:#4cc9f033;padding:3px 8px;border-radius:5px;border-left:4px solid #4cc9f0;font-weight:500}.main-nav a:hover{color:var(--color-primary)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.main-nav a:hover:after{width:100%}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.theme-icon{display:none}.theme-icon.active{display:block}.docs-main{margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.section{margin-bottom:var(--spacing-xl)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-sm)}.section-description{color:var(--color-text-light);font-size:var(--text-lg);max-width:700px;margin:0 auto}.hero-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.hero-content{text-align:center;padding-top:30px}.hero-content h2{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.subtitle{font-size:var(--text-xl);color:var(--color-text-light);margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.cta-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-lg);font-weight:500;transition:all var(--transition-fast)}.cta-button.primary{background-color:var(--color-primary);color:#fff}.cta-button.primary:hover{background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-button.secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.cta-button.secondary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero-image{position:relative;border-radius:var(--rounded-xl);overflow:hidden;box-shadow:var(--shadow-xl);max-width:900px;margin:0 auto}.mode-carousel{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-normal)}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:contain}.carousel-controls{position:absolute;bottom:var(--spacing-md);left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-sm)}.carousel-btn{width:12px;height:12px;border-radius:var(--rounded-full);background-color:#ffffff80;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast)}.carousel-btn.active{background-color:#fff;transform:scale(1.2)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{background-color:var(--color-bg-secondary);border-radius:var(--rounded-lg);padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.keyboard-shortcut{display:inline-flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);background-color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-md);border:1px solid var(--color-border);font-family:var(--font-mono)}kbd{font-family:var(--font-mono);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--rounded-sm);padding:.125rem .375rem;font-size:.875rem;box-shadow:inset 0 -1px 0 var(--color-border)}.toolbar-demo{margin-top:var(--spacing-md);background-color:var(--color-bg);padding:var(--spacing-sm);border-radius:var(--rounded-md);border:1px solid var(--color-border);display:inline-block}.toolbar-demo img{height:32px;width:auto;border-radius:5px;object-fit:none}.feature-showcase{margin-top:var(--spacing-xl)}.showcase-item{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:center}.showcase-item.reverse{flex-direction:row-reverse}.showcase-content{flex:1}.showcase-content h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}.feature-list{list-style-type:none;padding:0;margin:var(--spacing-md) 0}.feature-list li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.showcase-image{flex:1;border-radius:var(--rounded-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.showcase-image img{display:block;width:100%;height:auto;transition:transform var(--transition-normal)}.showcase-image:hover img{transform:scale(1.02)}.organization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.org-card{background-color:var(--color-bg-secondary);border-radius:var(--rounded-lg);padding:var(--spacing-lg);transition:transform var(--transition-fast)}.org-card:hover{transform:translateY(-5px)}.org-icon{font-size:1.5rem;margin-bottom:var(--spacing-md)}.org-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.org-card ul{list-style-type:none;padding:0;margin:var(--spacing-md) 0 0}.org-card li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.org-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.fullscreen-demo{margin-top:var(--spacing-xl);text-align:center}.org-card .export-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}.export-btn{background-color:var(--color-primary-light);color:var(--color-primary);border:none;border-radius:var(--rounded-md);padding:var(--spacing-xs) var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.workflow-svg{width:100%;max-width:800px;margin:0 auto;cursor:pointer;padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.workflow-svg:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);transform:scale(1.25)}.workflow-svg svg{width:100%;height:auto;display:block}body.dark .workflow-svg{background-color:var(--color-dark-bg-secondary)}.export-btn:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.export-icon{font-size:1rem}.export-label{font-weight:500}body.dark .export-btn{background-color:var(--color-dark-primary-light);color:var(--color-dark-primary)}body.dark .export-btn:hover{background-color:var(--color-dark-primary);color:#fff}.fullscreen-demo img{border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto}.demo-caption{margin-top:var(--spacing-md);color:var(--color-text-light);font-style:italic}.customization-showcase{margin-top:var(--spacing-xl)}.customization-option{margin-bottom:var(--spacing-xl)}.customization-option h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-md);text-align:center}.theme-comparison{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-lg)}.theme-example{text-align:center;max-width:400px}.theme-example img{border-radius:var(--rounded-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-sm)}.layout-options{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.layout-card{text-align:center;max-width:250px;position:relative}.layout-card img{border-radius:var(--rounded-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-sm);transition:transform var(--transition-fast)}.zoom-target{width:100%;height:auto;border-radius:var(--rounded-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast);object-fit:cover;max-height:180px;cursor:pointer}.zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.zoom-overlay.active{opacity:1;pointer-events:auto}.zoom-overlay img{max-height:80vh;max-width:80vw;width:auto;height:auto;border-radius:var(--rounded-lg);box-shadow:0 10px 25px #0000004d;transform:scale(.95);transition:transform var(--transition-normal)}.zoom-overlay.active img{transform:scale(1)}.docs-footer{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) 0 0;margin-top:var(--spacing-xl)}.footer-content{margin:0 auto;padding:0 var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo img{height:24px;width:auto}.footer-logo span{font-weight:600}.footer-links{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.link-group{min-width:150px}.link-group h4{font-size:var(--text-lg);margin-bottom:var(--spacing-sm)}.link-group a{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-light)}.link-group a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding:var(--spacing-md);margin-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.875rem}.card{background-color:var(--color-bg-secondary);border-radius:var(--rounded-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.card-icon{font-size:1.5rem}.methodology-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.methodology-step{background-color:var(--color-bg);border-radius:var(--rounded-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.methodology-step h4{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.visualization{margin-top:var(--spacing-xl);text-align:center;width:calc(100% + 150px)}.feature-image{border-radius:var(--rounded-lg);box-shadow:var(--shadow-md);max-width:100%;height:auto}.reference{margin-top:var(--spacing-sm);color:var(--color-text-light);font-style:italic;font-size:.875rem}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:.9375rem}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}tr:hover{background-color:var(--color-primary-light)}.workflow-section{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) var(--spacing-md);margin:var(--spacing-xl) 0;border-radius:var(--rounded-lg)}.section-intro{color:var(--color-text-light);font-size:var(--text-lg);margin:0 auto var(--spacing-xl);text-align:center}.workflow-steps{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.workflow-step{flex:1;min-width:250px;max-width:300px;text-align:center;position:relative;cursor:pointer}.workflow-step:hover{box-shadow:var(--shadow-md);transform:scale(1.25)}.step-number{width:40px;height:40px;background-color:var(--color-primary);color:#fff;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-weight:700;font-size:var(--text-lg)}.workflow-arrow{display:flex;align-items:center;font-size:var(--text-2xl);color:var(--color-primary);padding-top:40px}.workflow-visual{text-align:center;margin-top:var(--spacing-xl)}.workflow-visual img{max-width:100%;border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg)}.privacy-section{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xl) var(--spacing-md);margin:var(--spacing-xl) 0;border-radius:var(--rounded-lg);text-align:center}.privacy-section h2{color:#fff;margin-bottom:var(--spacing-md)}.privacy-statement{font-size:var(--text-lg);max-width:700px;margin:0 auto var(--spacing-xl)}.privacy-features{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.privacy-feature{flex:1;min-width:200px;max-width:250px}.privacy-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.privacy-cta{margin-top:var(--spacing-lg)}.btn.primary{background-color:#fff;color:var(--color-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--rounded-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.no-insights{text-align:center;padding:20px;color:var(--text-light);font-style:italic}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #4cc9f0;cursor:help;font-size:1.6rem;color:#4cc9f0}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}#faq h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-md);text-align:center}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media (max-width: 768px){.mobile-menu-toggle{display:block;position:fixed;right:0;margin-right:5px}.nav-wrapper{position:fixed;top:0;right:0;background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);transform:translate(100%);transition:transform var(--transition-normal);z-index:50;padding:var(--spacing-xl)}.nav-wrapper[data-visible=true]{transform:translate(0)}.main-nav ul{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.theme-toggle{margin-top:var(--spacing-lg)}.theme-toggle{margin:var(--spacing-sm) auto 0;order:3}.hero-content h2{font-size:var(--text-3xl)}.subtitle{font-size:var(--text-lg)}.hero-cta{flex-direction:column;align-items:center}.showcase-item,.showcase-item.reverse{flex-direction:column}.theme-comparison{flex-direction:column;align-items:center}.footer-content{flex-direction:column}.footer-links{flex-direction:column;gap:var(--spacing-md)}.visualization{width:100%}.workflow-steps{flex-direction:column;align-items:center}.workflow-step{max-width:100%}.workflow-arrow{padding-top:0;padding-bottom:0;transform:rotate(90deg);margin:var(--spacing-sm) 0}.privacy-features{flex-direction:column;align-items:center}.privacy-feature{max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeIn .6s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}