:root{--bg: #0A0A0A;--surface: #141414;--surface-2: #1E1E1E;--surface-hover: #252525;--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.04);--text: #E5E7EB;--text-2: #9CA3AF;--text-3: #888888;--accent: #a855f7;--accent-hover: #c084fc;--teal: #5EEAD4;--gold: #C4943A;--accent-subtle: rgba(168,85,247,.1);--teal-subtle: rgba(94,234,212,.1);--gold-subtle: rgba(196,148,58,.1);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--max-w: 1100px;--nav-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}p a,li>span a,li>a:not([class]){text-decoration:underline;text-decoration-color:#a855f766;text-decoration-skip-ink:auto}p a:hover,li>span a:hover{text-decoration-color:var(--accent)}h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--text)}code,pre{font-family:var(--font-mono)}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;font-size:13px;line-height:1.6}code:not(pre code){background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.875em;color:var(--teal)}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.nav{height:var(--nav-h);border-bottom:1px solid var(--border);background:#0a0a0ad9;backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo:hover{text-decoration:none;color:var(--text)}.nav-logo .bee{color:var(--gold);font-size:16px}.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-links a{font-size:13px;color:var(--text-2);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links .cta{background:#7c3aed;color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background .15s}.nav-links .cta:hover{background:#6d28d9;color:#fff}.footer{border-top:1px solid var(--border);padding:3rem 0;margin-top:5rem}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start}.footer-brand{font-family:var(--font-mono);font-size:13px;color:var(--text-3)}.footer-brand p{margin-top:.5rem;font-family:var(--font-body);font-size:13px}.footer-links{display:flex;gap:3rem;flex-wrap:wrap}.footer-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.75rem}.footer-group ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-group a{font-size:13px;color:var(--text-2)}.footer-group a:hover{color:var(--text);text-decoration:none}.badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid}.badge-gold{color:var(--gold);border-color:#c4943a59;background:var(--gold-subtle)}.badge-teal{color:var(--teal);border-color:#5eead440;background:var(--teal-subtle)}.badge-purple{color:#c084fc;border-color:#a855f740;background:var(--accent-subtle)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}::-webkit-scrollbar-thumb{background:#c4943a59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c4943a8c}*{scrollbar-width:thin;scrollbar-color:rgba(196,148,58,.35) rgba(255,255,255,.04)}@media(max-width:768px){.nav-links .hide-mobile{display:none}html{font-size:14px}}
