:root{--button-primary:var(--p-blue-600);--button-primary-hover:var(--p-blue-800);--btn-cyan:var(--p-cyan-500);--btn-cyan-hover:var(--p-cyan-700);--outline-btn-bg:transparent;--btn-outline-border:#ffffff4d}.light{--button-primary:var(--p-blue-v);--button-primary-hover:var(--p-blue-v-deep);--btn-cyan:var(--p-cyan-600);--btn-cyan-hover:var(--p-cyan-700);--outline-btn-bg:#fff;--btn-outline-border:#0000004d}:root{--outline-glow-blue:#a8d5fd1f;--outline-glow-green:#34d39924;--outline-glow-purple:#c084fc40;--outline-glow-cyan:#22d3ee1f;--outline-glow-warning:#ca8a041f;--outline-glow-danger:#ef44441f}.light{--outline-glow-blue:#2563eb24;--outline-glow-green:#15803d24;--outline-glow-purple:#7c3aed24;--outline-glow-cyan:#0891b226;--outline-glow-warning:#b453090f;--outline-glow-danger:#e5484d0f}
:root{--nav-active-bg:#22d3ee26;--nav-active-text:var(--brand-cyan);--nav-hover-bg:#ffffff1a;--streak-color:var(--p-amber-400);--sidebar-bg:var(--surface-nav);--backdrop-overlay:#000000bf}.light{--nav-active-bg:#0000000f;--nav-active-text:#171717;--nav-hover-bg:#0000000a;--streak-color:var(--p-amber-500);--sidebar-bg:var(--surface-nav);--backdrop-overlay:#0006}:root{--input-bg:#000;--input-border:#333;--input-focus-text:var(--brand-cyan);--input-focus-ring:#ffffffd9;--input-focus-border:#ffffffd9;--input-arena:#ffffff0a;--tab-bg:#000;--tab-active:var(--p-magenta);--tab-active-text:#fff}.light{--input-bg:#fff;--input-border:#00000026;--input-focus-text:var(--brand-cyan);--input-focus-ring:var(--accent-blue);--input-focus-border:#00000026;--input-arena:#00000007;--tab-bg:#fff;--tab-active:#e5e5e5;--tab-active-text:#171717}:root{--banner-info-bg:#22d3ee14;--banner-info-text:var(--brand-cyan-light);--banner-warning-bg:var(--status-warning-bg);--banner-warning-border:var(--status-warning-border);--banner-warning-text:var(--status-warning)}.light{--banner-info-bg:#0891b20f;--banner-info-text:var(--brand-cyan)}:root{--table-bg:#0d0d0d;--table-row-alt:#101010;--table-row-hover:#161616;--table-header-bg:#0a0a0a;--table-header-text:var(--brand-cyan);--table-border:#ffffff0f;--table-header-shadow:#00000040}.light{--table-bg:var(--content-bg);--table-row-alt:#00000005;--table-row-hover:#0000000a;--table-header-bg:#f5f5f5;--table-header-text:var(--brand-cyan);--table-border:#0000000f;--table-header-shadow:#0000000f}:root{--grid-color:255, 255, 255;--grid-active-color:255, 255, 255;--grid-dot-opacity:.25;--grid-line-opacity:.06;--grid-dot-size:2;--grid-dot-active-size:2.6}.light{--grid-color:155, 160, 165;--grid-active-color:25, 25, 25;--grid-dot-opacity:.5;--grid-line-opacity:.08;--grid-dot-size:1.8;--grid-dot-active-size:3.5}:root{--dialog-bg:var(--surface-content);--page-overlay:#000000b3}.light{--dialog-bg:var(--surface-content);--page-overlay:#f7f3eeeb}:root{--google-btn-border:#fff3;--google-btn-shadow:0 1px 4px #00000080, 0 0 0 1px #ffffff0f;--google-btn-shadow-hover:0 2px 10px #0009, 0 0 0 1px #ffffff1a;--google-btn-shadow-active:0 0 2px #0006}.light{--google-btn-border:#dadce0;--google-btn-shadow:0 1px 2px #0000000f, 0 1px 3px #0000000a;--google-btn-shadow-hover:0 2px 8px #0000001a, 0 1px 3px #0000000f;--google-btn-shadow-active:0 0 1px #0000000f}:root{--task-accent:253, 224, 71}.light{--task-accent:37, 99, 235}:root{--Red-500:var(--p-red-tt);--Red-600:var(--p-red-tt-dark)}.light{--Red-500:var(--p-red-radix);--Red-600:var(--p-red-400)}:root{--gradient-page-bg:linear-gradient(to bottom right, var(--Neutral-00), var(--gray-1000));--gradient-page-overlay:#00000073;--gradient-pro-from:#9333ea;--gradient-pro-via:#ec4899cc;--gradient-pro-hover-from:#9333ea;--gradient-pro-hover-via:#ec4899}.light{--gradient-page-bg:var(--background);--gradient-page-overlay:transparent;--gradient-pro-from:#7c3aed1f;--gradient-pro-via:#a855f714;--gradient-pro-hover-from:#7c3aed2e;--gradient-pro-hover-via:#a855f71f}
:root{--card-bg:var(--surface-card);--card-cta-bg:var(--surface-dark);--card-border:#fff3;--card-hover-border:#ffffffd9;--card-shadow:0 3px 6px -1px #0006;--card-blur:blur(4px);--card-overlay-from:#000000a6;--card-overlay-via:#00000026;--card-cover-bg:#ffffff0d;--card-cover-pattern:.3;--scenario-card-title:var(--text-primary);--scenario-card-desc:var(--text-secondary);--avatar-halo:216, 180, 254;--avatar-placeholder-bg:#ffffff0a;--avatar-placeholder-hover-tint:#00000040;--avatar-border:#ffffffa6;--avatar-ring-tint:transparent;--avatar-ring-hover-tint:transparent;--avatar-hover-accent:#ffffffeb;--avatar-hover-ring-inner:#ffffffa6;--avatar-placeholder-text:var(--brand-cyan);--course-card-bg:var(--surface-card-passive);--course-card-text:#fff;--course-card-watermark:#ffffff1f;--course-card-halo:#fff9;--course-card-glow:#ffffff0d;--course-card-grid-opacity:.06;--course-card-header-free:#0003;--course-card-header-paid:#00000080;--play-green:#0d9c53;--play-green-hover:#10d46e;--card-hover-shadow:4px 8px 15px -6px #00000080, 6px 10px 17px -7px #22d3ee66;--hero-magic-border:#ffffffe6;--hero-magic-from:#9333ea;--hero-magic-via:#ec4899cc;--hero-magic-hover-from:#9333ea;--hero-magic-hover-via:#ec4899;--hero-magic-shadow:#9333ea33;--hero-magic-shadow-hover:#9333ea4d;--hero-card-title:white;--hero-card-border:#ffffff40;--hero-card-accent:var(--brand-cyan);--hero-card-glow:#22d3ee40}.light{--card-bg:var(--surface-card);--card-cta-bg:#f5f5f5;--card-border:#00000026;--card-hover-border:#0000004d;--card-shadow:0 3px 6px -1px #1e1e3212;--card-blur:none;--card-overlay-from:#0009;--card-overlay-via:#00000026;--card-cover-bg:#0001;--card-cover-pattern:.4;--scenario-card-title:#171717;--scenario-card-desc:#737373;--avatar-halo:59, 130, 246;--avatar-placeholder-bg:#00000024;--avatar-placeholder-hover-tint:#0000001f;--avatar-border:#0009;--avatar-ring-tint:transparent;--avatar-ring-hover-tint:transparent;--avatar-hover-accent:#000;--avatar-hover-ring-inner:#00000080;--avatar-placeholder-text:#171717;--course-card-bg:var(--surface-card-passive);--course-card-text:#404040;--course-card-watermark:#0000000d;--course-card-halo:#00000026;--course-card-glow:#00000005;--course-card-grid-opacity:.02;--course-card-header-free:transparent;--course-card-header-paid:#00000026;--play-green:#16a34a;--play-green-hover:#15803d;--card-hover-shadow:0 6px 20px -4px #0000001f, 0 2px 8px -2px #0000000f;--hero-magic-border:#f97316;--hero-magic-from:#fda24e61;--hero-magic-via:#fdba7447;--hero-magic-hover-from:#fda24e80;--hero-magic-hover-via:#fdba7461;--hero-magic-shadow:#fb923c2e;--hero-magic-shadow-hover:#fb923c4d;--hero-card-title:#171717;--hero-card-border:#00000026;--hero-card-accent:var(--p-blue-v);--hero-card-glow:#0070f333}.card-shadow{box-shadow:var(--card-shadow)}.card-content{-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--card-hover-shadow);transform:translate(-2px,-3px)}
html{scrollbar-gutter:stable}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-elegant);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--Neutral-50)}*{scrollbar-width:thin;scrollbar-color:var(--Neutral-50) transparent}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.monaco-editor,.monaco-editor .overflow-guard,.monaco-editor .decorationsOverviewRuler{border-color:#0000!important;outline:none!important}.input-focus{outline:none}.input-focus:focus,.input-focus:focus-visible{box-shadow:0 0 0 2px var(--input-focus-ring);border-color:var(--input-focus-border)}.bg-grid-pattern{background-image:linear-gradient(to right, rgba(var(--grid-color), var(--grid-line-opacity)) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--grid-color), var(--grid-line-opacity)) 1px, transparent 1px)}.studio-grid-bg{background-color:var(--page-overlay);background-image:linear-gradient(to right, rgba(var(--grid-color), var(--grid-line-opacity)) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--grid-color), var(--grid-line-opacity)) 1px, transparent 1px);background-size:40px 40px}input[type=color]{appearance:none;border:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{border:none;padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}
.animated-icon{transition:all .3s}@keyframes icon-bounce{0%,25%,to{transform:translateY(0)}12%{transform:translateY(-3px)}}@keyframes icon-spin{0%{transform:rotate(0)}32%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,25%,to{opacity:1}12%{opacity:.6}}@keyframes icon-wiggle{0%,25%,to{transform:rotate(0)}6%{transform:rotate(-10deg)}19%{transform:rotate(10deg)}}@keyframes icon-glow{0%,30%,to{filter:brightness();transform:scale(1)}15%{filter:brightness(1.4);transform:scale(1.2)}}.animated-icon-bounce:hover,.anim-group:hover .animated-icon-bounce{animation:2s infinite icon-bounce}.animated-icon-spin:hover,.anim-group:hover .animated-icon-spin{animation:2.5s infinite icon-spin}.animated-icon-pulse:hover,.anim-group:hover .animated-icon-pulse{animation:2s infinite icon-pulse}.animated-icon-wiggle:hover,.anim-group:hover .animated-icon-wiggle{animation:2s infinite icon-wiggle}.animated-icon-glow:hover,.anim-group:hover .animated-icon-glow{animation:2s infinite icon-glow}@keyframes border-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.5;transform:scale(1.03)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22d3ee1a}50%{box-shadow:0 0 30px #22d3ee33}}.animate-border-pulse{animation:2s ease-in-out infinite border-pulse}.animate-glow{animation:3s ease-in-out infinite pulse-glow}.animate-gradient{animation:8s infinite gradient-shift}@keyframes placeholder-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-placeholder-slide-up{animation:.25s ease-out placeholder-slide-up}@keyframes busy-dots{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.scan-lines{background-image:linear-gradient(#0000 0% 49%,#06b6d40d 49.5% 50.5%,#0000 51% 100%);background-size:100% 20px}@keyframes pulse{0%,to{opacity:var(--base-opacity,.8);transform:scale(1)}50%{opacity:calc(var(--base-opacity,.8) * .8);transform:scale(1.3)}}.bg-300\%{background-size:300% 300%}.gradient-brand-title{background:linear-gradient(to right, var(--button-primary), var(--accent-blue-active), var(--button-primary));color:#0000;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}.light .gradient-brand-title{background-image:linear-gradient(90deg,#171717,#404040,#171717);animation:none}.gradient-pro-badge{background:linear-gradient(to right, var(--gradient-pro-from), var(--gradient-pro-via), var(--gradient-pro-from));background-size:300% 300%;animation:8s infinite gradient-shift}.gradient-pro-badge:hover{background:linear-gradient(to right, var(--gradient-pro-hover-from), var(--gradient-pro-hover-via), var(--gradient-pro-hover-from));background-size:300% 300%}.gradient-magic-card{background:linear-gradient(to right, var(--hero-magic-from), var(--hero-magic-via), var(--hero-magic-from));background-size:300% 300%;animation:8s infinite gradient-shift}.gradient-magic-card:hover{background:linear-gradient(to right, var(--hero-magic-hover-from), var(--hero-magic-hover-via), var(--hero-magic-hover-from));background-size:300% 300%}.light .gradient-magic-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gradient-page-bg{background:var(--gradient-page-bg)}.gradient-page-overlay{background:var(--gradient-page-overlay)}.heading-gradient{background:linear-gradient(to right, var(--button-primary), var(--accent-blue-active), var(--button-primary));-webkit-text-fill-color:transparent;color:#0000;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}.light .heading-gradient{background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text);color:var(--text);animation:none}.gradient-deploy-integrate{background:linear-gradient(135deg,#7c3aed,#ec4899)}.gradient-deploy-phone{background:linear-gradient(135deg,#059669,#0891b2)}.gradient-deploy-meeting{background:linear-gradient(135deg,#2563eb,#7c3aed)}@media (prefers-reduced-motion:reduce){.animated-icon,[class^=animated-icon-],[class*=\ animated-icon-],[class*=animate-]{transition:none!important;animation:none!important}}
.mdx-content{max-width:56rem;color:var(--text-primary);margin-bottom:1rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.mdx-content .loom-container{width:100%;margin-bottom:2rem;padding-bottom:58.89%;position:relative}.mdx-content .loom-container iframe{border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0}.mdx-content .arcade-container{width:100%;margin-bottom:2rem;padding-bottom:54.33%;position:relative}.mdx-content .arcade-container iframe{border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0}