*{box-sizing:border-box;margin:0}body{background:#0c0e12;margin:0}a{text-decoration:none}.root{min-height:100vh;background:#eaeef8;color:#0d1128;font-family:DM Sans,-apple-system,sans-serif;display:flex;flex-direction:column}.header{background:#0c0e12;border-bottom:1px solid #1C2030}.header-inner{max-width:960px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}.header-cta{font-size:13px;font-weight:600;color:#fff;background:#4a6ff5;border:none;border-radius:7px;padding:6px 14px;text-decoration:none;font-family:DM Sans,-apple-system,sans-serif;transition:background .15s;letter-spacing:.01em}.header-cta:hover{background:#3a58c4}.logo-wrap{display:flex;align-items:center;gap:12px}.logo-text{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#e8ecf4}.article-wrap{flex:1;max-width:760px;margin:0 auto;padding:64px 24px;width:100%}.prose h1{font-size:38px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0d1128;margin:0 0 20px}.prose h2{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#0d1128;margin:48px 0 20px}.prose h3{font-size:17px;font-weight:600;color:#4a5278;margin:32px 0 8px}.prose p{font-size:16px;line-height:1.75;color:#4a5278;margin:0 0 18px}.prose ul,.prose ol{padding-left:24px;margin:0 0 18px}.prose li{font-size:16px;line-height:1.75;color:#4a5278;margin-bottom:6px}.prose strong{color:#0d1128;font-weight:600}.prose a{color:#4a6ff5;text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:#3a58c4}.prose pre{background:#181b22;border:1px solid #252A38;border-radius:10px;padding:20px 24px;overflow-x:auto;margin:0 0 20px;line-height:1.7}.prose pre code{font-family:Fira Code,Cascadia Code,JetBrains Mono,Courier New,monospace;font-size:13px;color:#c8cdd8;background:none;padding:0;border-radius:0;white-space:pre}.prose code{font-family:Fira Code,Cascadia Code,JetBrains Mono,Courier New,monospace;font-size:13px;background:#e5e8f2;color:#2a3060;padding:2px 6px;border-radius:4px;white-space:nowrap}.prose blockquote{margin:0 0 20px;padding:0 0 0 16px;border-left:3px solid #9AA3C8}.prose blockquote p{margin:0;color:#6b7499;font-style:italic}.prose blockquote p:before{content:"“"}.prose blockquote p:after{content:"”"}.prose hr{border:none;border-top:1px solid #D8DCF5;margin:48px 0}.code-wrap{position:relative;margin:0 0 20px}.code-wrap pre{margin:0;padding:20px 48px 20px 24px;background:#181b22;border:1px solid #252A38;border-radius:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:168px;overflow-y:auto}.code-wrap pre,.prose textarea{scrollbar-width:thin;scrollbar-color:#3A3F52 transparent}.code-wrap pre::-webkit-scrollbar,.prose textarea::-webkit-scrollbar{width:6px;height:6px}.code-wrap pre::-webkit-scrollbar-track,.prose textarea::-webkit-scrollbar-track{background:transparent}.code-wrap pre::-webkit-scrollbar-thumb,.prose textarea::-webkit-scrollbar-thumb{background:#3a3f52;border-radius:3px}.code-wrap pre::-webkit-scrollbar-thumb:hover,.prose textarea::-webkit-scrollbar-thumb:hover{background:#4e5470}.code-wrap pre code{font-family:Fira Code,Cascadia Code,JetBrains Mono,Courier New,monospace;font-size:13px;color:#c8cdd8;background:none;padding:0;border-radius:0;white-space:inherit;overflow-wrap:inherit}.copy-btn{position:absolute;top:8px;right:20px;width:36px;height:36px;background:#2e2e2e;border:1px solid #4A4A4A;border-radius:6px;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.copy-btn:hover{background:#424242;color:#e0e0e0}.copy-btn:after{content:"Copy";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111;color:#e0e0e0;font-size:11px;font-family:DM Sans,-apple-system,sans-serif;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;font-weight:500}.copy-btn:hover:after{opacity:1}.inline-cta{padding:32px 40px;background:transparent;border:none;border-radius:14px;text-align:center;margin:24px 0 12px}.inline-cta p{margin:14px 0 0;font-size:13px;color:gray;font-style:italic}.inline-cta-dark{background:#151820;border:1px solid #252A36}.prose>*:last-child{margin-bottom:0}.feature-screenshot{margin:40px 0 8px;border-radius:12px;overflow:hidden;border:1px solid #D0D4E8;box-shadow:0 4px 24px #0000001a}.feature-screenshot img{width:100%;display:block}.cta-btn{display:inline-flex;align-items:center;padding:13px 32px;background:#4a6ff5;color:#fff!important;font-size:16px;font-weight:700;font-family:DM Sans,-apple-system,sans-serif;border-radius:10px;text-decoration:none!important;transition:opacity .15s}.cta-btn:hover{opacity:.85;background:#3a58c4}@media(max-width:640px){.prose h1{font-size:28px}.article-wrap{padding:40px 20px 72px}.cta-block{padding:28px 20px}}