html,body{height:100%;margin:0;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scroll-bg)}::-webkit-scrollbar-thumb{background:var(--thumb);border-radius:10px;backdrop-filter:blur(6px)}::-webkit-scrollbar-thumb:hover{background:var(--scroll)}::-webkit-scrollbar-corner{background:transparent}app-root{display:block;width:100%}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--bg: #ffffff;--shine: rgba(255, 255, 255, .9);--badge-text: #000000;--text-h: #081f56;--usecase-text: #444;--summery-text: #1e1e1e;--link-cl: #0B3D91;--lang-menu: #f5f5f5f2;--lang-options: #006dff;--lang-hover: #ffffff;--lang-active: #041d3f;--side-nav: #ece9ff;--title-text: #042969;--menu-item-text: #374151;--hover-text: #1c0add;--active-text: #4338ca;--sub-menu-text: #6b7280;--sub-menu-hover-text: #4f46e5;--sub-active: #1c0add;--sub-sub-menu: #6b7280;--menu-item-text: #000000;--icon: #0055ff;--fill-cl: #0B3D91;--need-help: #f5f7fb;--need-help-border: 1px solid #e0e6ed;--help-title: #6b7280;--help-text: #111827;--scroll: linear-gradient(180deg, #81a5a78f, #739c996c);--thumb: #dcecf3b3;--scroll-bg: #f9f9ff;--cliqtest: #310856;--docs: #64748b;--subtitle-p: #475569;--section-line: linear-gradient(to bottom, #7c3aed, #4f46e5);--section-heading: #0f172a;--bg-card: #feffed;--feature-c-h: #0f172a;--feature-c-p: #475569;--problem-border: 1px solid #ece7fa;--problem-side: linear-gradient(180deg, #f5fffe 0%, #faf1ec 100%);--problem-p: #475569;--problem-s: #0f172a;--usage-side: rgba(255, 255, 255, .95);--step-h: #0f172a;--text2: #081f56;--element-image-hover: 0 18px 45px rgba(0, 0, 0, .12);--toc-title: #94a3b8;--toc-item: #64748b;--toc-hover: #4f46e5;--toc-b: 2px solid #4f46e5;--site-foot-border: 1px solid #eee;--execution-text: #19212e;--table-bg: #f8fafc;--table-header: #eef2f7;--table-th-text: #334155;--table-td-text: #475569;--table-hover: #f1f5f9;--table-icon: #1e3a8a;--table-br: 1px solid #e2e8f0;--icon-cl: #0B3D91;--toc-child-text: #334155;--toc-child-item: #64748b;--toc-border: 1px dashed #e2e8f0;--el-h: #0f172a;--imp-bg: #fbd7d7;--imp-brd: 1px solid #e5e7eb;--imp-title: #711212;--imp-icon: #744200;--bp-bg: #fef9c3;--bp-brd: 1px solid #e5e7eb;--bp-title: #713f12;--bp-icon: #744200;--bp-p: #4b5563;--label-text: #94a3b8;--value-text: #1e293b;--nav-boarder-top: #e4e4e4;--nav-btn-boarder: 1px solid #dcdcdc;--nav-btn-bg: #fff;--nav-span: #666;--nav-strong: #222;--nav-hover-color: #666;--nav-hover-bg: #f7f7f7;--btn-bg: none;--hover-btn-color: none;--btt-bg: transparent;--btt-hv-bg: rgba(0, 0, 0, .05);--demo-cta-bg: #f8faff;--demo-cta-border: #dbe4f0;--demo-cta-glow: rgba(79, 70, 229, .08);--demo-cta-shadow: rgba(15, 23, 42, .07);--demo-cta-eyebrow: #4f46e5;--demo-cta-heading: #0f172a;--demo-cta-text: #475569;--demo-cta-button-bg: #0b3d91;--demo-cta-button-text: #ffffff;--demo-cta-button-border: #0b3d91;--demo-cta-button-hover: #062d70;--demo-cta-button-shadow: rgba(11, 61, 145, .22);--demo-cta-focus: #4f46e5}body.dark{--bg: #060616;--shine: rgb(119, 94, 212);--badge-text: #ffffff;--text-h: #eff4ff;--usecase-text: #f3f3f3;--summery-text: #ffffff;--link-cl: #b3f6ff;--lang-menu: #0a0e1ef2;--lang-options: #dbeafe;--lang-hover: #ffffff0f;--lang-active: #ffffff;--side-nav: #000000;--title-text: #deeaff;--hover-text: #badeff;--active-text: #a7cdd8;--sub-menu-text: #ffffff;--sub-menu-hover-text: #9dd8ff;--sub-active: #0addcb;--sub-sub-menu: #ffffff;--menu-item-text: #ffffff;--icon: #eef2fa;--fill-cl: #eef2fa;--need-help: #070217;--need-help-border: 1px solid #162a41;--help-title: #ffffff;--help-text: #e2e2e2;--scroll: linear-gradient(180deg, #1d28298f, #0002026c);--thumb: #1e2122b3;--scroll-bg: #040414;--cliqtest: #ffffff;--docs: #1977ff;--subtitle-p: #dddddd;--section-line: linear-gradient(to bottom, #3aeda8, #46c5e5);--section-heading: #e3ebff;--bg-card: #060a2f;--feature-c-h: #dfdfdf;--feature-c-p: #ffffff;--problem-border: 1px solid #1e0958;--problem-side: linear-gradient(180deg, #4b00ff 0%, #814422 100%);--problem-p: #a7a7a7;--problem-s: #ffffff;--usage-side: rgb(245 84 84 / 41%);--step-h: #bfc5d1;--text2: #bafdff;--element-image-hover: 0 0 12px rgba(255, 255, 255, -.75), 0 0 30px rgba(255, 255, 255, -.82), 0 10px 25px rgba(255, 255, 255, .12);--toc-title: #fdfdfd;--toc-item: #d6e7ff;--toc-hover: #46dae5;--toc-b: 2px solid #46dae5;--site-foot-border: 1px solid #00001e;--execution-text: #e4e3e3;--table-bg: #010146;--table-header: #222263;--table-th-text: #eff5ff;--table-td-text: #ffffff;--table-hover: #000a14;--table-icon: #c4d4ff;--table-br: 1px solid #000000;--icon-cl: #ffffff;--toc-child-text: #d6e7ff;--toc-child-item: #ffffff;--toc-border: 1px dashed #374a64;--el-h: #f0f0f0;--imp-bg: #3d0000;--imp-brd: 1px solid #252525;--imp-title: #e3e3e3;--imp-icon: #ffe2bc;--bp-bg: #353000;--bp-brd: 1px solid #252525;--bp-title: #e3e3e3;--bp-icon: #ffe2bc;--bp-p: #f4f9ff;--label-text: #fbfcff;--value-text: #758baf;--nav-boarder-top: #251f17;--nav-btn-boarder: 1px solid #00324b;--nav-btn-bg: #000000;--nav-span: #ededed;--nav-strong: #00a9ff;--nav-hover-color: #0f0f0f;--nav-hover-bg: none;--btn-bg: white;--hover-btn-color: white;--btt-bg: white;--btt-hv-bg: rgb(222, 248, 241);--demo-cta-bg: #060a2f;--demo-cta-border: #1d3152;--demo-cta-glow: rgba(70, 218, 229, .12);--demo-cta-shadow: rgba(0, 0, 0, .3);--demo-cta-eyebrow: #46dae5;--demo-cta-heading: #f0f5ff;--demo-cta-text: #c8d4e8;--demo-cta-button-bg: #46dae5;--demo-cta-button-text: #031522;--demo-cta-button-border: #46dae5;--demo-cta-button-hover: #6be8f0;--demo-cta-button-shadow: rgba(70, 218, 229, .2);--demo-cta-focus: #46dae5}body{background:var(--bg);color:var(--text)}.doc-layout{display:flex;gap:40px;min-height:100%}.doc-content{flex:1;max-width:993px;min-height:0;margin-right:260px;background:var(--bg)}.hero-container{max-width:993px}.hero{padding:25px 20px;margin-bottom:10%}.title{font-size:46px;font-weight:800;font-style:italic;line-height:1.1;color:var(--cliqtest);margin:0 0 16px;min-width:0;word-break:break-word;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,var(--cliqtest) 0%,var(--cliqtest) 45%,var(--shine) 50%,var(--cliqtest) 55%,var(--cliqtest) 100%);background-size:200% 100%;background-position:-200% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;will-change:background-position;animation:shine 10s linear 1 forwards}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.subtitle{font-size:16px;color:var(--subtitle-p);line-height:1.6;max-width:993px}.subtitle2{font-size:14px;color:var(--subtitle-p);line-height:1.6;max-width:993px;font-style:italic}.subtitle3{font-size:16px;font-style:italic;color:var(--subtitle-p);line-height:1.6;max-width:993px}.subtitle4{font-size:14px;color:var(--subtitle-p);line-height:1.6;max-width:993px}.section-heading{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;color:var(--section-heading);margin-bottom:30px}.section-heading1{display:flex;align-items:center;gap:12px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:#7c3aed}.section-heading3{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;color:var(--section-heading);margin-bottom:30px}.toc{position:fixed;top:67px;right:3px;width:230px;height:calc(84vh - 40px);overflow-y:auto;overflow-x:hidden;font-style:italic}.toc-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.toc-header .toc-title{margin-bottom:0}.toc-title{font-size:13px;font-weight:600;color:var(--toc-title);margin-bottom:12px}.toc-para{font-size:12px;font-weight:600;color:var(--toc-title);margin-bottom:12px}.toc-item{display:block;padding:6px 0 2px 10px;font-size:13px;cursor:pointer;color:var(--toc-item);text-decoration:none;border-left:2px solid transparent;margin-bottom:0;transition:all .2s ease}.toc-item:hover{color:var(--toc-hover)}.toc-item.active{color:#ff5e00;border-left:var(--toc-b);font-weight:500}.toc-group{margin-bottom:-3px}.toc-parent{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-size:13px;cursor:pointer;color:var(--toc-child-text);font-weight:500}.toc-parent:hover{color:var(--toc-hover)}.arrow{font-size:12px;transition:transform .2s ease;margin-right:0;margin-bottom:2px;font-style:normal}.arrow.open{transform:rotate(90deg)}.toc-children{padding-left:14px;margin-top:4px;border-left:var(--toc-border);overflow-x:hidden}.toc-sub-item{display:block;padding:5px 10px;font-size:12px;color:var(--toc-child-item);cursor:pointer;text-decoration:none;transition:all .2s ease}.toc-sub-item.active{color:#ff5e00;font-weight:500;border-left:var(--toc-b);padding-left:10px}.toc-sub-item:hover{color:var(--toc-hover);transform:translate(3px)}.toc-progress-container{margin-bottom:-12px}.toc-progress-bar{width:95%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.toc-progress-fill{height:100%;background:linear-gradient(90deg,#6d28d9,#3b82f6);border-radius:999px;transition:width .15s ease}.toc-progress-text{font-size:11px;color:#64748b;margin-top:6px;margin-right:5px;text-align:right}.back-to-top-btn{width:100%;margin-top:18px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--toc-border, #d6d6d6);border-radius:8px;background:var(--btt-bg);color:var(--primary-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.back-to-top-btn:hover{background:var(--btt-hv-bg);transform:translateY(-1px)}.focus-toggle-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:10px;margin-right:10px}.focus-switch{width:43px;height:13px;border-radius:999px;border:1px solid #3b6fc4;background:#8fb8ec;padding:0;cursor:pointer;position:relative;box-shadow:0 4px 12px #00000026;transition:background .25s ease,border-color .25s ease}.focus-switch.active{background:#7bacf0;border-color:#3b6fc4}.focus-switch-knob{position:absolute;top:2px;left:4px;width:7px;height:6px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .25s ease}.focus-switch.active .focus-switch-knob{transform:translate(24px)}.focus-switch-label{font-size:11px;font-weight:600;color:var(--toc-title, #1e293b);-webkit-user-select:none;user-select:none;white-space:nowrap}.demo-cta{width:100%;margin:0 auto 7%;padding:0 2%;box-sizing:border-box}.demo-cta-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1200px;margin:0 auto;padding:28px 34px;border:1px solid var(--demo-cta-border);border-radius:16px;background:radial-gradient(circle at 85% 20%,var(--demo-cta-glow),transparent 45%),var(--demo-cta-bg);box-shadow:0 10px 35px var(--demo-cta-shadow);overflow:hidden}.demo-cta-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#7c3aed,#4f46e5,#06b6d4)}.demo-cta-text{min-width:0}.demo-cta-eyebrow{display:block;margin-bottom:6px;color:var(--demo-cta-eyebrow);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-cta-text h3{margin:0 0 7px;color:var(--demo-cta-heading);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3;font-weight:700}.demo-cta-text p{margin:0;color:var(--demo-cta-text);font-size:.92rem;line-height:1.55}.demo-cta-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid var(--demo-cta-button-border);border-radius:9px;background:var(--demo-cta-button-bg);color:var(--demo-cta-button-text);font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:0 5px 18px var(--demo-cta-button-shadow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.demo-cta-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.demo-cta-button:hover{transform:translateY(-2px);background:var(--demo-cta-button-hover);box-shadow:0 8px 24px var(--demo-cta-button-shadow)}.demo-cta-button:hover svg{transform:translate(3px)}.demo-cta-button:focus-visible{outline:2px solid var(--demo-cta-focus);outline-offset:3px}@media (max-width: 768px){.demo-cta{padding:0 4%;margin-bottom:10%}.demo-cta-content{flex-direction:column;align-items:flex-start;gap:20px;padding:25px 24px}.demo-cta-button{width:100%}}@media (max-width: 480px){.demo-cta-content{padding:22px 20px;border-radius:13px}.demo-cta-text h3{font-size:1.25rem}.demo-cta-text p{font-size:.86rem}}