.cl-site{--nav-bg:#1a1638;--nav-bg-2:#211b4a;--nav-bg-3:#14102c;--accent:#422eff;--accent-2-light:#9ca8ff;--accent-violet:#8958fe;--accent-cyan:#27b9e8;--accent-soft:color-mix(in srgb, var(--accent) 9%, #fff);--bg:#f4f5fa;--surface:#fff;--subtle:#fafafd;--ink:#1e193f;--foreground:#1e193f;--background:#f4f5fa;--muted:#71708c;--border:#ececf3;--border-strong:#cbcbd8;--border-secondary:#cbcbd8;--chip:#f1f1f7;--hover:#f6f6fb;--green:#1f8a5b;--amber:#b57a18;--rose:#c0506f;--r-xl:16px;--r-lg:13px;--r-md:9px;--r-sm:6px;--card-pad:22px;--shadow-sm:0 1px 2px #1e193f0d, 0 1px 3px #1e193f0a;--shadow-card:0 24px 60px -28px #1410328c, 0 6px 18px -10px #1410324d;--shadow-float:0 40px 90px -40px #14103273, 0 12px 30px -16px #14103238;--display:"Poppins";color:var(--ink);background:var(--bg);overflow-x:clip}.cl-site .display{font-family:var(--font-sans), "Poppins", sans-serif}.cl-site .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.cl-site .wrap-narrow{width:100%;max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.cl-site .eyebrow{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.cl-site .eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.cl-site .sec-head{max-width:640px}.cl-site .sec-head h2{font-family:var(--display), "Poppins", sans-serif;letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.cl-site .sec-head p{color:var(--muted);margin:14px 0 0;font-size:clamp(15px,1.6vw,17px);line-height:1.6}.cl-site .reveal{opacity:1}.cl-site .reveal.in{animation:.55s cubic-bezier(.2,.7,.2,1) clRevealUp}@keyframes clRevealUp{0%{transform:translateY(16px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.cl-site .reveal.in{animation:none}}.cl-site .prose,.cl-site .prose>*{max-width:720px}.cl-site .prose p{color:color-mix(in srgb, var(--ink) 90%, var(--muted));margin:0 0 20px;font-size:17px;line-height:1.75}.cl-site .prose h2{font-family:var(--display), "Poppins", sans-serif;letter-spacing:-.025em;margin:44px 0 14px;scroll-margin-top:96px;font-size:clamp(23px,3vw,30px);font-weight:700;line-height:1.22}.cl-site .prose h3{letter-spacing:-.01em;margin:32px 0 10px;font-size:19px;font-weight:600}.cl-site .prose ul,.cl-site .prose ol{flex-direction:column;gap:11px;margin:0 0 22px;padding:0;list-style:none;display:flex}.cl-site .prose ul li{color:color-mix(in srgb, var(--ink) 90%, var(--muted));padding-left:26px;font-size:16.5px;line-height:1.65;position:relative}.cl-site .prose ul li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:11px;left:5px}.cl-site .prose ol{counter-reset:pro}.cl-site .prose ol li{color:color-mix(in srgb, var(--ink) 90%, var(--muted));counter-increment:pro;padding-left:38px;font-size:16.5px;line-height:1.65;position:relative}.cl-site .prose ol li:before{content:counter(pro);background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:1px;left:0}.cl-site .prose a{color:var(--accent);font-weight:500}.cl-site .prose a.link{border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);font-weight:600}.cl-site .prose h1{font-family:var(--display), "Poppins", sans-serif;letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.cl-site .prose pre{background:var(--chip);border:1px solid var(--border);border-radius:var(--r-md);margin:0 0 22px;padding:14px 16px;overflow-x:auto}.cl-site .prose pre code{background:0 0;border:0;padding:0}.cl-site .prose img{border-radius:var(--r-lg);border:1px solid var(--border);margin:8px 0 20px}.cl-site .prose strong{color:var(--ink);font-weight:600}.cl-site .prose blockquote{border-left:3px solid var(--accent);letter-spacing:-.01em;margin:26px 0;padding:4px 0 4px 22px;font-size:19px;font-weight:500;line-height:1.6}.cl-site .prose code{background:var(--chip);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.cl-site .prose figure{margin:28px 0}.cl-site .prose figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.cl-site .callout{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:var(--r-md);align-items:flex-start;gap:13px;margin:26px 0;padding:16px 18px;display:flex}.cl-site .callout p{color:color-mix(in srgb, var(--ink) 92%, var(--muted));margin:0;font-size:15px;line-height:1.6}.cl-site .ph-img{border-radius:var(--r-lg);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, #fff) 0 14px, color-mix(in srgb, var(--accent) 3%, #fff) 14px 28px);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.cl-site .ph-img span{letter-spacing:.02em;color:color-mix(in srgb, var(--accent) 70%, var(--ink));border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:#ffffffb3;border-radius:99px;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.cl-site .grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.cl-site .grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}@media (max-width:860px){.cl-site .col-2,.cl-site .doc-layout,.cl-site .blog-layout{grid-template-columns:1fr!important}.cl-site .demo-row{direction:ltr!important;grid-template-columns:1fr!important}.cl-site .doc-layout .doc-side,.cl-site .blog-layout .blog-side{position:static!important}}@media (max-width:720px){.cl-site .grid-3{grid-template-columns:1fr!important}.cl-site .grid-4{grid-template-columns:1fr 1fr!important}}