@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark: #010409;--bg-surface: #0D1117;--bg-elevated: #161B22;--accent: #10B981;--accent-muted: rgba(16, 185, 129, .1);--text-primary: #F0F6FC;--text-secondary: #8B949E;--text-muted: #484F58;--border: #30363D;--sidebar-w: 300px;--nav-h: 64px;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 0px}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-dark)}h1,h2,h3,h4{font-weight:800;letter-spacing:-.04em;text-transform:uppercase}p{color:var(--text-secondary);line-height:1.6}.top-nav{height:var(--nav-h);background:#010409cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;width:100%;z-index:1000}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:.75rem}.brand{font-weight:800;font-size:1rem;color:#fff;letter-spacing:.1em}.nav-right{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.nav-link:hover{color:var(--accent)}.version-badge{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);padding:.2rem .6rem;border:1px solid var(--accent)}.hero{padding:12rem 2rem 8rem;text-align:center;max-width:1100px;margin:0 auto}.hero-title{font-size:clamp(3rem,10vw,7rem);line-height:.85;margin-bottom:2.5rem;color:var(--text-primary);font-weight:900}.hero-sub{font-size:1.1rem;color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;justify-content:center;gap:1.5rem}.btn{padding:1rem 2.5rem;text-decoration:none;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.btn-primary{background:var(--accent);color:var(--bg-dark)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.showcase{border-top:1px solid var(--border);padding:6rem 1px;background:var(--bg-surface)}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;gap:1px;background:var(--border)}.showcase-item{background:var(--bg-dark);padding:4rem;display:flex;flex-direction:column;gap:1.5rem}.showcase-item h3{font-size:1.1rem;color:var(--accent)}.showcase-item p{font-size:.85rem;color:var(--text-secondary)}.docs-layout{display:flex;padding-top:var(--nav-h)}.docs-sidebar{width:var(--sidebar-w);height:calc(100vh - var(--nav-h));position:fixed;top:var(--nav-h);left:0;background:var(--bg-surface);border-right:1px solid var(--border);padding:4rem 2rem;overflow-y:auto}.docs-content{flex:1;margin-left:var(--sidebar-w);padding:6rem;max-width:1000px}.sidebar-title{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.sidebar-link{display:block;text-decoration:none;font-size:.85rem;color:var(--text-secondary);padding:.6rem 0;transition:color .15s}.sidebar-link:hover,.sidebar-link.active{color:var(--accent)}.sidebar-link.active{font-weight:700;padding-left:1rem;border-left:1px solid var(--accent)}.code-block{background:#0d1117;border:1px solid var(--border);padding:2rem;font-family:var(--font-mono);font-size:.85rem;margin:2.5rem 0;overflow-x:auto}code{color:var(--text-secondary)}.blueprint{height:50vh;background:var(--bg-dark);border-bottom:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.radial-marker{width:300px;height:300px;border:1px solid var(--accent);border-radius:50%;opacity:.2;animation:pulse 4s infinite linear}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1);opacity:.2}}@media (max-width: 1024px){.showcase-grid{grid-template-columns:1fr}.docs-sidebar{display:none}.docs-content{margin-left:0;padding:4rem 2rem}.hero-title{font-size:4rem}}
