*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #0a0a0a;--color-background-secondary: #111111;--color-background-tertiary: #1a1a1a;--color-surface: #1f1f1f;--color-surface-hover: #2a2a2a;--color-border: #333333;--color-border-hover: #444444;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-gradient-start: #3b82f6;--color-gradient-end: #8b5cf6;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .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;--spacing-32: 8rem;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-fade-in-up{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.animate-fade-in-up:nth-child(1){animation-delay:.1s}.animate-fade-in-up:nth-child(2){animation-delay:.2s}.animate-fade-in-up:nth-child(3){animation-delay:.3s}.animate-fade-in-up:nth-child(4){animation-delay:.4s}.animate-fade-in-up:nth-child(5){animation-delay:.5s}.container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--spacing-6)}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-4) 0;transition:var(--transition-normal)}.navbar.scrolled{background:#0a0a0af2;border-bottom-color:var(--color-border-hover)}.nav-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.nav-brand .brand-link{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.brand-icon{font-size:var(--font-size-2xl)}.brand-version{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:4px;font-weight:var(--font-weight-medium)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-8)}.nav-section{display:flex;align-items:center;gap:var(--spacing-6)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-4)}.nav-link{text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2);position:relative;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius)}.nav-icon{font-size:var(--font-size-sm);opacity:.8}.nav-badge{background:var(--color-success);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.nav-cta{background:var(--color-primary);color:#fff;text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2);transition:var(--transition-fast);font-size:var(--font-size-sm)}.nav-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.cta-icon{font-size:var(--font-size-sm)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.nav-link:hover .nav-icon{opacity:1}.github-link{background:var(--color-surface);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.github-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle .bar{width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-fast)}@media (max-width: 768px){.nav-menu{display:none}.nav-toggle{display:flex}}.hero{padding:calc(80px + var(--spacing-24)) 0 var(--spacing-24);background:var(--color-background);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-gradient-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);filter:blur(40px);animation:float 6s ease-in-out infinite}.hero-orb-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.hero-orb-2{width:200px;height:200px;top:60%;right:20%;animation-delay:2s}.hero-orb-3{width:150px;height:150px;bottom:20%;left:60%;animation-delay:4s}.hero-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--spacing-6);position:relative;z-index:2}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);position:relative;overflow:hidden}.badge-pulse{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--color-primary);border-radius:var(--border-radius-full);opacity:.3;animation:pulse 2s infinite;z-index:-1}.badge-icon{font-size:var(--font-size-base)}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--spacing-6)}.gradient-text{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-12);justify-content:center;align-items:center}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast);cursor:pointer;font-family:inherit}.btn-large{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-glow{position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f64d}.btn-glow:hover{box-shadow:0 0 30px #3b82f680}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}.btn-hover-lift{transition:all .3s ease}.btn-hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-icon{font-size:var(--font-size-base)}.btn-text{position:relative;z-index:1}.hero-demo{margin:var(--spacing-12) 0;max-width:600px;margin-left:auto;margin-right:auto}.demo-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 20px 40px #0000001a}.demo-header{background:var(--color-background-secondary);padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-border)}.demo-dots{display:flex;gap:var(--spacing-2)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.demo-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.demo-content{padding:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.demo-line{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.demo-prompt{color:var(--color-primary);font-weight:var(--font-weight-bold)}.demo-command{color:var(--color-text-primary)}.demo-cursor{color:var(--color-primary);animation:blink 1s infinite}.demo-output{margin-top:var(--spacing-3);padding-left:var(--spacing-4)}.demo-success{color:var(--color-success);margin-bottom:var(--spacing-1)}.demo-info{color:var(--color-text-secondary)}.typing-animation{overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-primary);animation:typing 3s steps(20,end),blink 1s infinite step-end}.hero-stats{display:flex;gap:var(--spacing-8);justify-content:center;margin-top:var(--spacing-12)}.stat{text-align:center}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-light)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero-visual{position:relative}.terminal-window{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.terminal-header{background:var(--color-surface);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);border-bottom:1px solid var(--color-border)}.terminal-buttons{display:flex;gap:var(--spacing-2)}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.red{background:#ff5f56}.terminal-button.yellow{background:#ffbd2e}.terminal-button.green{background:#27ca3f}.terminal-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.terminal-content{padding:var(--spacing-6);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6}.code-line{margin-bottom:var(--spacing-1)}.code-indent{padding-left:var(--spacing-4)}.code-indent2{padding-left:var(--spacing-8)}.code-keyword{color:#c678dd}.code-function{color:#61afef}.code-string{color:#98c379}.code-comment{color:var(--color-text-tertiary)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-12);text-align:center}.hero-title{font-size:var(--font-size-5xl)}}@media (max-width: 768px){.hero{padding:calc(80px + var(--spacing-16)) 0 var(--spacing-16)}.hero-title{font-size:var(--font-size-4xl)}.hero-actions{flex-direction:column;align-items:center}.hero-stats{justify-content:center}}.installation{padding:var(--spacing-24) 0;background:var(--color-background-secondary)}.installation-content{max-width:var(--max-width-lg);margin:0 auto;text-align:center}.installation-content h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.installation-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-12)}.install-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden;margin-bottom:var(--spacing-8)}.tab-buttons{display:flex;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border)}.tab-button{flex:1;padding:var(--spacing-4);background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.tab-button.active,.tab-button:hover{background:var(--color-surface);color:var(--color-text-primary)}.tab-content{position:relative}.tab-pane{display:none;padding:var(--spacing-6)}.tab-pane.active{display:block}.tab-pane pre{margin:0;text-align:left}.tab-pane code{font-family:var(--font-family-mono);font-size:var(--font-size-lg);color:var(--color-text-primary)}.quick-links{display:flex;gap:var(--spacing-4);justify-content:center}.quick-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--color-text-secondary);transition:var(--transition-fast)}.quick-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.quick-link-icon{font-size:var(--font-size-lg)}@media (max-width: 768px){.quick-links{flex-direction:column;align-items:center}.tab-buttons{flex-direction:column}}.features{padding:var(--spacing-24) 0}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--max-width-md);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-8);transition:var(--transition-normal)}.feature-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.code-example{padding:var(--spacing-24) 0;background:var(--color-background-secondary)}.example-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-16);align-items:center}.example-text h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.example-text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.example-features{display:flex;flex-direction:column;gap:var(--spacing-3)}.example-feature{display:flex;align-items:center;gap:var(--spacing-3)}.feature-check{color:var(--color-success);font-weight:var(--font-weight-bold)}.example-code{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden}.code-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.code-tab{padding:var(--spacing-4) var(--spacing-6);background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.code-tab.active,.code-tab:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.code-content{position:relative}.code-pane{display:none;padding:var(--spacing-6);overflow-x:auto}.code-pane.active{display:block}.code-pane pre{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6}.code-pane code{color:var(--color-text-primary)}@media (max-width: 1024px){.example-content{grid-template-columns:1fr;gap:var(--spacing-12)}}@media (max-width: 768px){.code-tabs{flex-direction:column}.code-pane{padding:var(--spacing-4)}}.community{padding:var(--spacing-24) 0}.community-content{text-align:center;margin-bottom:var(--spacing-16)}.community-content h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.community-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--max-width-md);margin:0 auto}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.community-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-8);text-decoration:none;color:var(--color-text-primary);transition:var(--transition-normal);display:block}.community-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.community-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.community-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.community-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.community-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-16) 0 var(--spacing-8);position:relative;overflow:hidden}.footer-gradient{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-12);align-items:start}.footer-brand .brand-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.footer-tagline{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.footer-stats{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.footer-section h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-primary)}.section-icon{font-size:var(--font-size-sm)}.footer-section a{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-2);transition:var(--transition-fast);padding:var(--spacing-1) 0;border-radius:var(--border-radius)}.footer-section a:hover{color:var(--color-text-primary)}.link-icon{font-size:var(--font-size-sm);opacity:.7;transition:var(--transition-fast)}.footer-section a:hover .link-icon{opacity:1}.new-badge{background:var(--color-success);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-8);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.footer-bottom-left{text-align:left}.footer-bottom a{color:var(--color-primary);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.footer-love{margin-top:var(--spacing-2);color:var(--color-text-tertiary)}.creator-link{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)}.footer-social{display:flex;gap:var(--spacing-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-fast)}.social-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-2px)}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-6)}.footer-brand{grid-column:1 / -1;text-align:center;margin-bottom:var(--spacing-6)}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-6);text-align:center}.footer-brand{grid-column:1;margin-bottom:var(--spacing-8)}.footer-stats{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--spacing-4);text-align:center}.footer-bottom-left{text-align:center}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.section-header h2{font-size:var(--font-size-3xl)}.features-grid{grid-template-columns:1fr}}.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}.language-javascript .hljs-keyword{color:#c678dd}.language-javascript .hljs-string{color:#98c379}.language-javascript .hljs-function{color:#61afef}.language-javascript .hljs-comment{color:var(--color-text-tertiary)}.language-bash .hljs-built_in{color:#e06c75}.language-bash .hljs-string{color:#98c379}.nav-link.mcp-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;padding:8px 16px;border-radius:6px;font-weight:600;position:relative}.nav-link.mcp-highlight:before{content:"⚡";margin-right:4px}.nav-link.mcp-highlight:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.mcp-integration-section{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:100px 0;position:relative;overflow:hidden}.mcp-integration-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);z-index:0}.mcp-integration-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.mcp-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:50px;padding:8px 20px;margin-bottom:24px;font-size:14px;font-weight:600;color:#06b6d4}.mcp-integration-section h2{font-size:3rem;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mcp-integration-section p{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:40px}.mcp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin:60px 0 40px}.mcp-feature{text-align:center;padding:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.mcp-feature-icon{font-size:3rem;margin-bottom:16px;display:block}.mcp-feature h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#06b6d4}.mcp-feature p{font-size:.875rem;color:#ffffffb3;margin:0}.mcp-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.mcp-cta-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease}.mcp-cta-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.mcp-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.mcp-cta-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.mcp-cta-button.secondary:hover{background:#fff3}.btn-ai{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:1px solid rgba(139,92,246,.3);position:relative;overflow:hidden;color:#fff}.btn-ai:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 8px 32px #8b5cf666;transform:translateY(-2px);color:#fff}.ai-badge{background:#fff3;color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--spacing-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pulse-ai 2s infinite}@keyframes pulse-ai{0%,to{opacity:1}50%{opacity:.8}}