[x-cloak]{display:none!important}:root{--color-primary: #16a34a;--color-primary-dark: #15803d;--color-primary-light: #22c55e;--color-text: #0f172a;--color-text-muted: #64748b;--color-bg: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--color-blue: #2563eb;--color-blue-light: #eff6ff;--color-purple: #7c3aed;--color-purple-light: #f5f3ff;--color-amber: #d97706;--color-amber-light: #fffbeb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 2rem}header{padding:.75rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.4rem;font-weight:800;color:var(--color-text);letter-spacing:-.03em;text-decoration:none}.logo span{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:.125rem}.nav-links a{color:#4b5563;text-decoration:none;font-size:.9rem;font-weight:400;padding:.45rem .8rem;border-radius:6px;transition:color .15s,background-color .15s}.nav-links a:hover{color:var(--color-text);background:#0000000d}.nav-links a.active{color:var(--color-text);font-weight:500;background:#0000000d}.nav-links a.cta{background:var(--color-primary);color:#fff;padding:.45rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;margin-left:.5rem}.nav-links a.cta:hover{background:var(--color-primary-dark);color:#fff}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:.2rem}.nav-dropdown-trigger .chevron{transition:transform .15s;flex-shrink:0}.nav-dropdown:hover .nav-dropdown-trigger .chevron{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:.75rem;z-index:100}.nav-dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:.75rem}.nav-dropdown-menu-inner{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:.5rem;min-width:280px;box-shadow:0 8px 30px #00000014,0 1px 3px #0000000a}.nav-dropdown:hover .nav-dropdown-menu{display:block;animation:dropdownFade .15s ease-out}.dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .75rem;text-decoration:none;border-radius:8px;transition:background .1s}.dropdown-item:hover{background:var(--color-surface)}.dropdown-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:#4b5563;transition:color .1s,border-color .1s}.dropdown-item:hover .dropdown-icon{color:var(--color-primary);border-color:var(--color-primary)}.dropdown-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.dropdown-title{font-size:.875rem;font-weight:500;color:var(--color-text);line-height:1.3}.dropdown-desc{font-size:.78rem;color:#9ca3af;line-height:1.3}.dropdown-item:hover .dropdown-title{color:var(--color-text)}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:.25rem;line-height:0}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:.75rem 0;min-width:220px;box-shadow:0 4px 16px #0000001a;flex-direction:column;z-index:100;gap:0}.nav-links.nav-open{display:flex}.nav-links a{padding:.65rem 1.25rem;width:100%;border-radius:0;font-size:.9rem}.nav-links a:hover{background:var(--color-surface)}.nav-links a.cta{margin:.5rem 1rem;text-align:center;width:auto;border-radius:6px}.nav-dropdown{display:block}.nav-dropdown-trigger{padding:.65rem 1.25rem;display:block;width:100%}.nav-dropdown-menu{position:static;transform:none;padding-top:0;display:block;animation:none}.nav-dropdown-menu:before{display:none}.nav-dropdown-menu-inner{border:none;box-shadow:none;padding:0 0 0 .5rem;min-width:auto}.dropdown-item{padding:.5rem 1rem;border-radius:0}.dropdown-icon,.dropdown-desc{display:none}.dropdown-title{font-size:.875rem;font-weight:400;color:#4b5563}.nav-dropdown-trigger .chevron{display:none}}footer{padding:2.5rem 0;border-top:1px solid var(--color-border)}footer .container{display:flex;justify-content:space-between;align-items:center}footer .footer-left{font-size:.82rem;color:var(--color-text-muted)}footer .footer-left a{color:var(--color-primary);text-decoration:none}footer .footer-right{display:flex;gap:1.5rem;flex-wrap:wrap}footer .footer-right a{color:var(--color-text-muted);text-decoration:none;font-size:.82rem}footer .footer-right a:hover{color:var(--color-text)}@media(max-width:768px){footer .container{flex-direction:column;gap:1rem;text-align:center}footer .footer-right{justify-content:center}}.code-block{background:#0f172a;color:#e2e8f0;padding:1.5rem 2rem;border-radius:10px;font-family:SF Mono,Fira Code,monospace;font-size:.82rem;text-align:left;overflow-x:auto;line-height:1.8}.code-block .dim{color:#475569}.code-block .green{color:#4ade80}.code-block .blue{color:#60a5fa}.code-block .yellow{color:#fbbf24}.code-block .purple{color:#a78bfa}