@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--border-color:#262626;--border-focus:#404040;--text-primary:#fafafa;--text-secondary:#a1a1a1;--text-muted:#666;--accent-gold:#fafafa;--accent-gold-hover:#d4d4d4;--status-green:#22c55e;--status-yellow:#eab308;--status-red:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:1200px;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 24px #0006;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}code,pre{font-family:var(--font-mono);font-size:.9em}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:110px 32px 80px}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:2.2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{color:#0a0a0a;background-color:#fafafa}.btn-primary:hover{background-color:#d4d4d4}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-focus)}.btn-disabled{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus);transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:var(--transition-smooth);padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:#fafafa;outline:none;box-shadow:0 0 0 3px #fafafa1a}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-online{color:var(--status-green);background-color:#22c55e1a}.status-degraded{color:var(--status-yellow);background-color:#eab3081a}.status-offline{color:var(--status-red);background-color:#ef44441a}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background-color:var(--status-green)}.status-dot.degraded{background-color:var(--status-yellow)}.status-dot.offline{background-color:var(--status-red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.header-glass{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background-color:#0a0a0ad9;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";background-color:var(--accent-gold);height:2px;position:absolute;bottom:-6px;left:0;right:0}.footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);padding:60px 24px}.footer-inner{max-width:var(--max-width);flex-direction:column;gap:40px;margin:0 auto;display:flex}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.9rem;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:80px 0 40px;display:flex}.hero-title{letter-spacing:-.03em;max-width:850px;color:var(--text-primary);margin-bottom:20px;font-size:3.6rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.25rem;line-height:1.5}.hero-actions{gap:16px;display:flex}.stats-banner{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0;display:grid}.featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.integrate-card{grid-template-columns:1fr 1.2fr;gap:40px;padding:40px;display:grid}.integrate-code{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:8px;padding:24px;font-size:.85rem;overflow-x:auto}.filter-card{grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px 24px;display:grid}.pricing-row-card{grid-template-columns:2.5fr 1fr 1fr 1fr;align-items:center;gap:24px;padding:24px;display:grid}.detail-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.detail-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.detail-layout-container{gap:40px;margin-top:20px;display:flex}.detail-aside{flex-direction:column;flex-shrink:0;gap:8px;width:220px;display:flex}.detail-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-pricing-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.docs-grid{grid-template-columns:1.2fr 2fr;gap:40px;display:grid}.status-row-card{grid-template-columns:2fr 1.5fr 1fr;align-items:center;gap:24px;padding:20px 24px;display:grid}.dashboard-layout{gap:48px;min-height:80vh;padding:32px 0;display:flex}.dashboard-aside{flex-direction:column;flex-shrink:0;gap:36px;width:250px;display:flex}.sidebar-nav-list{flex-direction:column;gap:4px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (max-width:992px){.featured-grid{grid-template-columns:repeat(2,1fr)!important}.integrate-card{grid-template-columns:1fr!important;gap:30px!important;padding:24px!important}.pricing-row-card{grid-template-columns:1.5fr 1fr 1fr!important;gap:16px!important}}@media (max-width:768px){.footer-top{grid-template-columns:1fr;gap:30px}.header-inner{gap:12px;padding:0 16px}.nav-links{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 0;font-size:.85rem;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.main-content{padding-top:105px;padding-left:20px;padding-right:20px}.hero-title{font-size:2.2rem!important}.hero-subtitle{font-size:1rem!important}.stats-banner{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.featured-grid{grid-template-columns:1fr!important}.filter-card{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}.pricing-row-card{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}.pricing-row-card>div{border-bottom:1px dashed var(--border-color);padding-bottom:8px}.pricing-row-card>div:last-child{border-bottom:none;padding-bottom:0;text-align:left!important;justify-content:flex-start!important}.detail-header{flex-direction:column;align-items:stretch;gap:16px}.detail-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.detail-layout-container{flex-direction:column;gap:24px}.detail-aside{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;width:100%!important;padding-bottom:8px!important;overflow-x:auto!important}.detail-aside::-webkit-scrollbar{display:none}.detail-aside button{flex-shrink:0;width:auto!important}.detail-pricing-grid{grid-template-columns:1fr!important}.docs-grid{grid-template-columns:1fr!important;gap:24px!important}.status-row-card{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}.status-row-card>div{border-bottom:1px dashed var(--border-color);padding-bottom:8px}.status-row-card>div:last-child{border-bottom:none;padding-bottom:0;justify-content:flex-start!important}.dashboard-layout{flex-direction:column;gap:24px}.dashboard-layout main{order:1}.dashboard-aside{border-top:1px solid var(--border-color);order:2;padding-top:16px;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:24px!important;width:100%!important;padding-bottom:8px!important;overflow-x:auto!important}.dashboard-aside::-webkit-scrollbar{display:none}.dashboard-aside>div{align-items:center;gap:8px;display:inline-flex;flex-direction:row!important}.sidebar-nav-list{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;overflow-x:auto!important}.sidebar-nav-list button{flex-shrink:0;width:auto!important}.dashboard-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.dashboard-header button{align-self:center!important;padding:8px 14px!important;font-size:.85rem!important}}.model-link-hover{transition:color .2s}.model-link-hover:hover{color:var(--accent-gold)!important;text-decoration:underline!important}.horizontal-tags-container{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.horizontal-tags-container::-webkit-scrollbar{display:none}.tag-chip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:.9rem;font-weight:500}.tag-chip:hover{border-color:var(--border-focus);color:var(--text-primary)}.tag-chip.active{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary);font-weight:600}.login-card{width:100%;max-width:420px;padding:40px}@media (max-width:768px){.desktop-nav,.desktop-user{display:none!important}.mobile-toggle{display:block!important}}@media (max-width:480px){.login-card{padding:28px 20px!important}}