: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 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.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 rgba(15,23,42,.4);--shadow-md:0 4px 6px -1px rgba(15,23,42,.4),0 2px 4px -1px rgba(15,23,42,.3);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.4),0 4px 6px -2px rgba(15,23,42,.3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}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 ease}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;gap:.5rem}.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{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.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}.element,.gradient-text{color:var(--color-primary)}.element{position:relative}.element:after{content:"|";color:var(--color-primary);animation:blink 1s ease-in-out infinite;margin-left:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}code{background-color:var(--color-surface-alt);color:var(--color-text-code);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}code,pre{font-family:var(--font-mono)}pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;line-height:1.4}pre code{background:none;padding:0;border-radius:0}.section-title,pre code{color:var(--color-text-primary)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;max-width:600px;margin:0 auto}.feature-tag,.section-subtitle{color:var(--color-text-secondary)}.feature-tag{display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);background-color:var(--color-surface-alt);border:1px solid var(--color-border)}@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}}.hero{padding-top:6rem;padding-bottom:3rem;min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.network-canvas{width:100%;height:100%;pointer-events:auto}.hero-container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.hero-badge{background-color:var(--color-surface)}.hero-title{font-size:3.5rem;margin-bottom:1.5rem}.hero-description{font-size:1.125rem;margin-bottom:1.5rem;max-width:600px}.hero-description,.hero-features{margin-left:auto;margin-right:auto}.hero-features{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;max-width:700px}.feature-pill{display:inline-flex;align-items:center;padding:.375rem .75rem;background-color:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:.75rem;font-weight:500;border-radius:1.5rem;white-space:nowrap;transition:all .2s ease}.feature-pill:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px)}.hero-actions{margin-bottom:3rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:500px;margin:0 auto}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.feature-section{padding:5rem 0;position:relative}.feature-section:nth-child(2n){background-color:var(--color-surface)}.feature-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.feature-content.reverse{direction:rtl}.feature-content.reverse>*{direction:ltr}.feature-info{max-width:600px}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:1.5rem}.feature-badge i{color:var(--color-primary)}.feature-title{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.feature-description{font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.feature-highlights{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.highlight-item{display:flex;gap:1rem;align-items:flex-start}.highlight-item i{flex-shrink:0;width:40px;height:40px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-top:.25rem}.highlight-item h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.highlight-item p{font-size:.9375rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.feature-demo{position:relative}.terminal-demo{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);box-shadow:var(--shadow-lg)}.terminal-header{background-color:var(--color-surface);gap:1rem;border-bottom:1px solid var(--color-border)}.terminal-buttons{display:flex;gap:.5rem}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.close{background-color:#ff5f56}.terminal-button.minimize{background-color:#ffbd2e}.terminal-button.maximize{background-color:#27ca3f}.terminal-title{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.terminal-content{font-size:.875rem;line-height:1.5}.terminal-line{display:flex;gap:.5rem;margin-bottom:.5rem}.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);overflow:hidden;box-shadow:var(--shadow-lg)}.demo-header{background-color:var(--color-surface);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.demo-header h4{font-size:.9375rem;font-weight:600;margin:0}.status-badge{border-radius:1rem;font-size:.75rem}.demo-content{padding:1.5rem}.demo-content pre{margin:0;background:none;border:none;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);overflow:hidden;box-shadow:var(--shadow-lg)}.metrics-header{background-color:var(--color-surface);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.metrics-header h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.test-status{background-color:var(--color-success);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background-color:var(--color-border);margin:1.5rem;border-radius:var(--radius-md);overflow:hidden}.metric-card{background-color:var(--color-surface);padding:1.5rem 1rem}.metric-value{font-size:1.5rem;color:var(--color-primary);margin-bottom:.25rem}.metric-label{color:var(--color-text-tertiary);font-weight:500}.chart-placeholder{margin:0 1.5rem 1.5rem;background-color:var(--color-surface);text-align:center}.chart-bars{justify-content:center;height:80px;margin-bottom:1rem}.bar{width:12px;background-color:var(--color-primary);border-radius:2px;opacity:.8}.chart-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.monitoring-demo{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.monitoring-header{background-color:var(--color-surface);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.monitoring-header h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500}.status-indicator.online{color:var(--color-success)}.status-indicator.online:before{content:"";width:8px;height:8px;background-color:var(--color-success);border-radius:50%}.status-grid{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-surface);border-radius:var(--radius-md)}.status-icon{font-size:1.25rem}.status-info{flex:1 1}.status-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.status-value{font-size:.8125rem;color:var(--color-text-secondary)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.online{background-color:var(--color-success)}.alert-section{border-top:1px solid var(--color-border);padding:1rem 1.5rem}.alert-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.alert-item{display:flex;gap:1rem;padding:.5rem 0;font-size:.8125rem}.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);overflow:hidden;box-shadow:var(--shadow-lg)}.pipeline-header{background-color:var(--color-surface);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.pipeline-header h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.pipeline-status{background-color:var(--color-success);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.pipeline-steps{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.pipeline-step{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-surface);border-radius:var(--radius-md);position:relative}.pipeline-step:not(:last-child):after{content:"";position:absolute;left:1.75rem;bottom:-1.5rem;width:2px;height:1rem;background-color:var(--color-border)}.step-icon{width:24px;height:24px;background-color:var(--color-success);color:#fff;font-size:.75rem;font-weight:600}.step-info{flex:1 1}.step-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.step-time{font-size:.8125rem;color:var(--color-text-secondary)}.deployment-info{border-top:1px solid var(--color-border);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.deployment-item{display:flex;justify-content:space-between;font-size:.8125rem}.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{padding:4rem 0;background-color:var(--color-background)}.runners-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;margin-top:3rem;align-items:start}.runners-features{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.runner-feature{display:flex;gap:1rem;align-items:flex-start}.feature-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));margin-top:.25rem}.feature-icon i{font-size:1rem}.feature-content{flex:1 1}.feature-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.feature-description{font-size:.875rem;line-height:1.4;color:var(--color-text-secondary);margin:0}.runners-demo{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.demo-header{margin-bottom:1.5rem}.demo-header h4{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.demo-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.demo-tabs{margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.demo-tab,.demo-tabs{display:flex;gap:.5rem}.demo-tab{align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.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{margin:0;padding:1.5rem;background:none;border:none;font-size:.8125rem;line-height:1.5;overflow-x:auto}.code-example code{color:var(--color-text-primary);background:none;padding:0;font-family:var(--font-mono)}[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{padding:4rem 0;background-color:var(--color-background)}.workflow-steps{margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.workflow-step{display:flex;gap:1.5rem;margin-bottom:3rem;align-items:flex-start}.workflow-step:last-child{margin-bottom:0}.step-number{flex-shrink:0;font-size:1.125rem}.step-content{flex:1 1;padding-top:.25rem}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.step-description{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem}.code-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-mono);font-size:.875rem;overflow-x:auto}.code-preview code{color:var(--color-text-code);background:none;padding:0;border-radius:0}[data-theme=dark] .hero-badge{border-color:var(--color-border)}[data-theme=dark] .feature-section:nth-child(2n),[data-theme=dark] .hero-badge{background-color:var(--color-surface)}[data-theme=dark] .api-demo,[data-theme=dark] .metrics-demo,[data-theme=dark] .monitoring-demo,[data-theme=dark] .pipeline-demo,[data-theme=dark] .terminal-demo{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .demo-header,[data-theme=dark] .metrics-header,[data-theme=dark] .monitoring-header,[data-theme=dark] .pipeline-header,[data-theme=dark] .terminal-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{font-size:.6875rem;padding:.25rem .625rem}.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{flex-direction:column;text-align:center;gap:1rem}.step-content{padding-top:0}}@media (max-width:480px){.hero{padding-top:5rem;min-height:70vh}.hero-title{font-size:2rem}.hero-description{font-size:.9375rem}.hero-features{gap:.375rem;max-width:100%}.feature-pill{font-size:.625rem;padding:.1875rem .5rem}.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}.demo-content,.terminal-content{padding:1rem}.workflow-section{padding:3rem 0}}.main-header{position:fixed;top:0;left:0;right:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:1000;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navbar{height:64px}.nav-container,.navbar{display:flex;align-items:center}.nav-container{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem;justify-content:space-between}.nav-brand{flex-shrink:0}.brand-link{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.625rem}.brand-link,.brand-link:hover{color:var(--color-text-primary)}.brand-link i{color:var(--color-primary);font-size:1.125rem}.brand-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:0;line-height:1}.brand-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.brand-subtext{font-size:.625rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.02em;margin-top:2px}.nav-menu{flex:1 1;display:flex;justify-content:center;margin:0 2rem}.nav-list{display:flex;list-style:none;gap:.5rem}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.nav-actions{display:flex;align-items:center;gap:.75rem}.signin-link{font-weight:500}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.theme-toggle svg{width:20px;height:20px}.moon-icon,.sun-icon{display:none}[data-theme=dark] .sun-icon,[data-theme=light] .moon-icon{display:block}.mobile-toggle{display:none;flex-direction:column;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:var(--radius-sm)}.mobile-toggle span{width:100%;height:2px;background-color:var(--color-text-secondary);margin:2px 0;transition:all .3s ease;border-radius:1px}.mobile-toggle:hover{background-color:var(--color-surface)}.mobile-toggle:hover span{background-color:var(--color-text-primary)}[data-theme=dark] .main-header{background-color:hsla(0,0%,4%,.95);border-bottom-color:var(--color-border)}[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}}.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{display:grid;grid-template-columns:1fr 2fr;grid-gap:3rem;gap:3rem;padding:3rem 0;border-bottom:1px solid var(--color-border)}.main-footer .footer-brand{max-width:300px}.main-footer .brand-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.main-footer .brand-logo i{font-size:1.5rem;color:var(--color-primary)}.main-footer .footer-logo-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.main-footer .brand-text{display:flex;flex-direction:column;gap:2px;line-height:1}.main-footer .brand-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.main-footer .brand-subtext{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.02em}.main-footer .brand-tagline{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0;font-style:italic}.main-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.main-footer .link-group-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.25rem;line-height:1.2}.main-footer .link-list{list-style:none;padding:0;margin:0}.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);text-decoration:none;font-size:.875rem;line-height:1.5;transition:color .2s ease;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{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.main-footer .footer-copy p{margin:0;font-size:.875rem;color:var(--color-text-tertiary);line-height:1.5}.main-footer .heart{color:var(--color-danger);font-style:normal}.main-footer .footer-social{display:flex;gap:1rem}.main-footer .social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-secondary);background-color:transparent;transition:all .2s ease}.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{max-width:none;text-align:center}.main-footer .footer-links{grid-template-columns:1fr;gap:2rem;text-align:center}.main-footer .footer-bottom{flex-direction:column;gap:1rem;padding:1.25rem 0;text-align:center}}@media (max-width:640px){.main-footer .container{padding:0 .75rem}.main-footer .footer-content{padding:2rem 0;gap:2rem}.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{font-size:.9375rem;margin-bottom:1rem}.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{padding:1.5rem 0;gap:1.5rem}.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{padding:4rem 0;gap:4rem}.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{padding:.25rem 0;min-height:44px;display:flex;align-items:center;justify-content:center}.main-footer .link-list li{margin-bottom:.25rem}}.tools-page{padding-top:64px}.tools-hero{padding:4rem 0 2rem;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-background) 100%);border-bottom:1px solid var(--color-border)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:1.5rem}.hero-badge i{color:var(--color-primary)}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.hero-description{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2.5rem}.tools-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.tool-nav-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease;min-width:80px}.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{padding:4rem 0;border-bottom:1px solid var(--color-border)}.tool-section.alt{background-color:var(--color-surface)}.tool-header{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem}.tool-icon-large{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.tool-icon-large i{font-size:2rem;color:#fff}.tool-info{flex:1 1}.tool-title{font-size:2rem;font-weight:700;margin-bottom:.75rem}.tool-title,.tool-title a{color:var(--color-text-primary)}.tool-title a{text-decoration:none;transition:color .2s ease}.tool-title a:hover{color:var(--color-primary)}.coming-soon-badge{display:inline-flex;align-items:center;margin-left:1rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px rgba(245,158,11,.3)}.tool-section.coming-soon{opacity:.85}.tool-section.coming-soon .tool-demo{position:relative}.tool-section.coming-soon .tool-demo:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.1));pointer-events:none;border-radius:var(--radius-lg)}.tool-learn-more{text-align:left;margin:1.5rem 0 0}.learn-more-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.learn-more-link:hover{color:var(--color-primary-hover);gap:.6rem}.learn-more-link i{font-size:.85rem;transition:transform .2s ease}.learn-more-link:hover i{transform:translateX(3px)}.tool-subtitle{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem}.tool-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tool-tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff}.tool-demo{margin-bottom:3rem}.demo-terminal{background-color:#1a1a1a;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);font-family:var(--font-mono)}.terminal-header{background-color:#2d2d2d;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.terminal-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.close{background-color:#ff5f56}.control.minimize{background-color:#ffbd2e}.control.maximize{background-color:#27ca3f}.terminal-title{color:#c4c4c4;font-size:.875rem}.terminal-content{padding:1.5rem;background-color:#0d1117;color:#c9d1d9}.terminal-line{margin-bottom:1rem}.prompt{color:#58a6ff;margin-right:.5rem}.command{color:#7ee787}.typing{animation:typewriter 3s steps(60) infinite;border-right:2px solid #58a6ff}@keyframes typewriter{0%{width:0}50%{width:100%}to{width:100%}}.terminal-output{margin-top:1rem}.output-line{margin-bottom:.5rem;color:#8b949e}.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);overflow:hidden;box-shadow:var(--shadow-lg)}.vscode-header{background-color:#2d2d30;padding:.5rem 1rem;border-bottom:1px solid #3c3c3c}.tab,.vscode-tabs{display:flex;gap:.5rem}.tab{align-items:center;padding:.5rem 1rem;background-color:#2d2d30;color:#ccc;border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:.875rem}.tab.active{background-color:#1e1e1e;color:#fff}.vscode-content{background-color:#1e1e1e;color:#d4d4d4;position:relative}.code-editor{display:flex;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;padding:1rem 0}.line-numbers{padding:0 1rem;color:#858585;background-color:#1e1e1e;border-right:1px solid #3c3c3c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers span{display:block;text-align:right;padding-right:1rem}.code-content{flex:1 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}.operator,.punctuation{color:#d4d4d4}.boolean{color:#569cd6}.intellisense-popup{position:absolute;top:120px;left:200px;background-color:#252526;border:1px solid #454545;border-radius:var(--radius-sm);padding:.5rem 0;box-shadow:var(--shadow-lg);animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;color:#ccc;font-size:.8125rem;cursor:pointer}.popup-item.active{background-color:#094771;color:#fff}.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{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-family:var(--font-mono);font-size:.9375rem;color:var(--color-text-secondary)}.status-indicator{width:12px;height:12px;border-radius:50%;position:relative}.pulse,.status-indicator.running{background-color:var(--color-success)}.pulse{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.1}to{transform:scale(.8);opacity:.5}}.api-endpoints{margin-bottom:2rem}.endpoint{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:.5rem;transition:all .2s ease}.endpoint.active{background-color:var(--color-surface-alt);border:1px solid var(--color-primary)}.method{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-sm);color:#fff;min-width:50px;text-align:center}.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);font-size:.9375rem;color:var(--color-text-primary);flex:1 1}.response-time{font-size:.8125rem;color:var(--color-success);font-weight:500}.response-preview{background-color:var(--color-surface-alt)}.response-header{display:flex;justify-content:between;align-items:center;padding:1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-primary)}.response-controls{display:flex;gap:.5rem}.control-btn{padding:.25rem .75rem;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.control-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.response-body{padding:1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;overflow-x:auto}.response-body pre{margin:0;background:none;border:none;padding:0}.docs-preview{display:grid;grid-template-columns:250px 1fr;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);min-height:400px}.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{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.docs-nav{list-style:none;padding:0;margin:0}.docs-nav li{margin-bottom:.25rem}.docs-nav a{display:block;padding:.5rem .75rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s ease}.docs-nav a.active,.docs-nav a:hover{background-color:var(--color-primary);color:#fff}.docs-content{padding:1.5rem}.endpoint-doc h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.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);padding:1rem;margin-bottom:1.5rem}.try-it-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.param-input{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.param-input label{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);min-width:60px}.param-input input,.param-input select{flex:1 1;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);font-size:.875rem}.execute-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.execute-btn:hover{background-color:var(--color-primary-hover)}.response-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.monitoring-dashboard{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h4{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.time-range select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.metric-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-header span{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.status-up{color:var(--color-success)}.metric-value{font-size:1.75rem;margin-bottom:.5rem}.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);padding:1rem;height:200px;display:flex;align-items:end}.chart-bars{display:flex;gap:.5rem;align-items:end;width:100%}.bar{flex:1 1;background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px;animation:growUp 1s ease forwards;transform-origin:bottom}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.auth-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.auth-flow{justify-content:center;gap:1rem;padding:2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.auth-flow,.auth-step{display:flex;align-items:center}.auth-step{flex-direction:column;text-align:center;flex:1 1}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:1rem}.step-content h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.step-content p{font-size:.75rem;color:var(--color-text-secondary);margin:0}.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{padding:1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.code-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.code-content{padding:1.5rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.code-content pre{margin:0;background:none;border:none;padding:0}.code-content code{color:var(--color-text-primary);background:none}.simulator-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.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{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.control-group{margin-bottom:1rem}.control-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.control-slider{display:flex;align-items:center;justify-content:space-between}.control-slider span{font-size:.875rem;color:var(--color-primary);font-weight:600}.slider-track{flex:1 1;height:4px;background-color:var(--color-border);border-radius:2px;position:relative;margin:0 1rem}.slider-thumb{position:absolute;top:-6px;width:16px;height:16px;background-color:var(--color-primary);border-radius:50%;cursor:pointer}.control-select{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);font-size:.875rem}.result-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.metric{text-align:center}.metric-label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.25rem}.metric-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.metric-value.error{color:var(--color-danger)}.metric-value.success{color:var(--color-success)}.performance-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.test-config{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.test-config h4{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.config-item,.test-config h4{margin-bottom:1rem}.config-item label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.config-item input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);font-size:.875rem}.config-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.test-button{width:100%;padding:.75rem;border:none;border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.test-button.running{background-color:var(--color-warning);animation:pulse 2s infinite}.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{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.metrics-chart{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.dot{width:8px;height:8px;border-radius:50%}.dot.avg{background-color:var(--color-primary)}.dot.p95{background-color:var(--color-warning)}.chart-area{height:80px;position:relative;background:linear-gradient(to right,transparent 0,var(--color-primary) 50%,var(--color-warning) 100%);opacity:.1;border-radius:var(--radius-sm)}.chart-line{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px}.chart-line.avg{background-color:var(--color-primary);bottom:30px}.chart-line.p95{background-color:var(--color-warning);bottom:15px}.summary-stats{display:flex;justify-content:space-around;text-align:center}.stat-item{flex:1 1}.stat-value{display:block;font-size:1.375rem;font-weight:600;color:var(--color-text-primary)}.stat-label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.secrets-demo{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.secrets-vault{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.vault-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.vault-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.add-secret-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.secrets-list{padding:0}.secret-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border)}.secret-item:last-child{border-bottom:none}.secret-info{display:flex;flex-direction:column;gap:.25rem}.secret-name{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.secret-env{font-size:.75rem;color:var(--color-text-secondary);background-color:var(--color-surface-alt);padding:.125rem .5rem;border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content}.secret-actions{display:flex;align-items:center;gap:.5rem}.secret-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase}.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:pulse 2s infinite}.action-btn{padding:.25rem;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.action-btn:hover{color:var(--color-primary)}.access-control,.action-btn:hover{background-color:var(--color-surface-alt)}.access-control{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.access-control h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.permission-matrix{display:grid;grid-gap:.5rem;gap:.5rem}.permission-row{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:1rem;gap:1rem;align-items:center;padding:.5rem;border-radius:var(--radius-sm)}.permission-row.header{background-color:var(--color-surface);font-weight:600;color:var(--color-text-primary);font-size:.875rem}.permission-row:not(.header){background-color:var(--color-background);font-size:.8125rem;color:var(--color-text-secondary)}.permission-granted{color:var(--color-success)}.permission-denied{color:var(--color-danger)}.json-db-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.db-interface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.db-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.db-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.add-bucket-btn,.db-header h4{display:flex;align-items:center;gap:.5rem}.add-bucket-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.add-bucket-btn:hover{background-color:var(--color-primary-hover)}.buckets-list{padding:0}.bucket-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.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{display:flex;align-items:center;gap:1rem}.bucket-info>i{font-size:1.5rem;color:var(--color-primary)}.bucket-details{display:flex;flex-direction:column;gap:.25rem}.bucket-name{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.bucket-size{font-size:.75rem;color:var(--color-text-secondary)}.bucket-actions{display:flex;align-items:center;gap:.5rem}.bucket-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;color:var(--color-text-secondary)}.api-access,.bucket-status{background-color:var(--color-surface-alt)}.api-access{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.api-access h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.endpoint-display{display:flex;align-items:center;gap:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;margin-bottom:1.5rem}.endpoint-url{flex:1 1;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-primary)}.copy-btn,.endpoint-url{background:none;border:none}.copy-btn{padding:.25rem .5rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.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{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.status-200{color:var(--color-success);font-size:.8125rem}.preview-body{padding:1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;max-height:300px;overflow-y:auto}.preview-body pre{margin:0;background:none;border:none;padding:0}.preview-body code{color:var(--color-text-primary);background:none}.cicd-demo{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.pipeline-flow{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.pipeline-flow h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.flow-steps{gap:1rem;flex-wrap:wrap}.flow-step,.flow-steps{display:flex;align-items:center}.flow-step{flex-direction:column;text-align:center;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px}.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:pulse 2s infinite}.flow-step.pending{border-color:var(--color-border);opacity:.6}.step-icon{width:40px;height:40px;border-radius:50%;background-color:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.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{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.step-status{font-size:.75rem}.flow-arrow,.step-status{color:var(--color-text-secondary)}.flow-arrow{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{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.example-tabs{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tab-nav{display:flex;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.tab-button{flex:1 1;padding:.75rem;border:none;background:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.tab-button.active{background-color:var(--color-background);color:var(--color-primary);font-weight:600}.tab-content{padding:1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.tab-content pre{margin:0;background:none;border:none;padding:0}.tool-features{margin-top:3rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.feature-item{text-align:center;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-item i{font-size:1.75rem;color:var(--color-primary);margin-bottom:.875rem}.feature-item h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.feature-item p{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.tools-cta{padding:4rem 0;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border-top:1px solid var(--color-border)}.cta-content h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.cta-content p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem}[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,.json-db-demo,.performance-demo,.secrets-demo,.simulator-demo{grid-template-columns:1fr;gap:1.5rem}.flow-steps{justify-content:center}.tool-header{flex-direction:column;text-align:center;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{transform:rotate(90deg);align-self:center}.result-metrics{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:1rem}.permission-row{grid-template-columns:1fr;gap:.5rem;text-align:center}.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{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.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{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px rgba(99,102,241,.25)}.hero-icon i{font-size:2.5rem;color:#fff}.hero-title{font-size:3rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:var(--color-text-primary)}.hero-tagline{font-size:1.25rem;color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6}.hero-tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-tags .tag{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tool-overview{padding:4rem 0;background:var(--color-background)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text-primary)}.section-header p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.tool-demo-preview{margin:2rem 0 3rem}.overview-description{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);max-width:800px;margin:0 auto;text-align:center}.tool-features-section{padding:4rem 0;background:var(--color-surface)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:var(--color-primary)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon i{font-size:1.5rem;color:#fff}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--color-text-primary)}.feature-card p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.tool-usecases{padding:4rem 0;background:var(--color-background)}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.usecase-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.usecase-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}.usecase-item i{color:var(--color-primary);font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.usecase-item span{font-size:1rem;line-height:1.6;color:var(--color-text-primary)}.tool-benefits{padding:4rem 0;background:var(--color-surface)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.benefit-card i{font-size:2rem;color:var(--color-primary);margin-bottom:1rem}.benefit-card p{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:0;font-weight:500}.tool-cta{padding:5rem 0;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);text-align:center}.tool-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.tool-cta .cta-content p{font-size:1.125rem;color:hsla(0,0%,100%,.9);margin:0 0 2rem}.tool-cta .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tool-cta .btn-outline{background:#fff;color:var(--color-primary);border-color:#fff}.tool-cta .btn-outline:hover{background:hsla(0,0%,100%,.9)}@media (max-width:768px){.hero-title{font-size:2rem}.hero-tagline{font-size:1rem}.section-header h2{font-size:2rem}.benefits-grid,.features-grid,.usecases-grid{grid-template-columns:1fr}.tool-cta .cta-content h2{font-size:1.75rem}}.cta-section{padding:4rem 0;position:relative;overflow:hidden;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)}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.6}.cta-section .container{position:relative;z-index:2}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1rem;line-height:1.2}.cta-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2.5rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-actions .btn{position:relative;overflow:hidden}.cta-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.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,transparent,hsla(0,0%,100%,.05),transparent)}@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{font-size:.9375rem;margin-bottom:2rem}}