:root{--color-primary:#2563EB;--color-primary-dark:#1D4ED8;--color-primary-light:#3B82F6;--color-primary-50:#EFF6FF;--color-primary-100:#DBEAFE;--color-primary-200:#BFDBFE;--color-bg:#FFFFFF;--color-bg-alt:#F8FAFC;--color-bg-card:#FFFFFF;--color-text:#1E293B;--color-text-muted:#64748B;--color-text-light:#94A3B8;--color-border:#E2E8F0;--color-border-light:#F1F5F9;--color-success:#10B981;--color-success-light:#D1FAE5;--color-warning:#F59E0B;--color-warning-light:#FEF3C7;--color-danger:#EF4444;--color-danger-light:#FEE2E2;--color-info:#06B6D4;--color-info-light:#CFFAFE;--color-purple:#8B5CF6;--color-purple-dark:#7C3AED;--color-node:#2563EB;--color-edge:#94A3B8;--color-node-highlight:#3B82F6;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-family-mono:'JetBrains Mono','Fira Code',Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.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-size-6xl:3.75rem;--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;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--container-max:1280px;--container-padding:var(--spacing-4)}[data-theme="dark"]{--color-bg:#0F172A;--color-bg-alt:#1E293B;--color-bg-card:#1E293B;--color-text:#F1F5F9;--color-text-muted:#94A3B8;--color-text-light:#64748B;--color-border:#334155;--color-border-light:#1E293B;--color-primary-50:#1E3A8A;--color-primary-100:#1E40AF;--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.3),0 2px 4px -2px rgb(0 0 0 / 0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.3),0 4px 6px -4px rgb(0 0 0 / 0.3);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.4),0 8px 10px -6px rgb(0 0 0 / 0.4)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img,svg{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes countUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typing{from{width:0}to{width:100%}}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) forwards}.animate-fade-in-left{animation:fadeInLeft var(--transition-slow) forwards}.animate-fade-in-right{animation:fadeInRight var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn var(--transition-slow) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in-delay{animation:fadeIn 0.6s ease-out 0.2s both}.animate-fade-in-delay-2{animation:fadeIn 0.6s ease-out 0.4s both}.animate-fade-in-delay-3{animation:fadeIn 0.6s ease-out 0.6s both}.animate-slide-in{animation:slideIn 0.6s ease-out both}[data-animate]{opacity:0}[data-animate].animated{opacity:1}[data-aos]{opacity:1 !important;transform:none !important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{color:#FFFFFF;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 4px 14px 0 rgba(37,99,235,0.4)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 6px 20px 0 rgba(37,99,235,0.5);transform:translateY(-2px);color:#FFFFFF}.btn-secondary{color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-50)}.btn-outline{color:var(--color-primary);background:transparent;border:2px solid var(--color-primary)}.btn-outline:hover{color:#FFFFFF;background:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);background:transparent}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg-alt)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-light);transition:all var(--transition-normal)}[data-theme="dark"] .header{background:rgba(15,23,42,0.95)}.header.scrolled{box-shadow:var(--shadow-md)}.header .container{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--spacing-2);min-width:140px;flex-shrink:0;padding-right:var(--spacing-4)}.logo img{min-width:120px;height:auto}.logo svg{height:36px;width:auto}.nav-list{display:none}@media (min-width:768px){.nav-list{display:flex;align-items:center;gap:var(--spacing-8)}}.nav-link{color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-bg-alt);color:var(--color-text)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun,[data-theme="dark"] .theme-toggle .icon-moon{display:none}.theme-toggle .icon-moon,[data-theme="dark"] .theme-toggle .icon-sun{display:block}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;width:24px;padding:4px 0}.mobile-menu-toggle span{display:block;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:72px;left:0;right:0;width:100%;height:calc(100vh - 72px);height:calc(100dvh - 72px);background-color:#FFFFFF;padding:var(--spacing-6);transform:translateX(100%);transition:transform var(--transition-normal);z-index:var(--z-fixed);overflow-y:auto}[data-theme="dark"] .mobile-nav{background-color:#0F172A}.mobile-nav.open{transform:translateX(0)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.mobile-nav-link{display:block;padding:var(--spacing-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.mobile-nav .btn{margin-top:var(--spacing-4)}.mobile-lang-switcher{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.mobile-lang-switcher a{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-fast)}.mobile-lang-switcher a:hover{color:var(--color-primary);border-color:var(--color-primary)}.mobile-lang-switcher a.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}@media (max-width:480px){.header .container{padding:0 var(--spacing-3);height:64px}.logo img{min-width:100px;max-width:120px}.header-actions .btn-primary{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.mobile-nav{top:64px}}@media (max-width:375px){.header .container{padding:0 var(--spacing-2)}.header-actions{gap:var(--spacing-2)}.header-actions .btn-primary{padding:var(--spacing-2);font-size:var(--font-size-xs)}.theme-toggle{width:36px;height:36px}.mobile-menu-toggle{width:20px}}.hero{padding:calc(72px + var(--spacing-16)) 0 var(--spacing-20);background:linear-gradient(180deg,var(--color-primary-50) 0%,var(--color-bg) 100%);overflow:hidden;position:relative}[data-theme="dark"] .hero{background:linear-gradient(180deg,rgba(30,58,138,0.3) 0%,var(--color-bg) 100%)}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-grid{width:100%;height:100%;color:var(--color-primary)}[data-theme="dark"] .hero-grid{color:var(--color-primary-light)}.hero .container{display:grid;gap:var(--spacing-12);align-items:center;position:relative;z-index:1}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary-100);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}[data-theme="dark"] .hero-badge{background:rgba(59,130,246,0.2);color:var(--color-primary-light)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);line-height:1.1}.hero-title .highlight{color:var(--color-primary);position:relative}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-8);line-height:var(--line-height-relaxed)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border-light)}@media (max-width:767px){.hero-stats{grid-template-columns:1fr;gap:var(--spacing-4)}}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block}.hero-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}.hero-demo{position:relative}.demo-terminal{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;border:1px solid var(--color-border)}[data-theme="dark"] .demo-terminal{background:#0D1117;border-color:#30363D}.demo-terminal-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-light)}[data-theme="dark"] .demo-terminal-header{background:#161B22;border-color:#30363D}.demo-terminal-dot{width:12px;height:12px;border-radius:50%}.demo-terminal-dot.red{background:#FF5F56}.demo-terminal-dot.yellow{background:#FFBD2E}.demo-terminal-dot.green{background:#27C93F}.demo-terminal-title{flex:1;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}.demo-terminal-body{padding:var(--spacing-6);min-height:300px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.demo-input-line{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.demo-prompt{color:var(--color-success);flex-shrink:0}.demo-input{flex:1;background:transparent;border:none;color:var(--color-text);font-family:inherit;font-size:inherit;outline:none}.demo-input::placeholder{color:var(--color-text-light)}.demo-cursor{display:inline-block;width:8px;height:18px;background:var(--color-primary);animation:blink 1s infinite;vertical-align:middle;margin-left:2px}.demo-output{color:var(--color-text-muted);white-space:pre-wrap}.demo-output .highlight{color:var(--color-primary)}.demo-output .success{color:var(--color-success)}.demo-output .warning{color:var(--color-warning)}.demo-output .danger{color:var(--color-danger)}.demo-more-link{display:inline-block;margin-top:var(--spacing-2);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.demo-more-link:hover{opacity:0.8;text-decoration:underline}.hero-project-badge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.project-label{color:var(--color-text-muted)}.project-name{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.project-stats{color:var(--color-text-light);padding-left:var(--spacing-2);border-left:1px solid var(--color-border-light)}@media (max-width:767px){.hero-project-badge{flex-direction:column;text-align:center}.project-stats{border-left:none;padding-left:0;border-top:1px solid var(--color-border-light);padding-top:var(--spacing-2);margin-top:var(--spacing-2)}}.demo-examples{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.demo-example-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);background:var(--color-bg-alt);color:var(--color-text-muted);border-radius:var(--radius-md);font-family:var(--font-family-mono);transition:all var(--transition-fast)}.demo-example-btn:hover{background:var(--color-primary-100);color:var(--color-primary)}[data-theme="dark"] .demo-example-btn:hover{background:rgba(59,130,246,0.2)}@media (max-width:480px){.hero{padding:calc(64px + var(--spacing-8)) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-2xl);line-height:1.2;margin-bottom:var(--spacing-4)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.hero-badge{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.hero-actions{flex-direction:column;width:100%;gap:var(--spacing-3)}.hero-actions .btn{width:100%;justify-content:center;min-height:48px}.hero-stats{margin-top:var(--spacing-8);padding-top:var(--spacing-6)}.hero-stat-value{font-size:var(--font-size-2xl)}.hero-stat-label{font-size:var(--font-size-xs)}.demo-terminal-body{padding:var(--spacing-4);min-height:200px;font-size:var(--font-size-xs)}.hero-project-badge{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.demo-example-btn{padding:var(--spacing-1) var(--spacing-2);font-size:10px}}@media (max-width:375px){.hero-title{font-size:var(--font-size-xl)}.hero-badge{font-size:10px;padding:2px var(--spacing-1)}}.section{padding:var(--spacing-16) 0}.section-title{text-align:center}.section-subtitle{text-align:center}.section-alt{background:var(--color-bg-alt)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-12)}.section-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-100);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-4)}[data-theme="dark"] .section-badge{background:rgba(59,130,246,0.2)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-12)}.problems-grid{display:grid;gap:var(--spacing-6)}.problem-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.problem-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-danger),var(--color-warning))}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.problem-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-danger-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}[data-theme="dark"] .problem-icon{background:rgba(239,68,68,0.2)}.problem-icon svg{width:28px;height:28px;color:var(--color-danger)}.problem-stat{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-danger);margin-bottom:var(--spacing-2)}.problem-stat .counter,.problem-stat .stat-number{display:inline-block}.problem-stat .stat-percent,.problem-stat .stat-suffix{font-size:var(--font-size-2xl);margin-left:var(--spacing-1)}.problem-card cite{display:block;font-style:normal;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.problem-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.problem-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.problem-source{font-size:var(--font-size-xs);color:var(--color-text-light);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.solution-content{display:grid;gap:var(--spacing-12)}.solution-demo{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.solution-demo-header{text-align:center;margin-bottom:var(--spacing-6)}.solution-demo-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.solution-demo-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.demo-form{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.demo-form input{flex:1;min-width:0;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:all var(--transition-fast)}.demo-form input::placeholder{color:var(--color-text-muted)}.demo-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.demo-form .btn{flex-shrink:0}.pipeline{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-8)}.pipeline-step{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-alt);border-radius:var(--radius-lg);opacity:0.5;transition:all var(--transition-normal);position:relative}.pipeline-step.active{opacity:1;background:var(--color-primary-50);border:1px solid var(--color-primary-200)}[data-theme="dark"] .pipeline-step.active{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.3)}.pipeline-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#FFFFFF;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.pipeline-step-content{flex:1}.pipeline-step-content h4,.pipeline-step-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.pipeline-step-content p,.pipeline-step-description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pipeline-step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);flex-shrink:0}.pipeline-step-icon svg{width:24px;height:24px;color:var(--color-primary)}.pipeline-step.active .pipeline-step-icon{animation:pulse 1.5s infinite}.pipeline-connector{width:40px;height:2px;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-primary-200) 50%,var(--color-border) 100%);position:relative}.pipeline-connector::after{content:'→';position:absolute;right:-4px;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:var(--font-size-sm)}@media (max-width:767px){.pipeline-connector{width:2px;height:24px;background:linear-gradient(180deg,var(--color-border) 0%,var(--color-primary-200) 50%,var(--color-border) 100%)}.pipeline-connector::after{content:'↓';right:50%;top:auto;bottom:-4px;transform:translateX(50%)}}.solution-demo .demo-examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.solution-demo .demo-examples span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.solution-demo .demo-example-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-md);transition:all var(--transition-fast)}[data-theme="dark"] .solution-demo .demo-example-btn{background:rgba(59,130,246,0.15)}.solution-demo .demo-example-btn:hover{background:var(--color-primary-100)}[data-theme="dark"] .solution-demo .demo-example-btn:hover{background:rgba(59,130,246,0.25)}.demo-result{margin-top:var(--spacing-8);padding:var(--spacing-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:200px}.result-placeholder{display:flex;align-items:center;justify-content:center;height:150px;color:var(--color-text-muted);font-style:italic}.result-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);height:150px;color:var(--color-primary)}.result-loading .spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}.result-content{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.result-content pre{white-space:pre-wrap;word-break:break-word;margin:0;color:var(--color-text)}.result-content .highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.result-content .success{color:var(--color-success);font-weight:var(--font-weight-semibold)}.result-content .warning{color:var(--color-warning)}.result-content .danger{color:var(--color-danger)}.demo-input-section{margin-bottom:var(--spacing-6)}.demo-input-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.scenario-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.scenario-tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:var(--radius-md);transition:all var(--transition-fast)}.scenario-tab:hover{color:var(--color-primary)}.scenario-tab.active{color:#FFFFFF;background:var(--color-primary)}.step-detail{max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-normal);font-size:var(--font-size-sm);color:var(--color-text-muted);padding-left:var(--spacing-8)}.pipeline-step.active .step-detail{max-height:100px;opacity:1;margin-top:var(--spacing-2)}@media (max-width:575px){.demo-form{flex-direction:column;gap:var(--spacing-3)}.demo-form input{font-size:16px;min-height:48px;padding:var(--spacing-4)}.demo-form .btn{width:100%;min-height:48px;justify-content:center}.solution-demo{padding:var(--spacing-4)}.solution-demo-title{font-size:var(--font-size-lg)}.solution-demo .demo-examples{justify-content:center}.solution-demo .demo-example-btn{font-size:var(--font-size-xs);padding:var(--spacing-2)}.demo-result{padding:var(--spacing-4);min-height:150px}.result-content{font-size:var(--font-size-xs)}}@media (max-width:375px){.solution-demo .demo-examples span{width:100%;text-align:center;margin-bottom:var(--spacing-2)}.solution-demo .demo-example-btn{font-size:11px;padding:var(--spacing-1) var(--spacing-2)}}.features-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8)}.feature-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.feature-tab:hover{color:var(--color-primary);border-color:var(--color-primary-200)}.feature-tab.active{color:#FFFFFF;background:var(--color-primary);border-color:var(--color-primary)}.feature-tab svg{width:18px;height:18px}.features-panel{display:none}.features-panel.active{display:block;animation:fadeIn var(--transition-normal)}.features-grid{display:grid;gap:var(--spacing-6)}.feature-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.feature-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-4)}.feature-icon img{width:100%;height:100%}.feature-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.feature-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.metrics-grid{display:grid;gap:var(--spacing-6)}.metric-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center;transition:all var(--transition-normal)}.metric-card:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.metric-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius-lg)}[data-theme="dark"] .metric-icon{background:rgba(59,130,246,0.2)}.metric-icon svg{width:32px;height:32px;color:var(--color-primary)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.metric-comparison{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.metric-old,.metric-before .value{font-size:var(--font-size-lg);color:var(--color-text-light);text-decoration:line-through}.metric-arrow{color:var(--color-success);font-size:var(--font-size-xl)}.metric-new,.metric-after .value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.metric-before,.metric-after{text-align:center}.metric-before .label,.metric-after .label{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;margin-bottom:var(--spacing-1)}.metric-roi{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-3)}.metric-roi strong{color:var(--color-success);font-weight:var(--font-weight-bold)}.metric-improvement{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}[data-theme="dark"] .metric-improvement{background:rgba(16,185,129,0.2)}.metric-card.highlight{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-bg-card),var(--color-primary-50));position:relative}.metric-card.highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-xl) var(--radius-xl) 0 0}[data-theme="dark"] .metric-card.highlight{background:linear-gradient(135deg,var(--color-bg-card),rgba(59,130,246,0.1))}.quality-metrics{margin-top:var(--spacing-12);padding:var(--spacing-8);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.quality-metrics-title{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--spacing-6)}.quality-metrics-grid{display:grid;gap:var(--spacing-6)}.quality-metric{text-align:center}.quality-metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.quality-metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}.quality-metric-bar{height:8px;background:var(--color-border-light);border-radius:var(--radius-full);margin-top:var(--spacing-2);overflow:hidden}.quality-metric-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-full);transition:width 1s ease}.additional-metrics{margin-top:var(--spacing-8);padding:var(--spacing-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.additional-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);text-align:center}.additional-metric-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.additional-metric-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}@media (max-width:1023px){.additional-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.additional-metrics-row{grid-template-columns:1fr;gap:var(--spacing-4)}}.integrations-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8)}.integration-filter-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.integration-filter-btn:hover{color:var(--color-primary);border-color:var(--color-primary-200)}.integration-filter-btn.active{color:#FFFFFF;background:var(--color-primary);border-color:var(--color-primary)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-4)}.integration-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-5);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast);text-align:center;position:relative}.integration-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.integration-card.roadmap{opacity:0.6}.integration-card.roadmap:hover{opacity:1}.integration-icon{width:48px;height:48px;margin-bottom:var(--spacing-3);display:flex;align-items:center;justify-content:center}.integration-icon svg,.integration-icon img{width:40px;height:40px}.integration-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.integration-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);margin-top:var(--spacing-2)}.integration-status.ready{background:var(--color-success-light);color:var(--color-success)}.integration-status.roadmap{background:var(--color-warning-light);color:var(--color-warning)}[data-theme="dark"] .integration-status.ready{background:rgba(16,185,129,0.2)}[data-theme="dark"] .integration-status.roadmap{background:rgba(245,158,11,0.2)}.integration-card.highlight{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.integration-card.highlight::after{content:'Рекомендуется';position:absolute;top:-10px;right:var(--spacing-4);background:var(--color-primary);color:white;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}[data-theme="dark"] .integration-card.highlight{box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.languages-support{margin-top:var(--spacing-12);padding:var(--spacing-8);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.languages-title{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--spacing-6)}.languages-grid{display:grid;gap:var(--spacing-4)}.language-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.language-info{display:flex;align-items:center;gap:var(--spacing-3)}.language-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--font-size-xl)}.language-name{font-weight:var(--font-weight-semibold)}.language-status{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm)}.language-status.production{background:var(--color-success-light);color:var(--color-success)}.language-status.planned{background:var(--color-info-light);color:var(--color-info)}[data-theme="dark"] .language-status.production{background:rgba(16,185,129,0.2)}[data-theme="dark"] .language-status.planned{background:rgba(6,182,212,0.2)}.faq-search{max-width:1100px;margin:0 auto var(--spacing-8);position:relative}.faq-search-input{width:100%;padding:var(--spacing-4) var(--spacing-6) var(--spacing-4) var(--spacing-12);font-size:var(--font-size-base);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:all var(--transition-fast)}.faq-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-100)}[data-theme="dark"] .faq-search-input:focus{box-shadow:0 0 0 4px rgba(59,130,246,0.2)}.faq-search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted)}.faq-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8)}.faq-category-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.faq-category-btn:hover{color:var(--color-primary);border-color:var(--color-primary-200)}.faq-category-btn.active{color:#FFFFFF;background:var(--color-primary);border-color:var(--color-primary)}.faq-list{max-width:1100px;margin:0 auto}.faq-item{background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-primary-200)}.faq-item.open{box-shadow:var(--shadow-md)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;transition:all var(--transition-fast)}.faq-question:hover{background:var(--color-bg-alt)}.faq-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:transform var(--transition-fast);flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);padding:0 var(--spacing-5);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.faq-item.open .faq-answer{max-height:500px;padding:var(--spacing-4) var(--spacing-5) var(--spacing-5)}.faq-answer p{margin-bottom:var(--spacing-3)}.faq-answer p:last-child{margin-bottom:0}.faq-answer-content{padding:0 var(--spacing-5) var(--spacing-5);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.cta{background:var(--color-bg-alt);color:var(--color-text)}.cta .section-badge{background:var(--color-primary-100);color:var(--color-primary)}[data-theme="dark"] .cta .section-badge{background:rgba(59,130,246,0.2);color:var(--color-primary-400)}.cta .section-title{color:var(--color-text)}.cta .section-subtitle{color:var(--color-text-muted)}.cta-content{text-align:center;max-width:900px;margin:0 auto}.cta-content h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.cta-content p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.demo-form-full,.cta-form{max-width:900px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-8);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.form-grid{display:grid;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (max-width:575px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label,.demo-form-full label,.cta-form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input,.form-select,.demo-form-full input,.demo-form-full select,.cta-form input,.cta-form select{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:all var(--transition-fast)}[data-theme="dark"] .form-input,[data-theme="dark"] .form-select,[data-theme="dark"] .demo-form-full input,[data-theme="dark"] .demo-form-full select,[data-theme="dark"] .cta-form input,[data-theme="dark"] .cta-form select{color-scheme:dark}.form-input::placeholder,.demo-form-full input::placeholder,.cta-form input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.demo-form-full input:focus,.demo-form-full select:focus,.cta-form input:focus,.cta-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}[data-theme="dark"] .form-input:focus,[data-theme="dark"] .form-select:focus,[data-theme="dark"] .demo-form-full input:focus,[data-theme="dark"] .demo-form-full select:focus,[data-theme="dark"] .cta-form input:focus,[data-theme="dark"] .cta-form select:focus{box-shadow:0 0 0 3px rgba(59,130,246,0.2)}.demo-form-full select option,.cta-form select option{background:var(--color-bg);color:var(--color-text);padding:8px 12px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;padding-right:var(--spacing-10)}[data-theme="dark"] .form-select,[data-theme="dark"] .demo-form-full select,[data-theme="dark"] .cta-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.form-select option{background:var(--color-bg);color:var(--color-text)}.form-submit{margin-top:var(--spacing-4);width:100%;padding:var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#FFFFFF;background:var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-submit:hover{transform:translateY(-2px);background:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.demo-form-full button[type="submit"]{margin-top:var(--spacing-6);width:100%}.cta-alternatives{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-8)}.cta-alt-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.cta-alt-btn:hover{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-primary-200)}.cta-alt-btn svg{width:18px;height:18px}.cta-trust{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.cta-trust-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--color-text-muted)}.cta-trust-item svg{color:var(--color-primary);flex-shrink:0}.demo-notice{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);border-radius:var(--radius-md);padding:0.75rem 1rem;margin-bottom:1.5rem;font-size:0.875rem;color:var(--color-text-muted);text-align:center}.demo-notice strong{color:var(--color-primary)}.demo-notice a{color:var(--color-primary);text-decoration:underline}.demo-form-full .form-group{text-align:left}@media (max-width:640px){.cta-trust{flex-direction:column;align-items:center;gap:1rem}}@media (max-width:767px){.form-input,.form-select,.demo-form-full input,.demo-form-full select,.cta-form input,.cta-form select{padding:var(--spacing-4);font-size:16px;min-height:48px}.form-label,.demo-form-full label,.cta-form label{font-size:var(--font-size-base)}.form-submit,.demo-form-full button[type="submit"]{min-height:52px;font-size:var(--font-size-base)}.cta-content h2{font-size:var(--font-size-2xl)}.cta-content p{font-size:var(--font-size-base)}.cta-alt-btn{min-height:44px;padding:var(--spacing-3) var(--spacing-4)}}@media (max-width:480px){.demo-form-full,.cta-form{padding:var(--spacing-4);border-radius:var(--radius-lg)}.cta-content h2{font-size:var(--font-size-xl)}.cta-alternatives{flex-direction:column;gap:var(--spacing-3)}.cta-alt-btn{width:100%;justify-content:center}}.footer{padding:var(--spacing-12) 0 var(--spacing-6);background:var(--color-bg-alt);border-top:1px solid var(--color-border-light)}.footer-content{display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-brand{text-align:left}.footer-logo{display:inline-flex;margin-bottom:var(--spacing-4)}.footer-logo svg{height:32px;width:auto}.footer-description{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:300px;margin:0}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (min-width:640px){.footer-links{grid-template-columns:repeat(4,1fr)}}.footer-links-group .footer-title,.footer-links-group h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-4);color:var(--color-text)}.footer-links-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-link{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-contact{text-align:center}.footer-contact h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-4);color:var(--color-text)}.footer-contact-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-contact-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-contact-item svg{width:16px;height:16px}.footer-social{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-4)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--color-primary);color:#FFFFFF}.footer-social-link svg{width:20px;height:20px}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light);text-align:center}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-theme="dark"] .logo img,[data-theme="dark"] .footer-brand img{filter:brightness(0) invert(1) brightness(1.2)}.usp{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);padding:6rem 0}.usp .section-title{text-align:center;margin-bottom:0.5rem}.usp .section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}@media (max-width:1024px){.usp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.usp-grid{grid-template-columns:1fr}}.usp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease}.usp-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(99,102,241,0.15)}.usp-badge{position:absolute;top:-12px;left:1.5rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:linear-gradient(135deg,var(--color-primary) 0%,#8B5CF6 100%);color:white;padding:0.35rem 0.75rem;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(99,102,241,0.3)}.usp-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(139,92,246,0.15) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.usp-icon svg{width:28px;height:28px;stroke:var(--color-primary)}.usp-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem}.usp-short{font-size:0.875rem;color:var(--color-primary);font-weight:500;margin-bottom:1rem}.usp-details{border-top:1px solid var(--color-border);padding-top:1rem;margin-top:0.5rem}.usp-details ul{list-style:none;padding:0;margin:0}.usp-details li{font-size:0.8rem;color:var(--text-secondary);padding:0.35rem 0;padding-left:1.25rem;position:relative}.usp-details li::before{content:'✓';position:absolute;left:0;color:var(--color-success);font-weight:600}.usp-comparison{background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(168,85,247,0.08) 100%);border:1px solid rgba(99,102,241,0.2);border-radius:var(--radius-lg);padding:2rem;text-align:center}.usp-comparison h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.comparison-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-bottom:1.5rem}.comparison-badge{font-size:0.8rem;font-weight:500;background:rgba(99,102,241,0.1);color:var(--color-primary);padding:0.5rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(99,102,241,0.2)}.comparison-link{display:inline-block;font-size:0.875rem;font-weight:500;color:var(--color-primary);text-decoration:none;transition:color 0.2s ease}.comparison-link:hover{color:#8B5CF6;text-decoration:underline}[data-theme="dark"] .usp-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme="dark"] .usp-card:hover{box-shadow:0 12px 40px rgba(99,102,241,0.25)}[data-theme="dark"] .usp-comparison{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(168,85,247,0.12) 100%)}.usp-card[data-aos="fade-up"]{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.usp-card[data-aos="fade-up"].aos-animate,.usp-card[data-aos="fade-up"]:not([data-aos]){opacity:1;transform:translateY(0)}.architecture-content{display:grid;gap:var(--spacing-8)}.architecture-diagram{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.arch-layer{padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.arch-layer.your-infra{background:var(--color-primary-50);border:2px solid var(--color-primary-200)}.arch-layer.external{background:var(--color-success-light);border:2px solid var(--color-success)}[data-theme="dark"] .arch-layer.your-infra{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.3)}[data-theme="dark"] .arch-layer.external{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3)}.layer-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.arch-components{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap}.arch-component{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);min-width:140px}.arch-component.main{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.arch-component h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);margin-bottom:var(--spacing-1)}.arch-component p{font-size:var(--font-size-xs);color:var(--color-text-muted)}.arch-component.gigachat{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-bg-card),var(--color-success-light))}[data-theme="dark"] .arch-component.gigachat{background:linear-gradient(135deg,var(--color-bg-card),rgba(16,185,129,0.1))}.arch-component.gigachat .component-icon svg{stroke:var(--color-success)}.arch-component.local-llm{border-color:var(--color-purple);background:linear-gradient(135deg,var(--color-bg-card),rgba(139,92,246,0.1))}[data-theme="dark"] .arch-component.local-llm{background:linear-gradient(135deg,var(--color-bg-card),rgba(139,92,246,0.15))}.component-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border-radius:var(--radius-md)}.component-icon svg,.component-icon img{width:32px;height:32px}.arch-connector{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.arch-connection{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-4) 0;color:var(--color-text-muted)}.arch-connection svg{width:24px;height:48px}.arch-connection span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}.architecture-features{display:grid;gap:var(--spacing-4)}.enterprise-features{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-8)}.enterprise-features .feature-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-muted)}.enterprise-features .feature-item svg{width:20px;height:20px;color:var(--color-primary)}.arch-feature{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.arch-feature:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}[data-theme="dark"] .arch-feature:hover{background:rgba(59,130,246,0.1)}.arch-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);border-radius:var(--radius-md);flex-shrink:0}[data-theme="dark"] .arch-feature-icon{background:rgba(59,130,246,0.2)}.arch-feature-icon svg{width:20px;height:20px;color:var(--color-primary)}.arch-feature-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.arch-feature-description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.arch-layer.integrations{background:linear-gradient(135deg,rgba(99,102,241,0.05),rgba(14,165,233,0.05));border-color:var(--color-info)}.arch-layer.integrations .layer-label{color:var(--color-info)}.architecture-diagram-v2{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.security-zone{border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-2);position:relative}.security-zone.on-premise{background:linear-gradient(135deg,rgba(37,99,235,0.08) 0%,rgba(37,99,235,0.03) 100%);border:2px solid rgba(59,130,246,0.3)}.security-zone.external{background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(16,185,129,0.03) 100%);border:2px dashed rgba(16,185,129,0.4)}.security-zone.output-zone{padding:var(--spacing-3)}.zone-label{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg);border-radius:var(--radius-md)}.zone-label svg{width:16px;height:16px}.security-zone.on-premise .zone-label{color:var(--color-primary)}.security-zone.external .zone-label{color:var(--color-success)}.arch-layer-v2{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);border:1px solid var(--color-border-light)}.arch-layer-v2:last-child{margin-bottom:0}.layer-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.layer-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#FFFFFF;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.layer-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.layer-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-3)}.component-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.05em}.component-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.component-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.component-card .component-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-sm);flex-shrink:0}.component-card .component-icon svg{width:20px;height:20px}.component-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-1) 0}.component-info p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.data-flow-arrow{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3) 0;position:relative}.data-flow-arrow svg{color:var(--color-primary)}.data-flow-arrow.external-flow svg{color:var(--color-success)}.flow-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.flow-badge{font-size:10px;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);margin-top:var(--spacing-1)}.flow-badge.secure{background:rgba(16,185,129,0.15);color:var(--color-success)}.server-block{background:var(--color-bg-alt);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:2px solid var(--color-primary-200)}.server-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap}.server-header img{width:24px;height:24px}.server-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;flex:1}.server-tech{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg);border-radius:var(--radius-sm)}.server-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2)}.module-card{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);text-align:center}.module-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.module-desc{display:block;font-size:10px;color:var(--color-text-muted)}.storage-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-3);align-items:center}.storage-card{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-alt);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-fast)}.storage-card.duckdb{border-color:#F59E0B}.storage-card.chromadb{border-color:#8B5CF6}.storage-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storage-icon svg{width:32px;height:32px}.storage-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.storage-stats{list-style:none;margin:0;padding:0}.storage-stats li{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-1) 0;border-bottom:1px dashed var(--color-border-light)}.storage-stats li:last-child{border-bottom:none}.storage-connector{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2)}.storage-connector span{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-bg);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px dashed var(--color-border)}.llm-options{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-4);align-items:stretch}.llm-card{padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-md);border:2px solid var(--color-border);text-align:center;position:relative;transition:all var(--transition-fast)}.llm-card:hover{box-shadow:var(--shadow-md)}.llm-card.gigachat{border-color:var(--color-success)}.llm-card.local-llm{border-color:#8B5CF6}.llm-card.recommended{background:linear-gradient(135deg,var(--color-bg),rgba(16,185,129,0.08))}.recommended-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-success);color:#FFFFFF;font-size:10px;font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);white-space:nowrap}.llm-icon{width:48px;height:48px;margin:0 auto var(--spacing-3);display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border-radius:var(--radius-md)}.llm-icon svg{width:28px;height:28px}.llm-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.llm-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-3) 0}.llm-badges{display:flex;gap:var(--spacing-2);justify-content:center;flex-wrap:wrap}.llm-badges .badge{font-size:10px;padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.llm-separator{display:flex;align-items:center;justify-content:center}.llm-separator span{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.output-options{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.output-card{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.output-card:hover{border-color:var(--color-primary-200);color:var(--color-primary)}.output-card svg{width:18px;height:18px}.enterprise-features-v2{margin-top:var(--spacing-12);padding:var(--spacing-8);background:var(--color-bg-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.enterprise-features-v2 h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--spacing-8)}.features-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.feature-category{text-align:center;padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.feature-category:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.category-icon{width:56px;height:56px;margin:0 auto var(--spacing-3);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.category-icon svg{width:28px;height:28px}.category-icon.security{background:rgba(59,130,246,0.1);color:var(--color-primary)}.category-icon.access{background:rgba(245,158,11,0.1);color:#F59E0B}.category-icon.reliability{background:rgba(16,185,129,0.1);color:var(--color-success)}.category-icon.compliance{background:rgba(139,92,246,0.1);color:#8B5CF6}.category-icon.ide{background:rgba(6,182,212,0.1);color:#06B6D4}.feature-category h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.feature-category ul{list-style:none;margin:0;padding:0;text-align:left}.feature-category ul li{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-2) 0;padding-left:var(--spacing-4);position:relative}.feature-category ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-primary);border-radius:50%}@media (max-width:575px){.architecture-diagram-v2{padding:var(--spacing-3)}.security-zone{padding:var(--spacing-3)}.zone-label{font-size:10px;padding:var(--spacing-1) var(--spacing-2)}.zone-label svg{width:14px;height:14px}.layer-header{flex-wrap:wrap}.layer-number{width:24px;height:24px;font-size:var(--font-size-xs)}.layer-title{font-size:var(--font-size-sm)}.layer-components{grid-template-columns:1fr}.component-card{padding:var(--spacing-2)}.component-card .component-icon{width:32px;height:32px}.component-card .component-icon svg{width:16px;height:16px}.component-info h4{font-size:var(--font-size-xs)}.server-modules{grid-template-columns:repeat(2,1fr)}.storage-row{grid-template-columns:1fr;gap:var(--spacing-2)}.storage-connector{display:none}.storage-card{padding:var(--spacing-3)}.llm-options{grid-template-columns:1fr;gap:var(--spacing-3)}.llm-separator{padding:var(--spacing-2) 0}.llm-separator span{background:var(--color-bg-alt);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full)}.output-options{gap:var(--spacing-2)}.output-card{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.output-card svg{width:14px;height:14px}.features-grid-v2{grid-template-columns:1fr;gap:var(--spacing-4)}.feature-category{padding:var(--spacing-3)}.category-icon{width:48px;height:48px}.category-icon svg{width:24px;height:24px}}@media (min-width:576px) and (max-width:767px){.layer-components{grid-template-columns:repeat(2,1fr)}.storage-row{grid-template-columns:1fr;gap:var(--spacing-3)}.storage-connector{display:none}.llm-options{grid-template-columns:1fr;gap:var(--spacing-3)}.features-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.architecture-diagram-v2{padding:var(--spacing-8)}.layer-components{grid-template-columns:repeat(4,1fr)}.server-modules{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.features-grid-v2{grid-template-columns:repeat(4,1fr)}}.whitepaper{max-width:900px;margin:0 auto;padding:var(--spacing-8);overflow-x:hidden}.whitepaper-hero{text-align:center;padding:var(--spacing-16) 0;background:linear-gradient(135deg,var(--color-primary-50),var(--color-bg));border-radius:var(--radius-2xl);margin-bottom:var(--spacing-12)}[data-theme="dark"] .whitepaper-hero{background:linear-gradient(135deg,rgba(37,99,235,0.1),var(--color-bg))}.whitepaper-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);color:var(--color-text)}.whitepaper-hero .subtitle{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.whitepaper-meta{display:flex;justify-content:center;gap:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.whitepaper-toc{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-12);border:1px solid var(--color-border-light)}.whitepaper-toc h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.whitepaper-toc ol{list-style:none;counter-reset:toc-counter;padding:0}.whitepaper-toc li{counter-increment:toc-counter;margin-bottom:var(--spacing-2)}.whitepaper-toc li a{color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.whitepaper-toc li a:hover{background:var(--color-bg-alt);color:var(--color-primary)}.whitepaper-toc li a::before{content:counter(toc-counter) ".";font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:24px}.whitepaper-section{margin-bottom:var(--spacing-12)}.whitepaper-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-primary);color:var(--color-text)}.whitepaper-section h3{font-size:var(--font-size-xl);margin:var(--spacing-6) 0 var(--spacing-4);color:var(--color-text)}.whitepaper-section p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed);color:var(--color-text)}.whitepaper-section ul,.whitepaper-section ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.whitepaper-section li{margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}.whitepaper .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin:var(--spacing-6) 0}.whitepaper .metric-box{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-5);text-align:center;border:1px solid var(--color-border-light)}.whitepaper .metric-box .value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block}.whitepaper .metric-box .label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.whitepaper .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--spacing-6) 0;border-radius:var(--radius-lg)}.whitepaper .data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:500px}.whitepaper .data-table th,.whitepaper .data-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.whitepaper .data-table th{background:var(--color-bg-alt);font-weight:var(--font-weight-semibold);color:var(--color-text)}.whitepaper .data-table tr:hover{background:var(--color-bg-alt)}.highlight-box{background:linear-gradient(135deg,var(--color-primary-50),var(--color-bg-card));border-left:4px solid var(--color-primary);padding:var(--spacing-5);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--spacing-6) 0}[data-theme="dark"] .highlight-box{background:linear-gradient(135deg,rgba(37,99,235,0.1),var(--color-bg-card))}.highlight-box p{margin:0;font-weight:var(--font-weight-medium)}.whitepaper .architecture-diagram{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);margin:var(--spacing-6) 0;border:1px solid var(--color-border-light);overflow-x:auto}.whitepaper .architecture-diagram pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;margin:0;white-space:pre;color:var(--color-text)}.whitepaper .cta-box{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;margin-top:var(--spacing-12)}.whitepaper .cta-box h3{color:#fff;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.whitepaper .cta-box p{color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-6)}.whitepaper .cta-box .btn{background:#fff;color:var(--color-primary)}.whitepaper .cta-box .btn:hover{background:var(--color-primary-50)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.back-link:hover{color:var(--color-primary)}.back-link svg{width:16px;height:16px}@media (max-width:768px){.whitepaper{padding:var(--spacing-4)}.whitepaper-hero h1{font-size:var(--font-size-2xl)}.whitepaper-meta{flex-direction:column;gap:var(--spacing-2)}.whitepaper .metrics-grid{grid-template-columns:repeat(2,1fr)}.whitepaper .table-wrapper{margin:var(--spacing-4) calc(-1 * var(--spacing-4));padding:0 var(--spacing-4);border-radius:0}.whitepaper .data-table{font-size:var(--font-size-xs);min-width:450px}.whitepaper .data-table th,.whitepaper .data-table td{padding:var(--spacing-2) var(--spacing-3)}}.doc-layout{display:flex;min-height:calc(100vh - 72px);overflow-x:hidden}.doc-sidebar{position:sticky;top:72px;width:280px;height:calc(100vh - 72px);padding:var(--spacing-6);background:var(--color-bg);border-right:1px solid var(--color-border-light);overflow-y:auto;flex-shrink:0}.doc-sidebar-section{margin-bottom:var(--spacing-6)}.doc-sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.doc-sidebar-nav{list-style:none;padding:0;margin:0}.doc-sidebar-nav a{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.doc-sidebar-nav a:hover{background:var(--color-bg-alt);color:var(--color-primary)}.doc-sidebar-nav a.active{background:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-weight-medium)}.doc-main{flex:1;max-width:900px;margin:0 auto;padding:var(--spacing-8)}.doc-hero{text-align:center;padding:var(--spacing-12) 0;background:linear-gradient(135deg,var(--color-primary-50),var(--color-bg));border-radius:var(--radius-2xl);margin-bottom:var(--spacing-8)}[data-theme="dark"] .doc-hero{background:linear-gradient(135deg,rgba(37,99,235,0.1),var(--color-bg))}.doc-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);color:var(--color-text)}.doc-hero .subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.doc-breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.doc-breadcrumb a{color:var(--color-primary);text-decoration:none}.doc-breadcrumb a:hover{text-decoration:underline}.doc-content{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-8);border:1px solid var(--color-border-light)}.doc-content h2{font-size:var(--font-size-2xl);margin:var(--spacing-8) 0 var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-primary)}.doc-content h2:first-child{margin-top:0}.doc-content h3{font-size:var(--font-size-xl);margin:var(--spacing-6) 0 var(--spacing-3)}.doc-content h4{font-size:var(--font-size-lg);margin:var(--spacing-4) 0 var(--spacing-2)}.doc-content p{margin:var(--spacing-4) 0;line-height:var(--line-height-relaxed)}.doc-content ul,.doc-content ol{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.doc-content li{margin:var(--spacing-2) 0}.doc-content pre{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--spacing-4);overflow-x:auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin:var(--spacing-4) 0}.doc-content code{background:var(--color-bg-alt);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:0.9em}.doc-content pre code{background:none;padding:0}.doc-content .table-wrapper{overflow-x:auto;margin:var(--spacing-6) 0}.doc-content table{width:100%;border-collapse:collapse}.doc-content th,.doc-content td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-light);text-align:left}.doc-content th{background:var(--color-bg-alt);font-weight:var(--font-weight-semibold)}.doc-content tr:hover{background:var(--color-bg-alt)}.doc-content blockquote{margin:var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--color-primary);background:var(--color-primary-50);border-radius:0 var(--radius-md) var(--radius-md) 0}.doc-content blockquote p{margin:0}.doc-content a{color:var(--color-primary);text-decoration:none}.doc-content a:hover{text-decoration:underline}.doc-content .heading-anchor{margin-left:var(--spacing-2);opacity:0;transition:opacity var(--transition-fast)}.doc-content h2:hover .heading-anchor,.doc-content h3:hover .heading-anchor{opacity:0.5}.doc-toc{position:sticky;top:88px;width:220px;padding:var(--spacing-4);font-size:var(--font-size-sm);flex-shrink:0}.doc-toc-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-muted)}.doc-toc-list{list-style:none;padding:0;margin:0}.doc-toc-list a{display:block;padding:var(--spacing-1) 0;color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;padding-left:var(--spacing-3)}.doc-toc-list a:hover{color:var(--color-primary)}.doc-toc-list .level-3{padding-left:var(--spacing-6);font-size:var(--font-size-xs)}.doc-footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.doc-footer a{color:var(--color-primary);text-decoration:none}.doc-footer a:hover{text-decoration:underline}.nav-lang-switcher{display:flex;gap:var(--spacing-1);align-items:center}.nav-lang-switcher a{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-fast)}.nav-lang-switcher a:hover{color:var(--color-primary);border-color:var(--color-primary)}.nav-lang-switcher a.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.mobile-nav-demo-btn{margin-top:var(--spacing-4)}.doc-page-nav{display:flex;justify-content:space-between;align-items:stretch;margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light);gap:var(--spacing-4)}.doc-page-nav-prev,.doc-page-nav-next{display:flex;flex-direction:column;padding:var(--spacing-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);max-width:45%;border:1px solid var(--color-border-light)}.doc-page-nav-prev:hover,.doc-page-nav-next:hover{background:var(--color-bg-alt);border-color:var(--color-primary)}.doc-page-nav-next{text-align:right;margin-left:auto}.doc-page-nav-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-1)}.doc-page-nav-title{font-weight:var(--font-weight-medium);color:var(--color-primary);font-size:var(--font-size-base)}@media (max-width:1200px){.doc-toc{display:none}}@media (max-width:1024px){.doc-sidebar{display:none}.doc-main{padding:var(--spacing-4)}.doc-hero h1{font-size:var(--font-size-2xl)}}@media (max-width:768px){.doc-layout{flex-direction:column}.doc-main{max-width:100%;padding:var(--spacing-3)}.doc-hero{padding:var(--spacing-6) var(--spacing-3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.doc-hero h1{font-size:var(--font-size-xl)}.doc-content{padding:var(--spacing-4)}.doc-breadcrumb{flex-wrap:wrap;font-size:var(--font-size-xs)}.doc-page-nav{flex-direction:column;gap:var(--spacing-3)}.doc-page-nav-prev,.doc-page-nav-next{max-width:100%}.doc-footer{flex-direction:column;gap:var(--spacing-2);text-align:center}.nav-lang-switcher{display:none}}@media (max-width:480px){.doc-main{padding:var(--spacing-2)}.doc-content{padding:var(--spacing-3);border-radius:var(--radius-md)}.doc-content h2{font-size:var(--font-size-lg)}.doc-content h3{font-size:var(--font-size-base)}.doc-content pre{font-size:var(--font-size-xs);padding:var(--spacing-2)}.doc-hero{padding:var(--spacing-4) var(--spacing-2)}.doc-hero h1{font-size:var(--font-size-lg)}}@media (min-width:768px){:root{--container-padding:var(--spacing-6)}.mobile-menu-toggle{display:none}.hero-title{font-size:var(--font-size-5xl)}.hero .container{grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.hero-content{text-align:left}.hero-actions{justify-content:flex-start}.hero-stats{justify-content:flex-start}.section-title{font-size:var(--font-size-4xl)}.problems-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.quality-metrics-grid{grid-template-columns:repeat(3,1fr)}.architecture-content{grid-template-columns:1fr 1fr}.languages-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:200px 1fr;gap:var(--spacing-8);text-align:left}.footer-brand{text-align:left}.footer-brand .footer-description{margin:0}.footer-links{grid-template-columns:repeat(4,1fr)}.footer-social{justify-content:flex-start}}@media (min-width:1024px){:root{--container-padding:var(--spacing-8)}.hero-title{font-size:var(--font-size-6xl)}.problems-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(4,1fr)}.metrics-grid{grid-template-columns:repeat(4,1fr)}.integrations-grid{grid-template-columns:repeat(6,1fr)}.languages-grid{grid-template-columns:repeat(4,1fr)}.architecture-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.integrations-grid{grid-template-columns:repeat(8,1fr)}}@media print{.header,.mobile-nav,.theme-toggle,.demo-terminal,.cta-form,.footer-social{display:none !important}body{font-size:12pt;color:#000;background:#fff}.section{page-break-inside:avoid}a{color:#000;text-decoration:underline}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#FFFFFF;padding:var(--spacing-2) var(--spacing-4);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}