:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-rgb:99,102,241;--color-accent:#8b5cf6;--color-secondary:#6b7280;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-background:#fff;--color-surface:#f9fafb;--color-surface-alt:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code","Roboto Mono",monospace}[data-theme=dark]{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-rgb:99,102,241;--color-accent:#a78bfa;--color-secondary:#94a3b8;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-alt:#334155;--color-border:#475569;--color-border-light:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0f172a;--shadow-sm:0 1px 2px 0 #0f172a66;--shadow-md:0 4px 6px -1px #0f172a66,0 2px 4px -1px #0f172a4d;--shadow-lg:0 10px 15px -3px #0f172a66,0 4px 6px -2px #0f172a4d}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);font-size:1rem;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-text-tertiary)}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.gradient-text{color:var(--color-primary)}.element{color:var(--color-primary);position:relative}.element:after{content:"|";color:var(--color-primary);margin-left:0;animation:1s ease-in-out infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}code{font-family:var(--font-mono);background-color:var(--color-surface-alt);color:var(--color-text-code);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875em}pre{font-family:var(--font-mono);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;line-height:1.4;overflow-x:auto}pre code{color:var(--color-text-primary);background:0 0;border-radius:0;padding:0}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.feature-tag{border-radius:var(--radius-sm);background-color:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.section-title{font-size:2rem}.container{padding:0 .75rem}}
.main-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:1000;-webkit-backdrop-filter:blur(8px);transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar{align-items:center;height:64px;display:flex}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.nav-brand{flex-shrink:0}.brand-link{color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;display:flex}.brand-link:hover{color:var(--color-text-primary)}.brand-link i{color:var(--color-primary);font-size:1.125rem}.brand-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.brand-text{flex-direction:column;gap:0;line-height:1;display:flex}.brand-name{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.brand-subtext{color:var(--color-text-tertiary);letter-spacing:.02em;margin-top:2px;font-size:.625rem;font-weight:500}.nav-menu{flex:1;justify-content:center;margin:0 2rem;display:flex}.nav-list{gap:.5rem;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.nav-actions{align-items:center;gap:.75rem;display:flex}.signin-link{font-weight:500}.theme-toggle{width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.theme-toggle svg{width:20px;height:20px}.sun-icon,.moon-icon{display:none}[data-theme=light] .moon-icon,[data-theme=dark] .sun-icon{display:block}.mobile-toggle{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;width:36px;height:36px;padding:8px;display:none}.mobile-toggle span{background-color:var(--color-text-secondary);border-radius:1px;width:100%;height:2px;margin:2px 0;transition:all .3s}.mobile-toggle:hover{background-color:var(--color-surface)}.mobile-toggle:hover span{background-color:var(--color-text-primary)}[data-theme=dark] .main-header{border-bottom-color:var(--color-border);background-color:#0a0a0af2}[data-theme=dark] .brand-link i{color:var(--color-primary)}@media (max-width:768px){.nav-menu{display:none}.nav-container{padding:0 .75rem}.nav-actions{gap:.5rem}.signin-link{display:none}.mobile-toggle{display:flex}.brand-logo{width:28px;height:28px}.brand-name{font-size:1.125rem}.brand-subtext{font-size:.5625rem}}
.hero{align-items:center;min-height:80vh;padding-top:6rem;padding-bottom:3rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:1;position:absolute;inset:0}.network-canvas{pointer-events:auto;width:100%;height:100%}.hero-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge i{color:var(--color-primary)}.hero-title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-description{color:var(--color-text-secondary);max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.hero-features{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;display:flex}.feature-pill{background-color:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;border-radius:1.5rem;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.feature-pill:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:500px;margin:0 auto;display:grid}.stat{text-align:center}.stat-value{color:var(--color-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--color-text-tertiary);font-size:.875rem;font-weight:500}.feature-section{padding:5rem 0;position:relative}.feature-section:nth-child(2n){background-color:var(--color-surface)}.feature-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.feature-content.reverse{direction:rtl}.feature-content.reverse>*{direction:ltr}.feature-info{max-width:600px}.feature-badge{background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.feature-badge i{color:var(--color-primary)}.feature-title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.feature-description{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.feature-highlights{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.highlight-item{align-items:flex-start;gap:1rem;display:flex}.highlight-item i{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:.25rem;font-size:1rem;display:flex}.highlight-item h4{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.highlight-item p{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.feature-demo{position:relative}.terminal-demo{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);box-shadow:var(--shadow-lg);overflow:hidden}.terminal-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.terminal-buttons{gap:.5rem;display:flex}.terminal-button{border-radius:50%;width:12px;height:12px}.terminal-button.close{background-color:#ff5f56}.terminal-button.minimize{background-color:#ffbd2e}.terminal-button.maximize{background-color:#27ca3f}.terminal-title{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.terminal-content{padding:1.5rem;font-size:.875rem;line-height:1.5}.terminal-line{gap:.5rem;margin-bottom:.5rem;display:flex}.prompt{color:var(--color-primary);font-weight:600}.command{color:var(--color-text-primary)}.terminal-output{margin:.75rem 0 1.5rem 1.5rem}.terminal-output div{color:var(--color-text-secondary);margin-bottom:.25rem}.api-demo{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.demo-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.demo-header h4{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.status-badge{background-color:var(--color-success);color:#fff;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.demo-content{padding:1.5rem}.demo-content pre{background:0 0;border:none;margin:0;padding:0;font-size:.8125rem;line-height:1.5;overflow-x:auto}.metrics-demo{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.metrics-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.metrics-header h4{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.test-status{background-color:var(--color-success);color:#fff;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.metrics-grid{background-color:var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1px;margin:1.5rem;display:grid;overflow:hidden}.metric-card{background-color:var(--color-surface);text-align:center;padding:1.5rem 1rem}.metric-value{color:var(--color-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.metric-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.chart-placeholder{background-color:var(--color-surface);border-radius:var(--radius-md);text-align:center;margin:0 1.5rem 1.5rem;padding:1rem}.chart-bars{justify-content:center;align-items:end;gap:.5rem;height:80px;margin-bottom:1rem;display:flex}.bar{background-color:var(--color-primary);opacity:.8;border-radius:2px;width:12px}.chart-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.monitoring-demo{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.monitoring-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.monitoring-header h4{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.status-indicator{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.status-indicator.online{color:var(--color-success)}.status-indicator.online:before{content:"";background-color:var(--color-success);border-radius:50%;width:8px;height:8px}.status-grid{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.status-item{background-color:var(--color-surface);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;display:flex}.status-icon{font-size:1.25rem}.status-info{flex:1}.status-name{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.status-value{color:var(--color-text-secondary);font-size:.8125rem}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.online{background-color:var(--color-success)}.alert-section{border-top:1px solid var(--color-border);padding:1rem 1.5rem}.alert-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.alert-item{gap:1rem;padding:.5rem 0;font-size:.8125rem;display:flex}.alert-time{color:var(--color-text-tertiary);min-width:3rem}.alert-message{color:var(--color-text-secondary)}.pipeline-demo{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.pipeline-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pipeline-header h4{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.pipeline-status{background-color:var(--color-success);color:#fff;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.pipeline-steps{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.pipeline-step{background-color:var(--color-surface);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.pipeline-step:not(:last-child):after{content:"";background-color:var(--color-border);width:2px;height:1rem;position:absolute;bottom:-1.5rem;left:1.75rem}.step-icon{background-color:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.step-info{flex:1}.step-name{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.step-time{color:var(--color-text-secondary);font-size:.8125rem}.deployment-info{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding:1rem 1.5rem;display:flex}.deployment-item{justify-content:space-between;font-size:.8125rem;display:flex}.deployment-label{color:var(--color-text-secondary)}.deployment-value{color:var(--color-text-primary);font-weight:500}.status-healthy{color:var(--color-success)!important}.runners-section{background-color:var(--color-background);padding:4rem 0}.runners-content{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:3rem;display:grid}.runners-features{grid-template-columns:1fr;gap:2rem;display:grid}.runner-feature{align-items:flex-start;gap:1rem;display:flex}.feature-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-primary));flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:.25rem;display:flex}.feature-icon i{color:#fff;font-size:1rem}.feature-content{flex:1}.feature-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.feature-description{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.runners-demo{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;position:sticky;top:2rem}.demo-header{margin-bottom:1.5rem}.demo-header h4{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.demo-header p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.demo-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:1rem;display:flex}.demo-tab{color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.demo-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.demo-tab:hover:not(.active){color:var(--color-text-primary);background-color:var(--color-surface-alt)}.demo-content{position:relative}.code-example{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.code-example pre{background:0 0;border:none;margin:0;padding:1.5rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.code-example code{color:var(--color-text-primary);font-family:var(--font-mono);background:0 0;padding:0}[data-theme=dark] .runners-demo{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .code-example{background-color:var(--color-surface-alt);border-color:var(--color-border)}@media (max-width:1024px){.runners-content{grid-template-columns:1fr;gap:3rem}.runners-demo{position:static}}@media (max-width:768px){.runners-features{gap:1.5rem}.runner-feature{gap:.75rem}.feature-content{text-align:left}.runners-demo{padding:1rem}.demo-tabs{justify-content:center}.code-example pre{padding:1rem;font-size:.75rem}}.workflow-section{background-color:var(--color-background);padding:4rem 0}.workflow-steps{max-width:800px;margin-top:3rem;margin-left:auto;margin-right:auto}.workflow-step{align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}.workflow-step:last-child{margin-bottom:0}.step-number{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.step-content{flex:1;padding-top:.25rem}.step-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.step-description{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.code-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);padding:1rem;font-size:.875rem;overflow-x:auto}.code-preview code{color:var(--color-text-code);background:0 0;border-radius:0;padding:0}[data-theme=dark] .hero-badge{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .feature-section:nth-child(2n){background-color:var(--color-surface)}[data-theme=dark] .terminal-demo,[data-theme=dark] .api-demo,[data-theme=dark] .metrics-demo,[data-theme=dark] .monitoring-demo,[data-theme=dark] .pipeline-demo{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .terminal-header,[data-theme=dark] .demo-header,[data-theme=dark] .metrics-header,[data-theme=dark] .monitoring-header,[data-theme=dark] .pipeline-header{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .code-preview{background-color:var(--color-surface-alt);border-color:var(--color-border)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-features{gap:.5rem}.feature-pill{padding:.25rem .625rem;font-size:.6875rem}.hero-actions{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:1fr;gap:1.5rem}.feature-content{grid-template-columns:1fr;gap:3rem}.feature-content.reverse{direction:ltr}.feature-title{font-size:2rem}.feature-description{font-size:1rem}.metrics-grid{grid-template-columns:1fr}.workflow-step{text-align:center;flex-direction:column;gap:1rem}.step-content{padding-top:0}}@media (max-width:480px){.hero{min-height:70vh;padding-top:5rem}.hero-title{font-size:2rem}.hero-description{font-size:.9375rem}.hero-features{gap:.375rem;max-width:100%}.feature-pill{padding:.1875rem .5rem;font-size:.625rem}.feature-section{padding:3rem 0}.feature-title{font-size:1.75rem}.feature-description{font-size:.9375rem}.highlight-item{gap:.75rem}.highlight-item i{width:32px;height:32px;font-size:.875rem}.terminal-content,.demo-content{padding:1rem}.workflow-section{padding:3rem 0}}
.main-footer{background-color:var(--color-surface);color:var(--color-text-primary);border-top:1px solid var(--color-border);margin-top:0}.main-footer .footer-content{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 2fr;gap:3rem;padding:3rem 0;display:grid}.main-footer .footer-brand{max-width:300px}.main-footer .brand-logo{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.main-footer .brand-logo i{color:var(--color-primary);font-size:1.5rem}.main-footer .footer-logo-img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.main-footer .brand-text{flex-direction:column;gap:2px;line-height:1;display:flex}.main-footer .brand-name{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.main-footer .brand-subtext{color:var(--color-text-tertiary);letter-spacing:.02em;font-size:.75rem;font-weight:500}.main-footer .brand-tagline{color:var(--color-text-secondary);margin:0;font-size:.9375rem;font-style:italic;line-height:1.6}.main-footer .footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.main-footer .link-group-title{color:var(--color-text-primary);margin:0 0 1.25rem;font-size:1rem;font-weight:600;line-height:1.2}.main-footer .link-list{margin:0;padding:0;list-style:none}.main-footer .link-list li{margin-bottom:.75rem}.main-footer .link-list li:last-child{margin-bottom:0}.main-footer .link-list a{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;text-decoration:none;transition:color .2s;display:inline-block}.main-footer .link-list a:hover{color:var(--color-primary);text-decoration:none}.main-footer .link-list a:focus{color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.main-footer .footer-bottom{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.main-footer .footer-copy p{color:var(--color-text-tertiary);margin:0;font-size:.875rem;line-height:1.5}.main-footer .heart{color:var(--color-danger);font-style:normal}.main-footer .footer-social{gap:1rem;display:flex}.main-footer .social-link{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);background-color:#0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.main-footer .social-link:hover{color:var(--color-primary);background-color:var(--color-surface-alt)}.main-footer .social-link i{font-size:1rem}[data-theme=dark] .main-footer{background-color:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .main-footer .footer-content{border-bottom-color:var(--color-border)}[data-theme=dark] .main-footer .social-link:hover{background-color:var(--color-surface-alt)}@media (max-width:768px){.main-footer .footer-content{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 0}.main-footer .footer-brand{text-align:center;max-width:none}.main-footer .footer-links{text-align:center;grid-template-columns:1fr;gap:2rem}.main-footer .footer-bottom{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem 0}}@media (max-width:640px){.main-footer .container{padding:0 .75rem}.main-footer .footer-content{gap:2rem;padding:2rem 0}.main-footer .brand-name{font-size:1.375rem}.main-footer .brand-tagline{font-size:.875rem}.main-footer .footer-links{gap:1.5rem}.main-footer .link-group-title{margin-bottom:1rem;font-size:.9375rem}.main-footer .link-list a{font-size:.8125rem}.main-footer .footer-bottom{padding:1rem 0}.main-footer .footer-copy p{font-size:.8125rem}}@media (max-width:480px){.main-footer .container{padding:0 .5rem}.main-footer .footer-content{gap:1.5rem;padding:1.5rem 0}.main-footer .brand-name{font-size:1.25rem}.main-footer .footer-links{gap:1.25rem}.main-footer .link-group-title{margin-bottom:.875rem}.main-footer .link-list li{margin-bottom:.625rem}}@media (min-width:769px) and (max-width:1024px){.main-footer .footer-content{gap:2.5rem}.main-footer .footer-links{gap:1.5rem}}@media (min-width:1200px){.main-footer .footer-content{gap:4rem;padding:4rem 0}.main-footer .footer-links{gap:3rem}.main-footer .footer-bottom{padding:2rem 0}}@media (prefers-contrast:high){.main-footer{border-top-width:2px}.main-footer .link-list a:focus{outline-width:3px}.main-footer .footer-content{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.main-footer .link-list a,.main-footer .social-link{transition:none}}.main-footer .link-list a:focus-visible,.main-footer .social-link:focus-visible{color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (hover:none) and (pointer:coarse){.main-footer .link-list a{justify-content:center;align-items:center;min-height:44px;padding:.25rem 0;display:flex}.main-footer .link-list li{margin-bottom:.25rem}}
.cta-section{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-alt)100%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:4rem 0;position:relative;overflow:hidden}.cta-background{z-index:1;opacity:.6;position:absolute;inset:0}.cta-section .container{z-index:2;position:relative}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.cta-description{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-actions .btn{position:relative;overflow:hidden}.cta-actions .btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-actions .btn:hover:before{left:100%}[data-theme=dark] .cta-section{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-alt)100%);border-top-color:var(--color-border);border-bottom-color:var(--color-border)}[data-theme=dark] .cta-background{opacity:.8}[data-theme=dark] .cta-actions .btn:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@media (max-width:768px){.cta-section{padding:3rem 0}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:280px}}@media (max-width:480px){.cta-section{padding:2.5rem 0}.cta-title{font-size:1.75rem}.cta-description{margin-bottom:2rem;font-size:.9375rem}}
.tools-page{padding-top:64px}.tools-hero{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-background)100%);border-bottom:1px solid var(--color-border);padding:4rem 0 2rem}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge i{color:var(--color-primary)}.hero-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.1}.hero-description{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.tools-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.tool-nav-link{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.5rem;min-width:80px;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.tool-nav-link:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.tool-nav-link i{font-size:1.5rem}.tool-nav-link span{font-size:.75rem;font-weight:600}.tool-section{border-bottom:1px solid var(--color-border);padding:4rem 0}.tool-section.alt{background-color:var(--color-surface)}.tool-header{align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.tool-icon-large{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));width:80px;height:80px;box-shadow:var(--shadow-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-icon-large i{color:#fff;font-size:2rem}.tool-info{flex:1}.tool-title{color:var(--color-text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:700}.tool-title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s}.tool-title a:hover{color:var(--color-primary)}.coming-soon-badge{color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b,#f97316);align-items:center;margin-left:1rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.tool-section.coming-soon{opacity:.85}.tool-section.coming-soon .tool-demo{position:relative}.tool-section.coming-soon .tool-demo:after{content:"";pointer-events:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0000000d 0%,#0000001a 100%);position:absolute;inset:0}.tool-learn-more{text-align:left;margin:1.5rem 0 0}.learn-more-link{color:var(--color-primary);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.learn-more-link:hover{color:var(--color-primary-hover);gap:.6rem}.learn-more-link i{font-size:.85rem;transition:transform .2s}.learn-more-link:hover i{transform:translate(3px)}.tool-subtitle{color:var(--color-text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.6}.tool-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tool-tag{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tool-demo{margin-bottom:3rem}.demo-terminal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-mono);background-color:#1a1a1a;overflow:hidden}.terminal-header{background-color:#2d2d2d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.terminal-controls{gap:.5rem;display:flex}.control{border-radius:50%;width:12px;height:12px}.control.close{background-color:#ff5f56}.control.minimize{background-color:#ffbd2e}.control.maximize{background-color:#27ca3f}.terminal-title{color:#c4c4c4;font-size:.875rem}.terminal-content{color:#c9d1d9;background-color:#0d1117;padding:1.5rem}.terminal-line{margin-bottom:1rem}.prompt{color:#58a6ff;margin-right:.5rem}.command{color:#7ee787}.typing{border-right:2px solid #58a6ff;animation:3s steps(60,end) infinite typewriter}@keyframes typewriter{0%{width:0}50%{width:100%}to{width:100%}}.terminal-output{margin-top:1rem}.output-line{color:#8b949e;margin-bottom:.5rem}.output-line.success{color:#7ee787}.highlight{color:#58a6ff;font-weight:600}.vscode-window{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.vscode-header{background-color:#2d2d30;border-bottom:1px solid #3c3c3c;padding:.5rem 1rem}.vscode-tabs{gap:.5rem;display:flex}.tab{color:#ccc;border-radius:var(--radius-sm)var(--radius-sm)0 0;background-color:#2d2d30;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.tab.active{color:#fff;background-color:#1e1e1e}.vscode-content{color:#d4d4d4;background-color:#1e1e1e;position:relative}.code-editor{font-family:var(--font-mono);padding:1rem 0;font-size:.875rem;line-height:1.5;display:flex}.line-numbers{color:#858585;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-right:1px solid #3c3c3c;padding:0 1rem}.line-numbers span{text-align:right;padding-right:1rem;display:block}.code-content{flex:1;padding:0 1rem;overflow-x:auto}.code-line{white-space:pre}.keyword{color:#569cd6}.function{color:#dcdcaa}.string{color:#ce9178}.comment{color:#6a9955}.variable{color:#9cdcfe}.property{color:#92c5f7}.method{color:#dcdcaa}.parameter{color:#9cdcfe}.punctuation,.operator{color:#d4d4d4}.boolean{color:#569cd6}.intellisense-popup{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);background-color:#252526;border:1px solid #454545;padding:.5rem 0;animation:.3s fadeInUp;position:absolute;top:120px;left:200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-item{color:#ccc;cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.8125rem;display:flex}.popup-item.active{color:#fff;background-color:#094771}.popup-item i{color:#58a6ff;width:16px}.mock-server-demo{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.server-status{font-family:var(--font-mono);color:var(--color-text-secondary);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.9375rem;display:flex}.status-indicator{border-radius:50%;width:12px;height:12px;position:relative}.status-indicator.running{background-color:var(--color-success)}.pulse{background-color:var(--color-success);opacity:.3;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:.1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.api-endpoints{margin-bottom:2rem}.endpoint{border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.endpoint.active{background-color:var(--color-surface-alt);border:1px solid var(--color-primary)}.method{font-family:var(--font-mono);border-radius:var(--radius-sm);color:#fff;text-align:center;min-width:50px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.method.get{background-color:#61affe}.method.post{background-color:#49cc90}.method.put{background-color:#fca130}.method.delete{background-color:#f93e3e}.path{font-family:var(--font-mono);color:var(--color-text-primary);flex:1;font-size:.9375rem}.response-time{color:var(--color-success);font-size:.8125rem;font-weight:500}.response-header{justify-content:between;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);align-items:center;padding:1rem;font-weight:600;display:flex}.response-controls{gap:.5rem;display:flex}.control-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;padding:.25rem .75rem;font-size:.8125rem;transition:all .2s}.control-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.response-body{font-family:var(--font-mono);padding:1rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.response-body pre{background:0 0;border:none;margin:0;padding:0}.docs-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-template-columns:250px 1fr;min-height:400px;display:grid;overflow:hidden}.docs-sidebar{background-color:var(--color-surface-alt);border-right:1px solid var(--color-border);padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h4{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.docs-nav{margin:0;padding:0;list-style:none}.docs-nav li{margin-bottom:.25rem}.docs-nav a{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.docs-nav a:hover,.docs-nav a.active{background-color:var(--color-primary);color:#fff}.docs-content{padding:1.5rem}.endpoint-doc h3{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.endpoint-doc p{color:var(--color-text-secondary);margin-bottom:1.5rem}.try-it-section{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.try-it-section h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.param-input{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.param-input label{font-family:var(--font-mono);color:var(--color-text-secondary);min-width:60px;font-size:.875rem}.param-input input,.param-input select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);flex:1;padding:.5rem;font-size:.875rem}.execute-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.execute-btn:hover{background-color:var(--color-primary-hover)}.response-section h4{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.status-badge{background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.monitoring-dashboard{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-header h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.time-range select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);padding:.5rem 1rem}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.metric-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.metric-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.metric-header span{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.status-up{color:var(--color-success)}.metric-value{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.metric-trend{font-size:.8125rem;font-weight:500}.metric-trend.up{color:var(--color-success)}.metric-trend.down{color:var(--color-primary)}.chart-placeholder{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:end;height:200px;padding:1rem;display:flex}.chart-bars{align-items:end;gap:.5rem;width:100%;display:flex}.bar{background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:var(--radius-sm)var(--radius-sm)0 0;transform-origin:bottom;flex:1;min-height:20px;animation:1s forwards growUp}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.auth-demo{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.auth-flow{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.auth-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.step-number{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;font-weight:700;display:flex}.step-content h4{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.step-content p{color:var(--color-text-secondary);margin:0;font-size:.75rem}.auth-arrow{color:var(--color-primary);font-size:1.5rem;font-weight:700}.auth-code-example{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.code-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem}.code-header h4{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.code-content{font-family:var(--font-mono);padding:1.5rem;font-size:.875rem;line-height:1.6}.code-content pre{background:0 0;border:none;margin:0;padding:0}.code-content code{color:var(--color-text-primary);background:0 0}.simulator-demo{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.simulator-controls,.simulator-results{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.simulator-controls h4,.simulator-results h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.control-group{margin-bottom:1rem}.control-group label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.control-slider{justify-content:space-between;align-items:center;display:flex}.control-slider span{color:var(--color-primary);font-size:.875rem;font-weight:600}.slider-track{background-color:var(--color-border);border-radius:2px;flex:1;height:4px;margin:0 1rem;position:relative}.slider-thumb{background-color:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;position:absolute;top:-6px}.control-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);width:100%;color:var(--color-text-primary);padding:.5rem;font-size:.875rem}.result-metrics{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metric{text-align:center}.metric-label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem;display:block}.metric-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;display:block}.metric-value.error{color:var(--color-danger)}.metric-value.success{color:var(--color-success)}.performance-demo{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.test-config{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.test-config h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.config-item{margin-bottom:1rem}.config-item label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.config-item input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);width:100%;color:var(--color-text-primary);padding:.5rem;font-size:.875rem}.config-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.test-button{border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;display:flex}.test-button.running{background-color:var(--color-warning);animation:2s infinite pulse}.test-results{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.test-results h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.metrics-chart{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.chart-legend{gap:1rem;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.avg{background-color:var(--color-primary)}.dot.p95{background-color:var(--color-warning)}.chart-area{background:linear-gradient(to right,transparent 0%,var(--color-primary)50%,var(--color-warning)100%);opacity:.1;border-radius:var(--radius-sm);height:80px;position:relative}.chart-line{border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.chart-line.avg{background-color:var(--color-primary);bottom:30px}.chart-line.p95{background-color:var(--color-warning);bottom:15px}.summary-stats{text-align:center;justify-content:space-around;display:flex}.stat-item{flex:1}.stat-value{color:var(--color-text-primary);font-size:1.375rem;font-weight:600;display:block}.stat-label{color:var(--color-text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.secrets-demo{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;display:grid}.secrets-vault{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.vault-header{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.vault-header h4{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.add-secret-btn{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.secrets-list{padding:0}.secret-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.secret-item:last-child{border-bottom:none}.secret-info{flex-direction:column;gap:.25rem;display:flex}.secret-name{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.875rem;font-weight:600}.secret-env{color:var(--color-text-secondary);background-color:var(--color-surface-alt);border-radius:var(--radius-sm);width:fit-content;padding:.125rem .5rem;font-size:.75rem}.secret-actions{align-items:center;gap:.5rem;display:flex}.secret-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.secret-status.active{background-color:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.secret-status.rotating{background-color:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);animation:2s infinite pulse}.action-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;transition:all .2s}.action-btn:hover{background-color:var(--color-surface-alt);color:var(--color-primary)}.access-control{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.access-control h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.permission-matrix{gap:.5rem;display:grid}.permission-row{border-radius:var(--radius-sm);grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.5rem;display:grid}.permission-row.header{background-color:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;font-weight:600}.permission-row:not(.header){background-color:var(--color-background);color:var(--color-text-secondary);font-size:.8125rem}.permission-granted{color:var(--color-success)}.permission-denied{color:var(--color-danger)}.json-db-demo{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.db-interface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.db-header{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.db-header h4{color:var(--color-text-primary);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.add-bucket-btn{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s;display:flex}.add-bucket-btn:hover{background-color:var(--color-primary-hover)}.buckets-list{padding:0}.bucket-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;transition:background-color .2s;display:flex}.bucket-item:hover{background-color:var(--color-surface-alt)}.bucket-item.active{background-color:rgba(var(--color-primary-rgb),.05);border-left:3px solid var(--color-primary)}.bucket-item:last-child{border-bottom:none}.bucket-info{align-items:center;gap:1rem;display:flex}.bucket-info>i{color:var(--color-primary);font-size:1.5rem}.bucket-details{flex-direction:column;gap:.25rem;display:flex}.bucket-name{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.bucket-size{color:var(--color-text-secondary);font-size:.75rem}.bucket-actions{align-items:center;gap:.5rem;display:flex}.bucket-status{border-radius:var(--radius-sm);text-transform:uppercase;background-color:var(--color-surface-alt);color:var(--color-text-secondary);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.api-access{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.api-access h4{color:var(--color-text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.endpoint-display{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem;display:flex}.endpoint-url{font-family:var(--font-mono);color:var(--color-text-primary);background:0 0;border:none;flex:1;font-size:.8125rem}.copy-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;transition:all .2s}.copy-btn:hover{background-color:var(--color-surface-alt);color:var(--color-primary)}.response-preview{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.preview-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.status-200{color:var(--color-success);font-size:.8125rem}.preview-body{font-family:var(--font-mono);max-height:300px;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-y:auto}.preview-body pre{background:0 0;border:none;margin:0;padding:0}.preview-body code{color:var(--color-text-primary);background:0 0}.cicd-demo{grid-template-columns:1fr;gap:2rem;display:grid}.pipeline-flow{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.pipeline-flow h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.flow-steps{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.flow-step{text-align:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:120px;padding:1rem;display:flex}.flow-step.completed{border-color:var(--color-success);background-color:rgba(var(--color-success-rgb),.05)}.flow-step.running{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05);animation:2s infinite pulse}.flow-step.pending{border-color:var(--color-border);opacity:.6}.step-icon{background-color:var(--color-surface-alt);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;display:flex}.flow-step.completed .step-icon{background-color:var(--color-success);color:#fff}.flow-step.running .step-icon{background-color:var(--color-primary);color:#fff}.step-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.step-status{color:var(--color-text-secondary);font-size:.75rem}.flow-arrow{color:var(--color-text-secondary);font-size:1.25rem;font-weight:700}.integration-examples{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.integration-examples h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.example-tabs{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tab-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.tab-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem;font-size:.875rem;transition:all .2s}.tab-button.active{background-color:var(--color-background);color:var(--color-primary);font-weight:600}.tab-content{font-family:var(--font-mono);padding:1rem;font-size:.8125rem;line-height:1.6}.tab-content pre{background:0 0;border:none;margin:0;padding:0}.tool-features{margin-top:3rem}.feature-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.feature-item{text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s}.feature-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.feature-item i{color:var(--color-primary);margin-bottom:.875rem;font-size:1.75rem}.feature-item h4{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-item p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.tools-cta{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-alt)100%);border-top:1px solid var(--color-border);padding:4rem 0}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.cta-content p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}[data-theme=dark] .tool-section.alt{background-color:var(--color-surface)}[data-theme=dark] .demo-terminal{background-color:#0d1117}[data-theme=dark] .vscode-window{background-color:#1e1e1e}@media (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.auth-demo,.simulator-demo,.performance-demo,.secrets-demo,.json-db-demo{grid-template-columns:1fr;gap:1.5rem}.flow-steps{justify-content:center}.tool-header{text-align:center;flex-direction:column;gap:1.5rem}.docs-preview{grid-template-columns:1fr}.docs-sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.metrics-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.tools-nav{gap:.75rem}.tool-nav-link{min-width:70px;padding:.75rem}.tool-title{font-size:1.75rem}.feature-grid{grid-template-columns:1fr}.auth-flow{flex-direction:column;gap:1.5rem}.auth-arrow{transform:rotate(90deg)}.flow-steps{flex-direction:column;align-items:stretch}.flow-arrow{align-self:center;transform:rotate(90deg)}.result-metrics{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:1rem}.permission-row{text-align:center;grid-template-columns:1fr;gap:.5rem}.code-editor{font-size:.75rem}.cta-content h2{font-size:1.75rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:280px}}@media (max-width:480px){.tools-hero{padding:3rem 0 1.5rem}.hero-title{font-size:1.75rem}.hero-description{font-size:.95rem}.tool-section{padding:3rem 0}.tool-title{font-size:1.5rem}.tool-icon-large{width:60px;height:60px}.tool-icon-large i{font-size:1.5rem}}
.tool-detail-page{padding-top:64px}.tool-detail-hero{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-background)100%);border-bottom:1px solid var(--color-border);padding:4rem 0 3rem}.breadcrumb{align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-primary-hover)}.breadcrumb .separator{color:var(--color-text-tertiary)}.tool-detail-hero .hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #6366f140}.hero-icon i{color:#fff;font-size:2.5rem}.hero-title{color:var(--color-text-primary);margin:0 0 1rem;font-size:3rem;font-weight:700;line-height:1.2}.hero-tagline{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:1.25rem;line-height:1.6}.hero-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.hero-tags .tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tool-overview{background:var(--color-background);padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:2.5rem;font-weight:700}.section-header p{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.tool-demo-preview{margin:2rem 0 3rem}.overview-description{color:var(--color-text-secondary);text-align:center;max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8}.tool-features-section{background:var(--color-surface);padding:4rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.feature-icon i{color:#fff;font-size:1.5rem}.feature-card h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.feature-card p{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.tool-usecases{background:var(--color-background);padding:4rem 0}.usecases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.usecase-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.usecase-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000d}.usecase-item i{color:var(--color-primary);flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.usecase-item span{color:var(--color-text-primary);font-size:1rem;line-height:1.6}.tool-benefits{background:var(--color-surface);padding:4rem 0}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.benefit-card{text-align:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;padding:2rem;transition:all .2s;display:flex}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.benefit-card i{color:var(--color-primary);margin-bottom:1rem;font-size:2rem}.benefit-card p{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:500;line-height:1.6}.tool-cta{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);text-align:center;padding:5rem 0}.tool-cta .cta-content h2{color:#fff;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.tool-cta .cta-content p{color:#ffffffe6;margin:0 0 2rem;font-size:1.125rem}.tool-cta .cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tool-cta .btn-outline{color:var(--color-primary);background:#fff;border-color:#fff}.tool-cta .btn-outline:hover{background:#ffffffe6}@media (max-width:768px){.hero-title{font-size:2rem}.hero-tagline{font-size:1rem}.section-header h2{font-size:2rem}.features-grid,.usecases-grid,.benefits-grid{grid-template-columns:1fr}.tool-cta .cta-content h2{font-size:1.75rem}}