.context7-widget{--c7-accent:#059669;--c7-accent-contrast:#fff;--c7-backdrop:#0f172a75;--c7-backdrop-filter:none;--c7-border-color:#e7e5e4;--c7-control-background:#fff;--c7-control-border:#d6d3d1;--c7-control-color:#1c1917;--c7-error-background:#fef2f2;--c7-error-color:#991b1b;--c7-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--c7-footer-background:#fafaf9;--c7-focus-ring:color-mix(in srgb, var(--c7-accent) 22%, transparent);--c7-header-background:#fafaf9;--c7-launcher-background:var(--c7-accent);--c7-launcher-color:var(--c7-accent-contrast);--c7-launcher-gap:8px;--c7-launcher-radius:999px;--c7-launcher-shadow:0 10px 28px #0f172a3d;--c7-launcher-size:56px;--c7-message-assistant-background:#f5f5f4;--c7-message-assistant-color:#1c1917;--c7-message-radius:12px;--c7-message-user-background:var(--c7-accent);--c7-message-user-color:var(--c7-accent-contrast);--c7-muted-color:#78716c;--c7-panel-background:#fff;--c7-panel-backdrop-filter:none;--c7-panel-color:#1c1917;--c7-panel-height:min(600px, calc(100vh - 120px));--c7-panel-radius:16px;--c7-panel-shadow:0 24px 80px #0f172a38;--c7-panel-width:min(400px, calc(100vw - 32px));--c7-spacing:16px;--c7-z-index:100000000;all:initial;color:var(--c7-panel-color);font-family:var(--c7-font-family);z-index:var(--c7-z-index);position:relative}@supports (height:100dvh){.context7-widget{--c7-panel-height:min(600px, calc(100dvh - 120px))}}.context7-widget[theme=dark]{--c7-border-color:#ffffff24;--c7-control-background:#0b0b0c;--c7-control-border:#fff3;--c7-control-color:#f8fafc;--c7-error-background:#7f1d1d52;--c7-error-color:#fecaca;--c7-footer-background:#0e0e10;--c7-header-background:#0e0e10;--c7-message-assistant-background:#171717;--c7-message-assistant-color:#f5f5f5;--c7-muted-color:#a1a1aa;--c7-panel-background:#050505;--c7-panel-color:#f8fafc}@media (prefers-color-scheme:dark){.context7-widget[theme=auto]{--c7-border-color:#ffffff24;--c7-control-background:#0b0b0c;--c7-control-border:#fff3;--c7-control-color:#f8fafc;--c7-error-background:#7f1d1d52;--c7-error-color:#fecaca;--c7-footer-background:#0e0e10;--c7-header-background:#0e0e10;--c7-message-assistant-background:#171717;--c7-message-assistant-color:#f5f5f5;--c7-muted-color:#a1a1aa;--c7-panel-background:#050505;--c7-panel-color:#f8fafc}}.context7-widget[preset=minimal]{--c7-accent:#2563eb;--c7-accent-contrast:#fff;--c7-backdrop:#ffffff8a;--c7-border-color:#d4d4d4;--c7-footer-background:#fff;--c7-header-background:#fff;--c7-launcher-radius:10px;--c7-launcher-shadow:0 8px 18px #0f172a24;--c7-message-assistant-background:#f4f4f5;--c7-message-radius:8px;--c7-panel-radius:10px;--c7-panel-shadow:0 18px 48px #0f172a29}.context7-widget[preset=glass]{--c7-accent:#0d9488;--c7-accent-contrast:#fff;--c7-backdrop:#040c126b;--c7-backdrop-filter:blur(12px);--c7-border-color:#fff3;--c7-control-background:#fffffff0;--c7-footer-background:#ffffffc2;--c7-header-background:#ffffffc2;--c7-launcher-background:color-mix(in srgb, var(--c7-accent) 86%, #fff);--c7-launcher-shadow:0 18px 42px color-mix(in srgb, var(--c7-accent) 24%, #0f172a3d);--c7-message-assistant-background:#ffffffd1;--c7-panel-backdrop-filter:blur(18px);--c7-panel-background:#ffffffdb;--c7-panel-radius:18px;--c7-panel-shadow:0 28px 90px #0f172a42}.context7-widget[preset=neo]{--c7-accent:#facc15;--c7-accent-contrast:#101513;--c7-backdrop:#fde04747;--c7-border-color:#111827;--c7-control-border:#111827;--c7-footer-background:#fff7c2;--c7-header-background:#fff7c2;--c7-launcher-radius:12px;--c7-launcher-shadow:6px 6px 0 #111827;--c7-message-assistant-background:#fef3c7;--c7-message-radius:10px;--c7-panel-background:#fffef2;--c7-panel-radius:12px;--c7-panel-shadow:10px 10px 0 #111827}.context7-widget[preset=terminal]{--c7-accent:#39ff88;--c7-accent-contrast:#06110b;--c7-backdrop:#0000009e;--c7-border-color:#39ff8857;--c7-control-background:#030806;--c7-control-border:#39ff8847;--c7-control-color:#d6ffe6;--c7-footer-background:#07120c;--c7-font-family:"SF Mono", Monaco, Consolas, "Liberation Mono", monospace;--c7-header-background:#07120c;--c7-launcher-background:#07120c;--c7-launcher-color:#39ff88;--c7-launcher-radius:7px;--c7-message-assistant-background:#0b1710;--c7-message-assistant-color:#d6ffe6;--c7-message-radius:6px;--c7-muted-color:#8bdca8;--c7-panel-background:#030806;--c7-panel-color:#d6ffe6;--c7-panel-radius:7px;--c7-panel-shadow:0 24px 70px #00000075}.context7-widget[preset=brutalist]{--c7-accent:#050505;--c7-accent-contrast:#f5f5f5;--c7-backdrop:#ffffffb8;--c7-border-color:#050505;--c7-control-border:#050505;--c7-footer-background:#f5f5f5;--c7-header-background:#f5f5f5;--c7-launcher-radius:0;--c7-launcher-shadow:5px 5px 0 #050505;--c7-message-radius:0;--c7-panel-radius:0;--c7-panel-shadow:8px 8px 0 #050505}.context7-widget[theme=light][preset=terminal]{--c7-accent:#047857;--c7-accent-contrast:#fff;--c7-backdrop:#ecfdf59e;--c7-border-color:#04785757;--c7-control-background:#fff;--c7-control-border:#04785752;--c7-control-color:#102018;--c7-footer-background:#ecfdf5;--c7-header-background:#ecfdf5;--c7-launcher-background:#ecfdf5;--c7-launcher-color:#047857;--c7-message-assistant-background:#dff8e8;--c7-message-assistant-color:#102018;--c7-muted-color:#3b7f58;--c7-panel-background:#f8fff9;--c7-panel-color:#102018;--c7-panel-shadow:0 24px 70px #0478572e}@media (prefers-color-scheme:light){.context7-widget[theme=auto][preset=terminal]{--c7-accent:#047857;--c7-accent-contrast:#fff;--c7-backdrop:#ecfdf59e;--c7-border-color:#04785757;--c7-control-background:#fff;--c7-control-border:#04785752;--c7-control-color:#102018;--c7-footer-background:#ecfdf5;--c7-header-background:#ecfdf5;--c7-launcher-background:#ecfdf5;--c7-launcher-color:#047857;--c7-message-assistant-background:#dff8e8;--c7-message-assistant-color:#102018;--c7-muted-color:#3b7f58;--c7-panel-background:#f8fff9;--c7-panel-color:#102018;--c7-panel-shadow:0 24px 70px #0478572e}}.context7-widget[theme=dark][preset=minimal]{--c7-accent:#60a5fa;--c7-accent-contrast:#05070b;--c7-backdrop:#00000080;--c7-border-color:#ffffff29;--c7-control-background:#09090b;--c7-control-border:#ffffff2e;--c7-control-color:#f8fafc;--c7-footer-background:#0f1115;--c7-header-background:#0f1115;--c7-message-assistant-background:#181b20;--c7-message-assistant-color:#f8fafc;--c7-muted-color:#a1a1aa;--c7-panel-background:#08090c;--c7-panel-color:#f8fafc;--c7-panel-shadow:0 18px 48px #00000057}.context7-widget[theme=dark][preset=glass]{--c7-accent:#5eead4;--c7-accent-contrast:#042f2e;--c7-backdrop:#00000094;--c7-backdrop-filter:blur(12px);--c7-border-color:#ffffff2e;--c7-control-background:#080a0ee6;--c7-control-border:#fff3;--c7-control-color:#f8fafc;--c7-footer-background:#0b0e12c7;--c7-header-background:#0b0e12c7;--c7-message-assistant-background:#ffffff1a;--c7-message-assistant-color:#f8fafc;--c7-muted-color:#cbd5e1;--c7-panel-background:#0a0d11d6;--c7-panel-color:#f8fafc}.context7-widget[theme=dark][preset=neo]{--c7-accent:#facc15;--c7-accent-contrast:#101513;--c7-backdrop:#00000094;--c7-border-color:#facc15;--c7-control-background:#090806;--c7-control-border:#facc15;--c7-control-color:#fef9c3;--c7-footer-background:#151207;--c7-header-background:#151207;--c7-launcher-shadow:6px 6px 0 #facc15;--c7-message-assistant-background:#2b220d;--c7-message-assistant-color:#fef9c3;--c7-muted-color:#fde68a;--c7-panel-background:#090806;--c7-panel-color:#fef9c3;--c7-panel-shadow:10px 10px 0 #facc15}.context7-widget[theme=dark][preset=brutalist]{--c7-accent:#f5f5f5;--c7-accent-contrast:#050505;--c7-backdrop:#000000ad;--c7-border-color:#f5f5f5;--c7-control-background:#050505;--c7-control-border:#f5f5f5;--c7-control-color:#f5f5f5;--c7-footer-background:#050505;--c7-header-background:#050505;--c7-launcher-shadow:5px 5px 0 #f5f5f5;--c7-message-assistant-background:#181818;--c7-message-assistant-color:#f5f5f5;--c7-muted-color:#d4d4d4;--c7-panel-background:#050505;--c7-panel-color:#f5f5f5;--c7-panel-shadow:8px 8px 0 #f5f5f5}@media (prefers-color-scheme:dark){.context7-widget[theme=auto][preset=minimal]{--c7-accent:#60a5fa;--c7-accent-contrast:#05070b;--c7-backdrop:#00000080;--c7-border-color:#ffffff29;--c7-control-background:#09090b;--c7-control-border:#ffffff2e;--c7-control-color:#f8fafc;--c7-footer-background:#0f1115;--c7-header-background:#0f1115;--c7-message-assistant-background:#181b20;--c7-message-assistant-color:#f8fafc;--c7-muted-color:#a1a1aa;--c7-panel-background:#08090c;--c7-panel-color:#f8fafc;--c7-panel-shadow:0 18px 48px #00000057}.context7-widget[theme=auto][preset=glass]{--c7-accent:#5eead4;--c7-accent-contrast:#042f2e;--c7-backdrop:#00000094;--c7-backdrop-filter:blur(12px);--c7-border-color:#ffffff2e;--c7-control-background:#080a0ee6;--c7-control-border:#fff3;--c7-control-color:#f8fafc;--c7-footer-background:#0b0e12c7;--c7-header-background:#0b0e12c7;--c7-message-assistant-background:#ffffff1a;--c7-message-assistant-color:#f8fafc;--c7-muted-color:#cbd5e1;--c7-panel-background:#0a0d11d6;--c7-panel-color:#f8fafc}.context7-widget[theme=auto][preset=neo]{--c7-accent:#facc15;--c7-accent-contrast:#101513;--c7-backdrop:#00000094;--c7-border-color:#facc15;--c7-control-background:#090806;--c7-control-border:#facc15;--c7-control-color:#fef9c3;--c7-footer-background:#151207;--c7-header-background:#151207;--c7-launcher-shadow:6px 6px 0 #facc15;--c7-message-assistant-background:#2b220d;--c7-message-assistant-color:#fef9c3;--c7-muted-color:#fde68a;--c7-panel-background:#090806;--c7-panel-color:#fef9c3;--c7-panel-shadow:10px 10px 0 #facc15}.context7-widget[theme=auto][preset=brutalist]{--c7-accent:#f5f5f5;--c7-accent-contrast:#050505;--c7-backdrop:#000000ad;--c7-border-color:#f5f5f5;--c7-control-background:#050505;--c7-control-border:#f5f5f5;--c7-control-color:#f5f5f5;--c7-footer-background:#050505;--c7-header-background:#050505;--c7-launcher-shadow:5px 5px 0 #f5f5f5;--c7-message-assistant-background:#181818;--c7-message-assistant-color:#f5f5f5;--c7-muted-color:#d4d4d4;--c7-panel-background:#050505;--c7-panel-color:#f5f5f5;--c7-panel-shadow:8px 8px 0 #f5f5f5}}.context7-widget *,.context7-widget :after,.context7-widget :before{box-sizing:border-box}.context7-widget button,.context7-widget input{font:inherit}.context7-widget .c7-backdrop{background:var(--c7-backdrop);-webkit-backdrop-filter:var(--c7-backdrop-filter);backdrop-filter:var(--c7-backdrop-filter);opacity:0;pointer-events:none;visibility:hidden;z-index:var(--c7-z-index);transition:opacity .18s,visibility 0s linear .18s;position:fixed;inset:0}.context7-widget[open][backdrop-active] .c7-backdrop{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.context7-widget .c7-launcher{background:var(--c7-launcher-background);border-radius:var(--c7-launcher-radius);bottom:max(20px,env(safe-area-inset-bottom));box-shadow:var(--c7-launcher-shadow);color:var(--c7-launcher-color);cursor:pointer;align-items:center;gap:var(--c7-launcher-gap);height:var(--c7-launcher-size);right:max(20px,env(safe-area-inset-right));width:var(--c7-launcher-size);z-index:calc(var(--c7-z-index) + 1);border:0;justify-content:center;padding:0;transition:box-shadow .16s,opacity .16s,transform .16s;display:flex;position:fixed}.context7-widget .c7-launcher:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a4d}.context7-widget .c7-close:focus-visible,.context7-widget .c7-input:focus-visible,.context7-widget .c7-launcher:focus-visible,.context7-widget .c7-send:focus-visible,.context7-widget .c7-tool-toggle:focus-visible{outline:2px solid var(--c7-accent);outline-offset:2px}.context7-widget .c7-launcher svg{height:calc(var(--c7-launcher-size)*.5);width:calc(var(--c7-launcher-size)*.5);flex:none}.context7-widget .c7-launcher-label{white-space:nowrap;font-size:14px;font-weight:760;line-height:1;display:none}.context7-widget[launcher-variant=pill] .c7-launcher{min-width:var(--c7-launcher-size);width:auto;padding:0 18px}.context7-widget[launcher-variant=badge] .c7-launcher-label,.context7-widget[launcher-variant=pill] .c7-launcher-label{display:inline}.context7-widget[launcher-variant=badge] .c7-launcher{border-radius:9px;width:auto;min-width:42px;height:42px;padding:0 12px}.context7-widget[launcher-variant=badge] .c7-launcher svg{width:18px;height:18px}.context7-widget[position=bottom-left] .c7-launcher{left:max(20px,env(safe-area-inset-left));right:auto}.context7-widget[position=top-left] .c7-launcher,.context7-widget[position=top-right] .c7-launcher{bottom:auto;top:max(20px,env(safe-area-inset-top))}.context7-widget[position=top-left] .c7-launcher{left:max(20px,env(safe-area-inset-left));right:auto}.context7-widget[custom-trigger-active] .c7-launcher{display:none}.context7-widget .c7-panel{background:var(--c7-panel-background);-webkit-backdrop-filter:var(--c7-panel-backdrop-filter);backdrop-filter:var(--c7-panel-backdrop-filter);border:1px solid var(--c7-border-color);border-radius:var(--c7-panel-radius);bottom:calc(34px + var(--c7-launcher-size));box-shadow:var(--c7-panel-shadow);color:var(--c7-panel-color);height:var(--c7-panel-height);opacity:0;pointer-events:none;transform-origin:100% 100%;visibility:hidden;width:var(--c7-panel-width);z-index:calc(var(--c7-z-index) + 2);flex-direction:column;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:flex;position:fixed;right:20px;overflow:hidden;transform:translateY(12px)scale(.98)}.context7-widget[open] .c7-panel{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}.context7-widget[position=bottom-left] .c7-panel{transform-origin:0 100%;left:20px;right:auto}.context7-widget[position=top-right] .c7-panel{bottom:auto;top:calc(34px + var(--c7-launcher-size));transform-origin:100% 0}.context7-widget[position=top-left] .c7-panel{bottom:auto;left:20px;right:auto;top:calc(34px + var(--c7-launcher-size));transform-origin:0 0}.context7-widget[position=center] .c7-panel{transform-origin:50%;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.96)}.context7-widget[open][position=center] .c7-panel{transform:translate(-50%,-50%)scale(1)}.context7-widget[position=anchor] .c7-panel{bottom:auto;left:var(--c7-anchor-left,20px);max-height:var(--c7-anchor-max-height,calc(100vh - 24px));max-height:var(--c7-anchor-max-height,calc(100dvh - 24px));max-width:var(--c7-anchor-max-width,calc(100vw - 24px));right:auto;top:var(--c7-anchor-top,20px);transform:translateY(var(--c7-anchor-translate-y,8px)) scale(.98);transform-origin:var(--c7-anchor-origin,top right)}.context7-widget[open][position=anchor] .c7-panel{transform:translateY(0)scale(1)}.context7-widget .c7-header{background:var(--c7-header-background);border-bottom:1px solid var(--c7-border-color);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.context7-widget .c7-title{color:var(--c7-panel-color);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:650;line-height:1.2;overflow:hidden}.context7-widget .c7-close{color:var(--c7-muted-color);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .12s,color .12s;display:flex}.context7-widget .c7-close:hover{background:color-mix(in srgb,var(--c7-muted-color) 12%,transparent);color:var(--c7-panel-color)}.context7-widget .c7-messages{padding:var(--c7-spacing);scrollbar-color:var(--c7-muted-color) transparent;flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.context7-widget .c7-message{border-radius:var(--c7-message-radius);overflow-wrap:anywhere;max-width:86%;padding:10px 13px;font-size:14px;line-height:1.5}.context7-widget .c7-message p{margin:0 0 8px}.context7-widget .c7-message p:last-child{margin-bottom:0}.context7-widget .c7-message h3,.context7-widget .c7-message h4,.context7-widget .c7-message h5,.context7-widget .c7-message h6{margin:10px 0 6px;font-size:1em;line-height:1.35}.context7-widget .c7-message h3:first-child,.context7-widget .c7-message h4:first-child,.context7-widget .c7-message h5:first-child,.context7-widget .c7-message h6:first-child{margin-top:0}.context7-widget .c7-message ol,.context7-widget .c7-message ul{margin:6px 0;padding-left:20px}.context7-widget .c7-message li{margin:2px 0}.context7-widget .c7-message code{background:color-mix(in srgb,var(--c7-muted-color) 18%,transparent);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.context7-widget .c7-message pre{color:#e5e7eb;background:#111827;border-radius:8px;margin:8px 0;padding:10px;font-size:12px;overflow-x:auto}.context7-widget .c7-message pre code{background:0 0;padding:0}.context7-widget .c7-message a{color:var(--c7-accent)}.context7-widget .c7-message--assistant{background:var(--c7-message-assistant-background);color:var(--c7-message-assistant-color);border-bottom-left-radius:4px;align-self:flex-start}.context7-widget .c7-message--user{background:var(--c7-message-user-background);color:var(--c7-message-user-color);border-bottom-right-radius:4px;align-self:flex-end}.context7-widget .c7-message--error{background:var(--c7-error-background);color:var(--c7-error-color);align-self:center;max-width:92%;font-size:13px}.context7-widget .c7-tool-call{background:var(--c7-message-assistant-background);border-radius:var(--c7-message-radius);color:var(--c7-message-assistant-color);border-bottom-left-radius:4px;align-self:flex-start;max-width:92%;padding:10px 13px;font-size:13px}.context7-widget .c7-tool-header{color:var(--c7-muted-color);align-items:center;gap:8px;display:flex}.context7-widget .c7-tool-header svg{flex:none;width:14px;height:14px}.context7-widget .c7-spinner{animation:1s linear infinite c7-spin}.context7-widget .c7-tool-result{border-top:1px solid var(--c7-border-color);margin-top:8px;padding-top:8px}.context7-widget .c7-tool-toggle{color:var(--c7-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.context7-widget .c7-tool-toggle svg{width:14px;height:14px;transition:transform .16s}.context7-widget .c7-tool-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.context7-widget .c7-tool-content{margin-top:8px}.context7-widget .c7-tool-content pre{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:8px;max-height:220px;margin:0;padding:10px;font-size:11px;line-height:1.45;overflow:auto}.context7-widget .c7-typing{background:var(--c7-message-assistant-background);border-radius:var(--c7-message-radius);border-bottom-left-radius:4px;align-self:flex-start;align-items:center;gap:4px;padding:12px 13px;display:flex}.context7-widget .c7-typing span{background:var(--c7-muted-color);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both c7-bounce}.context7-widget .c7-typing span:first-child{animation-delay:-.32s}.context7-widget .c7-typing span:nth-child(2){animation-delay:-.16s}.context7-widget .c7-composer{background:var(--c7-footer-background);border-top:1px solid var(--c7-border-color);align-items:center;gap:8px;padding:12px;display:flex}.context7-widget .c7-input{background:var(--c7-control-background);border:1px solid var(--c7-control-border);color:var(--c7-control-color);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:16px}.context7-widget .c7-input:focus{border-color:var(--c7-accent);box-shadow:0 0 0 3px var(--c7-focus-ring)}.context7-widget .c7-input::placeholder{color:var(--c7-muted-color)}.context7-widget .c7-send{background:var(--c7-accent);color:var(--c7-accent-contrast);cursor:pointer;border:0;border-radius:10px;flex:none;min-height:42px;padding:0 16px;font-size:14px;font-weight:650;transition:opacity .12s,transform .12s}.context7-widget .c7-send:hover{transform:translateY(-1px)}.context7-widget .c7-send:disabled{cursor:not-allowed;opacity:.55;transform:none}.context7-widget .c7-footer{background:var(--c7-footer-background);border-top:1px solid var(--c7-border-color);justify-content:center;align-items:center;min-height:30px;padding:4px 10px;display:flex}.context7-widget .c7-branding{color:var(--c7-muted-color);white-space:nowrap;align-items:center;gap:4px;font-size:10px;line-height:1;display:flex}.context7-widget .c7-brand-link{color:var(--c7-panel-color);opacity:.78;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:2px;text-decoration:none;transition:background .12s,opacity .12s,transform .12s;display:inline-flex}.context7-widget .c7-brand-link:hover{background:color-mix(in srgb,var(--c7-muted-color) 12%,transparent);opacity:1;transform:translateY(-1px)}.context7-widget .c7-brand-link:focus-visible{outline:2px solid var(--c7-accent);outline-offset:1px}.context7-widget .c7-brand-logo{-o-object-fit:contain;object-fit:contain;width:14px;height:14px;display:block}.context7-widget .c7-brand-logo--desource{border-radius:3px}.context7-widget .c7-brand-separator{opacity:.55}@keyframes c7-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes c7-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.context7-widget .c7-backdrop,.context7-widget .c7-close,.context7-widget .c7-launcher,.context7-widget .c7-panel,.context7-widget .c7-send,.context7-widget .c7-spinner,.context7-widget .c7-typing span{transition:none;animation:none}}@media (width<=640px){.context7-widget .c7-panel{border-radius:var(--c7-panel-radius) var(--c7-panel-radius) 0 0;transform-origin:bottom;border-bottom:0;border-left:0;border-right:0;width:100vw;height:min(82dvh,720px);max-height:calc(100dvh - 12px);inset:auto 0 0;transform:translateY(100%)}.context7-widget[open] .c7-panel{transform:translateY(0)}.context7-widget[position=anchor] .c7-panel,.context7-widget[position=center] .c7-panel{border:1px solid var(--c7-border-color);border-radius:var(--c7-panel-radius);height:min(var(--c7-panel-height),100vh - 28px);height:min(var(--c7-panel-height),100dvh - 28px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);width:min(var(--c7-panel-width),100vw - 24px);bottom:auto;right:auto}.context7-widget[position=center] .c7-panel{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-46%)scale(.96)}.context7-widget[open][position=center] .c7-panel{transform:translate(-50%,-50%)scale(1)}.context7-widget[position=anchor] .c7-panel{left:var(--c7-anchor-left,12px);max-height:var(--c7-anchor-max-height,calc(100dvh - 28px));max-width:var(--c7-anchor-max-width,calc(100vw - 24px));top:var(--c7-anchor-top,12px);transform:translateY(var(--c7-anchor-translate-y,8px)) scale(.98);transform-origin:var(--c7-anchor-origin,top right)}.context7-widget[open][position=anchor] .c7-panel{transform:translateY(0)scale(1)}.context7-widget .c7-launcher{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}.context7-widget .c7-composer{gap:6px;padding:10px}.context7-widget .c7-input{padding-inline:10px;font-size:16px}.context7-widget[position=bottom-left] .c7-launcher,.context7-widget[position=top-left] .c7-launcher{left:max(16px,env(safe-area-inset-left));right:auto}.context7-widget[position=top-left] .c7-launcher,.context7-widget[position=top-right] .c7-launcher{bottom:auto;top:max(16px,env(safe-area-inset-top))}}.context7-widget-trigger{--c7-vue-trigger-background:var(--c7-accent,#111827);--c7-vue-trigger-border:color-mix(in srgb, var(--c7-vue-trigger-background) 32%, transparent);--c7-vue-trigger-color:var(--c7-accent-contrast,#fff);--c7-vue-trigger-focus:color-mix(in srgb, var(--c7-vue-trigger-background) 42%, transparent);--c7-vue-trigger-radius:var(--c7-launcher-radius,999px);--c7-vue-trigger-shadow:0 12px 30px color-mix(in srgb, var(--c7-vue-trigger-background) 20%, transparent);appearance:none;background:var(--c7-vue-trigger-background);border:1px solid var(--c7-vue-trigger-border);border-radius:var(--c7-vue-trigger-radius);box-shadow:var(--c7-vue-trigger-shadow);color:var(--c7-vue-trigger-color);cursor:pointer;font:700 .875rem/1.1 var(--c7-font-family,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;transition:border-color .16s,box-shadow .16s,filter .16s,transform .16s;display:inline-flex}.context7-widget-trigger:hover{filter:brightness(1.04);transform:translateY(-1px)}.context7-widget-trigger:focus-visible{outline:2px solid var(--c7-vue-trigger-focus);outline-offset:3px}.context7-widget-trigger[aria-expanded=true]{transform:translateY(-1px)}.context7-widget-trigger[data-theme=light]{--c7-vue-trigger-background:var(--c7-accent,#10b981);--c7-vue-trigger-color:var(--c7-accent-contrast,#04120b)}.context7-widget-trigger[data-theme=dark]{--c7-vue-trigger-background:var(--c7-accent,#7cffb2);--c7-vue-trigger-color:var(--c7-accent-contrast,#07120c)}.context7-widget-trigger[data-preset=minimal]{--c7-vue-trigger-radius:8px;--c7-vue-trigger-shadow:0 8px 18px #0f172a24}.context7-widget-trigger[data-preset=terminal]{--c7-vue-trigger-background:#07120c;--c7-vue-trigger-color:#39ff88;--c7-vue-trigger-radius:7px;--c7-vue-trigger-shadow:0 0 0 1px #39ff882e, 0 14px 32px #00000052;text-transform:uppercase;font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace}.context7-widget-trigger[data-preset=brutalist]{--c7-vue-trigger-background:#facc15;--c7-vue-trigger-color:#050505;--c7-vue-trigger-radius:0;--c7-vue-trigger-shadow:5px 5px 0 #050505}.context7-widget-trigger[data-preset=glass]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context7-widget-trigger[data-preset=neo]{--c7-vue-trigger-radius:12px;--c7-vue-trigger-shadow:6px 6px 0 #111827}:root{--bg:#101513;--bg-soft:#171c19;--ink:#f7f2e8;--muted:#f7f2e8ad;--line:#f7f2e829;--green:#7cffb2;--orange:#ffb45e;--blue:#7ab8ff;--rose:#ff6f91;--panel:#121815c7;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;margin:0}body::selection{background:#7cffb247}a{color:inherit}button,input,select{font:inherit}main{background:linear-gradient(180deg,#0a0f0c 0,var(--bg) 44rem,var(--bg) 100%);min-height:100dvh;overflow:hidden}pre{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin:0}h1{max-width:12.2ch;font-size:clamp(3.15rem,6.4vw,6rem);line-height:.9}h1,h2{letter-spacing:0;text-wrap-style:balance}h2{font-size:clamp(2.1rem,5vw,5.5rem);line-height:.95}h3{letter-spacing:0;text-wrap-style:balance;font-size:1.08rem}.section-heading p:not(.eyebrow){color:var(--muted);max-width:720px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.site-nav-wrap{pointer-events:none;z-index:20;padding:1rem clamp(1rem,3vw,2rem) 0;position:fixed;top:0;left:0;right:0}.site-nav{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);color:var(--muted);pointer-events:auto;background:#070b09bd;border:1px solid #f7f2e821;border-radius:1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(1180px,100%);min-height:4rem;margin:0 auto;padding:.6rem .7rem .6rem 1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.site-nav:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 34%,#7cffb214 48%,#7ab8ff0f 52%,#0000 66%);animation:12s ease-in-out infinite nav-sheen;position:absolute;inset:0;transform:translate(-75%)}.site-nav>*{z-index:1;position:relative}.brand,.site-nav__brand,.site-nav__github,.site-nav__links{align-items:center;display:flex}.brand{letter-spacing:0;gap:.65rem;font-weight:800;text-decoration:none}.brand span:first-child{background:var(--green);color:#0f1512;border-radius:7px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.site-nav__brand{color:var(--ink);width:fit-content;font-size:.95rem}.site-nav__links{justify-content:center;justify-self:center;gap:1.45rem}.site-nav__links a{color:var(--muted);align-items:center;min-height:2.35rem;font-size:clamp(.95rem,.85vw,1.05rem);font-weight:780;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.site-nav__links a:after{background:var(--green);content:"";transform-origin:100%;width:100%;height:2px;transition:transform .24s;position:absolute;bottom:.28rem;left:0;transform:scaleX(0)}.site-nav__links a:focus-visible,.site-nav__links a:hover{color:var(--ink);outline:none}.site-nav__links a:focus-visible:after,.site-nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.site-nav__github{color:var(--ink);background:#f7f2e811;border:1px solid #f7f2e824;border-radius:.72rem;justify-self:end;gap:.5rem;width:fit-content;min-height:2.65rem;padding:.55rem .8rem;font-size:.8rem;font-weight:760;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s}.site-nav__github:focus-visible,.site-nav__github:hover{background:#f7f2e81c;border-color:#f7f2e84d;outline:none}.site-nav__github svg{fill:currentColor;width:1.1rem;height:1.1rem}@keyframes nav-sheen{0%,72%{transform:translate(-75%)}88%,to{transform:translate(75%)}}@media (width<=820px){.site-nav{grid-template-columns:1fr auto}.site-nav__links{display:none}}@media (width<=480px){.site-nav-wrap{padding:.65rem .65rem 0}.site-nav{border-radius:.85rem;min-height:3.55rem;padding-left:.75rem}.site-nav__github span{display:none}}@media (prefers-reduced-transparency:reduce){.site-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#070b09}}@media (prefers-reduced-motion:reduce){.site-nav:before{animation:none}}.button,.icon-button,.lab-trigger{cursor:pointer;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lab-trigger{width:100%}.button{border-radius:8px;gap:.55rem;min-height:2.9rem;padding:0 1rem;font-weight:750;transition:box-shadow .2s,transform .2s}.button--primary{background:var(--green);color:#101513;box-shadow:0 12px 34px #7cffb22e}.button--ghost{border:1px solid var(--line);color:var(--ink);background:#f7f2e814}.button:hover{transform:translateY(-2px)}.hero-widget-dialog{--dialog-accent:var(--green);--dialog-accent-contrast:#07120c;--dialog-accent-soft:#7cffb224;--dialog-border:#f7f2e82e;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:radial-gradient(circle at 74% 22%,var(--dialog-accent-soft),transparent 17rem),linear-gradient(180deg,#f7f2e80e,#f7f2e805),#06090894;border:1px solid var(--dialog-border);box-shadow:0 34px 110px #00000070,0 0 0 1px #ffffff06 inset,0 0 44px color-mix(in srgb,var(--dialog-accent) 16%,transparent);color:var(--ink);pointer-events:none;border-radius:10px;grid-template-rows:auto minmax(190px,1fr) auto auto;width:100%;min-height:min(430px,48dvh);display:grid;position:relative;overflow:hidden}.hero-widget-dialog--blue{--dialog-accent:#7ab8ff;--dialog-accent-contrast:#07111d;--dialog-accent-soft:#7ab8ff26;--dialog-border:#7ab8ff38}.hero-widget-dialog--amber{--dialog-accent:#ffb45e;--dialog-accent-contrast:#211205;--dialog-accent-soft:#ffb45e26;--dialog-border:#ffb45e38}.hero-widget-dialog__header{border-bottom:1px solid var(--dialog-border);background:#070b098f;justify-content:space-between;align-items:center;gap:.8rem;min-height:3.45rem;padding:.68rem .78rem;display:flex}.hero-widget-dialog__header strong{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;line-height:1.1;overflow:hidden}.hero-widget-dialog__header button{background:0 0;border:0;width:1.2rem;height:1.2rem;padding:0;position:relative}.hero-widget-dialog__header button span{background:color-mix(in srgb,var(--ink) 84%,transparent);border-radius:999px;width:1rem;height:2px;position:absolute;top:calc(50% - 1px);left:.25rem}.hero-widget-dialog__header button span:first-child{transform:rotate(45deg)}.hero-widget-dialog__header button span:last-child{transform:rotate(-45deg)}.hero-widget-dialog__body{background-color:#0508073d;background-image:linear-gradient(#f7f2e809 1px,#0000 0),linear-gradient(90deg,#f7f2e809 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:start;gap:.58rem;padding:.85rem;display:grid}.hero-widget-dialog__message{border-radius:8px;max-width:min(88%,310px);padding:.68rem .75rem;font-size:.82rem;line-height:1.38}.hero-widget-dialog__message--assistant{color:var(--ink);background:#f7f2e821;border:1px solid #f7f2e814}.hero-widget-dialog__message--user{background:var(--dialog-accent);color:var(--dialog-accent-contrast);justify-self:end;font-weight:800}.hero-widget-dialog__composer{border-top:1px solid var(--dialog-border);background:#070b0985;align-items:center;gap:.55rem;padding:.68rem .75rem;display:flex}.hero-widget-dialog__composer span{color:var(--muted);border:1px solid #f7f2e829;border-radius:8px;flex:1;min-height:2.25rem;padding:.58rem .65rem;font-size:.8rem}.hero-widget-dialog__composer strong{background:var(--dialog-accent);color:var(--dialog-accent-contrast);border-radius:8px;min-height:2.25rem;padding:.58rem .78rem;font-size:.82rem}.hero-widget-dialog__powered{color:var(--muted);background:#070b0994;border-top:1px solid #f7f2e81a;justify-content:center;align-items:center;gap:.28rem;min-height:1.9rem;padding:.3rem;font-size:.68rem;display:flex}.hero-widget-dialog__powered img,.hero-widget-dialog__powered svg{width:.9rem;height:.9rem;display:block}.hero-widget-dialog__powered img{border-radius:.18rem}.hero-widget-dialog__brand{display:inline-flex}.hero-marquee{pointer-events:auto}.hero-marquee__viewport{border:1px solid #f7f2e838;border-inline:0;border-radius:0;padding-block:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 54px #00000038}.hero-marquee__track{will-change:transform;gap:0;width:max-content;animation:28s linear infinite hero-marquee-right;display:flex}.hero-marquee__group{gap:1px;display:flex}.hero-marquee:focus-within .hero-marquee__track,.hero-marquee:hover .hero-marquee__track{animation-play-state:paused}.hero-marquee__item{z-index:auto;min-width:clamp(13.2rem,15.5vw,19.5rem);color:color-mix(in srgb,var(--green) 50%,var(--muted));letter-spacing:.08em;text-shadow:none;text-transform:uppercase;background-image:linear-gradient(135deg,#ffffff1a,#0000 44%),linear-gradient(#070b09b8,#070b09e0);justify-content:center;align-items:center;gap:clamp(.75rem,1vw,1rem);padding:.78rem clamp(1.25rem,1.7vw,1.85rem) .78rem clamp(1.3rem,1.5vw,1.75rem);font-size:clamp(.9rem,1.02vw,1.22rem);font-weight:900;text-decoration:none;transition:color .16s,text-shadow .16s;display:inline-flex;position:relative}.hero-marquee__item:after{content:"";pointer-events:auto;z-index:1;clip-path:polygon(-.2px 0,100% 50%,-.2px 100%);background-color:#070b09e0;width:1rem;position:absolute;inset:0 0 0 100%}.hero-marquee__item+.hero-marquee__item{padding-left:2rem}.hero-marquee__item img{-o-object-fit:contain;object-fit:contain;filter:grayscale(.32)saturate(.72)brightness(.92)drop-shadow(0 0 12px #7cffb224);width:clamp(2rem,2.15vw,2.65rem);height:clamp(2rem,2.15vw,2.65rem);transition:filter .16s;display:block}.hero-marquee__item:focus-visible,.hero-marquee__item:hover{color:color-mix(in srgb,var(--green) 88%,var(--ink));text-shadow:0 0 18px #7cffb229;outline:none}.hero-marquee__item:focus-visible img,.hero-marquee__item:hover img{filter:grayscale(.16)saturate(.82)brightness(.99)drop-shadow(0 0 14px #7cffb22e)}@keyframes hero-marquee-right{0%{transform:translate(calc(-50% - .275rem))}to{transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.hero-marquee__track{animation:none;transform:translateZ(0)}}.site-hero{--hero-accent:var(--green);--hero-shade-primary:#7cffb224;--hero-shade-secondary:#39cbff14;height:100svh;padding:0 clamp(1rem,3vw,2rem);position:relative;overflow:hidden}.site-hero:after{background:linear-gradient(180deg,transparent,var(--bg));content:"";pointer-events:none;z-index:2;height:9rem;position:absolute;bottom:-1px;left:0;right:0}.site-hero--blue{--hero-accent:#7ab8ff;--hero-shade-primary:#7ab8ff2e;--hero-shade-secondary:#7cffb214}.site-hero--amber{--hero-accent:#ffb45e;--hero-shade-primary:#ffb45e2e;--hero-shade-secondary:#7ab8ff14}.site-hero__shade{position:absolute;inset:0}.site-hero>.site-hero__background.grid-scan{background:#070b09;width:100%;height:100%;position:absolute;inset:0}.site-hero>.site-hero__background.grid-scan canvas{min-height:100dvh;width:100%!important;height:100%!important}.site-hero__shade{background:radial-gradient(circle at 78% 22%,#ffb15924,transparent 26rem),radial-gradient(circle at 68% 49%,var(--hero-shade-primary),transparent 26rem),radial-gradient(circle at 56% 52%,var(--hero-shade-secondary),transparent 34rem),radial-gradient(ellipse at 18% 46%,#0508079e,transparent 34rem),linear-gradient(90deg,#0508079e,#0508072e 42%,transparent 72%),linear-gradient(180deg,#05080714,#05080747 82%,#101513 100%);pointer-events:none;z-index:1}.site-hero__layout{grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);align-items:center;gap:clamp(2.5rem,7vw,6.5rem);width:min(1180px,100%);height:100%;min-height:0;margin-inline:auto;padding:clamp(5rem,8dvh,6.5rem) 0}.site-hero__content,.site-hero__layout{pointer-events:none;z-index:3;display:grid;position:relative}.site-hero__content{gap:1.08rem;min-width:0;max-width:820px}.site-hero__content>p:not(.eyebrow){color:var(--muted);max-width:720px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.site-hero__actions{pointer-events:all;flex-wrap:wrap;gap:.75rem;display:flex}.site-hero__product{perspective:1100px;z-index:3;justify-self:end;justify-items:center;min-width:0;display:grid;position:relative}.site-hero__dialog{width:min(400px,100%);animation:9s ease-in-out infinite float-b}.site-hero__dialog--home{transform:rotateX(8deg)rotateY(-8deg)rotate(1.5deg)}.site-hero__dialog--customization,.site-hero__dialog--examples{transform:rotate(-2deg)}.site-hero__marquee{z-index:4;width:100vw;max-height:clamp(3.6rem,5.6dvh,4.7rem);position:absolute;bottom:clamp(1.05rem,2dvh,1.55rem);left:50%;transform:translate(-50%)}.install-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.code-block{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px;min-width:0;position:relative;overflow:hidden}.code-block__bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;min-height:2.75rem;padding:0 .7rem 0 1rem;font-size:.82rem;display:flex}.icon-button{color:var(--ink);background:0 0;border-radius:7px;width:2rem;height:2rem}.icon-button:hover{background:#f7f2e814}.icon-button--fixed{position:absolute;top:.5rem;right:.5rem}.code-block pre{color:#e8f7ee;padding:1rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.control-group,label{gap:.5rem;display:grid}.control-group>span,label>span{color:var(--muted);font-size:.82rem}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#101513b8;border-radius:8px;outline:none;min-width:0;min-height:2.65rem;padding:0 .8rem}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #7cffb229}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}textarea{resize:vertical;min-height:5.8rem;padding:.75rem .8rem;line-height:1.5}.field-note{color:var(--muted);font-size:.76rem;line-height:1.45}.segmented{border:1px solid var(--line);background:#101513b8;border-radius:8px;grid-template-columns:repeat(3,1fr);padding:.25rem;display:grid}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:2.15rem}.segmented button[aria-pressed=true]{background:var(--green);color:#101513;font-weight:800}.swatches{flex-wrap:wrap;gap:.55rem;display:flex}.swatches button{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;width:2rem;height:2rem}.swatches button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #ffffff1f}.swatches .swatch-preset{border:1px solid var(--line);color:var(--ink);text-transform:uppercase;background:linear-gradient(135deg,#7cffb22e,#7ab8ff2e),#f7f2e812;border-radius:999px;align-items:center;width:auto;height:2rem;padding:0 .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.toggle{align-items:center;gap:.65rem;display:flex}.toggle input{accent-color:var(--green);min-height:auto}.lab{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}.lab,.lab-controls{gap:1rem;display:grid}.lab-controls{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px;align-content:start;padding:1rem}.lab-trigger{background:var(--orange);color:#101513;border-radius:8px;gap:.55rem;min-height:2.75rem;font-weight:800}.lab-trigger:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.46}.lab-output{grid-template-columns:1fr;gap:1rem;display:grid}.event-strip{border:1px solid var(--line);color:var(--muted);background:#f7f2e80e;border-radius:8px;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding:.8rem 1rem;display:flex}.event-strip span{border-right:1px solid var(--line);padding-right:.65rem}.event-strip span:last-child{border-right:0}.audience-section,.lab-section,.paths-section,.use-cases-section{padding:clamp(4rem,10vw,8rem) clamp(1rem,4vw,4rem);position:relative}.audience-section:before,.customization-section:before,.examples-section:before,.paths-section:before,.use-cases-section:before{content:"";-webkit-mask-image:radial-gradient(circle at var(--section-glow-x,62%) var(--section-glow-y,40%),#000,transparent 64%);-webkit-mask-image:radial-gradient(circle at var(--section-glow-x,62%) var(--section-glow-y,40%),#000,transparent 64%);mask-image:radial-gradient(circle at var(--section-glow-x,62%) var(--section-glow-y,40%),#000,transparent 64%);opacity:.58;pointer-events:none;background-color:#0000;background-image:linear-gradient(#f7f2e80b 1px,#0000 0),linear-gradient(90deg,#f7f2e80b 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.section-heading{z-index:1;gap:1rem;max-width:980px;margin-bottom:2rem;display:grid;position:relative}.audience-section{--section-glow-x:28%;--section-glow-y:44%;padding-bottom:clamp(3rem,7vw,5rem)}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.audience-card{border:1px solid var(--line);background:linear-gradient(135deg,#7cffb21f,#7ab8ff0e 44%,#0000),#f7f2e80e;border-radius:8px;gap:.85rem;min-height:240px;padding:1.15rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.audience-card>span{color:var(--orange);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:850}.audience-card h3{font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.08}.audience-card p{color:var(--muted);line-height:1.6}.audience-card:after,.constructor-controls:after,.customization-playbook article:after,.example-card__visual:after,.parts-grid article:after,.path-card:after,.preset-card:after,.token-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 10%,#f7f2e824,#0000 38%);transition:opacity .25s,transform .36s;position:absolute;inset:-45% -60%;transform:translate(-26%)rotate(9deg)}.audience-card:hover,.customization-playbook article:hover,.example-card__visual:hover,.parts-grid article:hover,.path-card:hover,.preset-card:hover,.token-card:hover{border-color:#7cffb247;transform:translateY(-4px);box-shadow:0 24px 80px #0000003d}.audience-card:hover:after,.constructor-controls:hover:after,.customization-playbook article:hover:after,.example-card__visual:hover:after,.parts-grid article:hover:after,.path-card:hover:after,.preset-card:hover:after,.token-card:hover:after{opacity:1;transform:translate(16%)rotate(9deg)}.paths-section{--section-glow-x:70%;--section-glow-y:34%;background:linear-gradient(120deg,#7cffb20d,#0000 40%),linear-gradient(#f7f2e808,#0000)}.showcase-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,5rem);padding:clamp(4rem,10vw,8rem) clamp(1rem,4vw,4rem);display:grid;position:relative}.showcase-section:before{content:"";opacity:.8;pointer-events:none;background-color:#0000;background-image:linear-gradient(#f7f2e80f 1px,#0000 0),linear-gradient(90deg,#f7f2e80f 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 72% 44%,#000,#0000 62%);mask-image:radial-gradient(circle at 72% 44%,#000,#0000 62%)}.showcase-copy{z-index:2;align-self:center;gap:1rem;display:grid;position:relative}.showcase-copy p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.65}.showcase-stage{perspective:1200px;z-index:2;min-height:590px;position:relative}.showcase-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);background:#f7f2e812;border-radius:8px;position:absolute;box-shadow:0 30px 90px #00000052}.showcase-card--widget{width:min(78vw,380px);max-width:380px;padding:.7rem;animation:9s ease-in-out infinite float-a;top:0;right:18%;transform:rotateX(8deg)rotateY(-16deg)rotate(2deg)}.mini-widget{color:#111827;background:#f8fafc;border-radius:8px;overflow:hidden}.mini-widget__header{background:#eef2f7;border-bottom:1px solid #d9e1ec;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.9rem;font-weight:800;display:flex}.mini-widget__body{gap:.7rem;min-height:260px;padding:1rem;display:grid}.bubble{border-radius:8px;max-width:86%;padding:.75rem .85rem;font-size:.9rem;line-height:1.45}.bubble--assistant{background:#e5e7eb}.bubble--user{background:var(--green);justify-self:end}.mini-widget__input{color:#64748b;border-top:1px solid #d9e1ec;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.mini-widget__input svg{color:#fff;background:#111827;border-radius:6px;padding:.2rem}.showcase-card--code{width:min(78vw,430px);max-width:430px;animation:8s ease-in-out infinite float-c;top:11rem;left:2%;transform:rotateX(14deg)rotateY(14deg)rotate(-7deg)}.showcase-card--code pre{color:#ecfdf5;padding:1rem;font-size:.82rem;line-height:1.7}.window-title{border-bottom:1px solid var(--line);color:var(--orange);padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;display:block}.showcase-card--events{flex-wrap:wrap;gap:.55rem;width:min(70vw,380px);padding:1rem;animation:7.5s ease-in-out infinite float-b;display:flex;bottom:1rem;right:8%;transform:rotateX(14deg)rotateY(-12deg)rotate(6deg)}.showcase-card--events span{color:#cfe5ff;background:#7ab8ff1f;border:1px solid #7ab8ff42;border-radius:999px;padding:.45rem .62rem;font-size:.78rem;animation:2.6s ease-in-out infinite pulse-chip}.showcase-card--events span:nth-child(2n){animation-delay:.2s}.showcase-card--events span:nth-child(3n){animation-delay:.45s}.path-grid{grid-template-columns:1.2fr .9fr .9fr;gap:1rem;display:grid}.path-card,.use-case{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px}.path-card{isolation:isolate;min-height:230px;transform-style:preserve-3d;gap:1rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.path-card:before{border-radius:inherit;content:"";opacity:.68;z-index:-1;background:radial-gradient(circle at 18% 12%,#7cffb23d,#0000 18rem),linear-gradient(135deg,#7cffb21a,#0000 55%);position:absolute;inset:0}.path-card svg{color:var(--orange)}.path-card p{color:var(--muted);line-height:1.6}.path-card a{color:var(--green);align-self:end;width:max-content;font-weight:850;text-decoration:none}.path-card--large{min-height:310px}.path-card--large h3{font-size:clamp(1.8rem,4vw,3.8rem);line-height:.95}.path-card__index{color:#f7f2e847;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.use-cases-section{--section-glow-x:76%;--section-glow-y:18%}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.use-case{grid-template-columns:1fr;align-content:space-between;gap:2rem;min-height:290px;padding:1.1rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.use-case:before{content:"";opacity:.76;background:radial-gradient(circle at 20% 18%,#ff6f912e,#0000 12rem),linear-gradient(135deg,#f7f2e80f,#0000 52%);position:absolute;inset:0}.use-case>*{z-index:1;position:relative}.use-case:hover{border-color:#ff6f9147;transform:translateY(-4px);box-shadow:0 24px 80px #0000003d}.use-case>span{color:var(--rose);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.use-case h3{font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.04}.use-case p{color:var(--muted);margin-top:.35rem;line-height:1.6}.use-case:after{background:var(--green);content:"";opacity:.7;border-radius:999px;width:2.4rem;height:.45rem;position:absolute;bottom:1rem;right:1rem}.use-case:nth-child(2):after{background:var(--orange)}.use-case:nth-child(3):after{background:var(--blue)}.use-case:nth-child(4):after{background:var(--rose)}.customization-page,.examples-page{background:linear-gradient(180deg,#10151300 0,var(--bg) 620px),radial-gradient(circle at 12% 18%,#ff6f911f,transparent 28rem),radial-gradient(circle at 82% 16%,#7cffb224,transparent 30rem),var(--bg);min-height:100dvh;overflow:hidden}.examples-section{--section-glow-x:68%;--section-glow-y:34%;padding:clamp(4rem,9vw,7rem) clamp(1rem,4vw,4rem);position:relative}.examples-section--constructor{padding-top:clamp(2rem,6vw,5rem)}.constructor-shell{grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr);align-items:stretch;gap:1rem;display:grid}.constructor-controls,.constructor-preview{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px}.constructor-code,.constructor-controls,.constructor-preview{min-width:0;position:relative;overflow:hidden}.constructor-controls{grid-template-rows:auto minmax(0,1fr);display:grid}.constructor-controls,.constructor-preview{height:clamp(560px,100dvh - 7rem,720px)}.constructor-controls__header{border-bottom:1px solid var(--line);gap:.85rem;padding:.9rem 1rem 0;display:grid}.constructor-controls__header>div:first-child{justify-content:space-between;align-items:baseline;gap:.55rem;display:flex}.constructor-controls__header span{color:var(--muted);text-transform:uppercase;font-size:.75rem}.constructor-code__tabs,.constructor-control-tabs{gap:.35rem;display:flex;overflow-x:auto}.constructor-code__tabs button,.constructor-control-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:2.55rem;padding:0 .65rem}.constructor-code__tabs button[aria-selected=true],.constructor-control-tabs button[aria-selected=true]{border-color:var(--green);color:var(--ink);font-weight:800}.constructor-controls__panel{scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:1rem;padding:1rem;display:grid;overflow-y:auto}.constructor-group{align-content:start;align-self:start;gap:.65rem;min-width:0;display:grid}.constructor-group>span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:750}.constructor-group--full{grid-column:1/-1}.constructor-field{color:var(--muted);gap:.5rem;min-width:0;font-size:.82rem;display:grid}.constructor-field--wide{grid-column:1/-1}.constructor-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.constructor-fields-grid--identity .constructor-field:first-child{grid-column:1/-1}.constructor-controls textarea{min-height:4.6rem}.constructor-segmented{border:1px solid var(--line);background:#101513b8;border-radius:8px;grid-template-columns:repeat(3,1fr);padding:.25rem;display:grid}.constructor-segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:2.2rem}.constructor-segmented button[aria-pressed=true]{background:var(--green);color:#101513;font-weight:850}.constructor-trigger-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.constructor-trigger-modes button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#101513b8;border-radius:8px;gap:.3rem;min-height:4.4rem;padding:.75rem;display:grid}.constructor-trigger-modes button[aria-pressed=true]{background:linear-gradient(135deg,#7cffb23d,#7ab8ff1f),#101513eb;border-color:#7cffb275;box-shadow:0 0 0 3px #7cffb21a}.constructor-trigger-modes small{color:var(--muted);line-height:1.35}.constructor-swatches{flex-wrap:wrap;gap:.6rem;display:flex}.constructor-swatches button{background:var(--swatch);color:var(--ink);cursor:pointer;border:2px solid #0000;border-radius:999px;width:2.15rem;height:2.15rem}.constructor-swatches button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #f7f2e81f}.constructor-swatches .constructor-swatch--preset{border:1px solid var(--line);letter-spacing:0;text-transform:uppercase;background:linear-gradient(135deg,#7cffb233,#ff6f912e),#f7f2e812;justify-content:center;align-items:center;width:auto;min-width:4.6rem;padding:0 .7rem;font-size:.68rem;font-weight:850;display:inline-flex}.constructor-size-grid{gap:.65rem}.constructor-size-grid,.constructor-toggles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.constructor-toggles{gap:.55rem}.constructor-toggle{border:1px solid var(--line);color:var(--muted);background:#1015137a;border-radius:8px;align-items:center;gap:.6rem;min-height:2.55rem;padding:0 .75rem;display:flex}.constructor-toggle input{accent-color:var(--green);min-height:auto}.constructor-preview{background:radial-gradient(circle at 20% 20%,#7cffb21a,#0000 19rem),radial-gradient(circle at 78% 72%,#7ab8ff1f,#0000 20rem),#070c0a80}.constructor-device,.constructor-preview{grid-template-rows:auto minmax(0,1fr);display:grid;position:relative}.constructor-device{--constructor-accent:#059669;--constructor-accent-contrast:#fff;--constructor-bar:#fafaf9;--constructor-border:#e7e5e4;--constructor-card:#f5f5f4;--constructor-color:#1c1917;--constructor-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--constructor-grid-line:color-mix(in srgb, var(--constructor-color) 8%, transparent);--constructor-muted:#78716c;--constructor-shadow:0 24px 80px #0f172a38;--constructor-surface:#fff;background:linear-gradient(var(--constructor-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--constructor-grid-line) 1px,transparent 1px),var(--constructor-surface);border-bottom:1px solid var(--constructor-border);box-shadow:var(--constructor-shadow);color:var(--constructor-color);font-family:var(--constructor-font);background-size:30px 30px;height:500px;overflow:hidden}.constructor-device[data-theme=dark]{--constructor-bar:#0e0e10;--constructor-border:#ffffff24;--constructor-card:#171717;--constructor-color:#f8fafc;--constructor-muted:#a1a1aa;--constructor-shadow:0 24px 80px #00000057;--constructor-surface:#050505}.constructor-device[data-preset=minimal]{--constructor-accent:#2563eb;--constructor-border:#d4d4d4;--constructor-card:#f4f4f5;--constructor-shadow:0 18px 48px #0f172a29}.constructor-device[data-preset=glass]{--constructor-accent:#0d9488;--constructor-bar:#ffffffc2;--constructor-border:#fff3;--constructor-card:#ffffffd1;--constructor-shadow:0 28px 90px #0f172a42;--constructor-surface:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.constructor-device[data-preset=neo]{--constructor-accent:#facc15;--constructor-accent-contrast:#101513;--constructor-bar:#fff7c2;--constructor-border:#111827;--constructor-card:#fef3c7;--constructor-color:#1c1917;--constructor-muted:#78716c;--constructor-shadow:10px 10px 0 #111827;--constructor-surface:#fffef2}.constructor-device[data-preset=terminal]{--constructor-accent:#39ff88;--constructor-accent-contrast:#06110b;--constructor-bar:#07120c;--constructor-border:#39ff8857;--constructor-card:#0b1710;--constructor-color:#d6ffe6;--constructor-font:"SF Mono", Monaco, Consolas, "Liberation Mono", monospace;--constructor-muted:#8bdca8;--constructor-shadow:0 24px 70px #00000075;--constructor-surface:#030806}.constructor-device[data-preset=brutalist]{--constructor-accent:#050505;--constructor-accent-contrast:#f5f5f5;--constructor-bar:#f5f5f5;--constructor-border:#050505;--constructor-card:#f5f5f5;--constructor-color:#050505;--constructor-muted:#525252;--constructor-shadow:8px 8px 0 #050505;--constructor-surface:#fff}.constructor-device[data-theme=light][data-preset=terminal]{--constructor-accent:#047857;--constructor-accent-contrast:#fff;--constructor-bar:#ecfdf5;--constructor-border:#04785757;--constructor-card:#dff8e8;--constructor-color:#102018;--constructor-muted:#3b7f58;--constructor-shadow:0 24px 70px #0478572e;--constructor-surface:#f8fff9}.constructor-device[data-theme=dark][data-preset=minimal]{--constructor-accent:#60a5fa;--constructor-accent-contrast:#05070b;--constructor-bar:#0f1115;--constructor-border:#ffffff29;--constructor-card:#181b20;--constructor-color:#f8fafc;--constructor-muted:#a1a1aa;--constructor-shadow:0 18px 48px #00000057;--constructor-surface:#08090c}.constructor-device[data-theme=dark][data-preset=glass]{--constructor-accent:#5eead4;--constructor-accent-contrast:#042f2e;--constructor-bar:#0b0e12c7;--constructor-border:#ffffff2e;--constructor-card:#ffffff1a;--constructor-color:#f8fafc;--constructor-muted:#cbd5e1;--constructor-surface:#0a0d11d6}.constructor-device[data-theme=dark][data-preset=neo]{--constructor-accent:#facc15;--constructor-accent-contrast:#101513;--constructor-bar:#151207;--constructor-border:#facc15;--constructor-card:#2b220d;--constructor-color:#fef9c3;--constructor-muted:#fde68a;--constructor-shadow:10px 10px 0 #facc15;--constructor-surface:#090806}.constructor-device[data-theme=dark][data-preset=brutalist]{--constructor-accent:#f5f5f5;--constructor-accent-contrast:#050505;--constructor-bar:#050505;--constructor-border:#f5f5f5;--constructor-card:#181818;--constructor-color:#f5f5f5;--constructor-muted:#d4d4d4;--constructor-shadow:8px 8px 0 #f5f5f5;--constructor-surface:#050505}@media (prefers-color-scheme:dark){.constructor-device[data-theme=auto]{--constructor-bar:#0e0e10;--constructor-border:#ffffff24;--constructor-card:#171717;--constructor-color:#f8fafc;--constructor-muted:#a1a1aa;--constructor-shadow:0 24px 80px #00000057;--constructor-surface:#050505}.constructor-device[data-theme=auto][data-preset=minimal]{--constructor-accent:#60a5fa;--constructor-accent-contrast:#05070b;--constructor-bar:#0f1115;--constructor-border:#ffffff29;--constructor-card:#181b20;--constructor-shadow:0 18px 48px #00000057;--constructor-surface:#08090c}.constructor-device[data-theme=auto][data-preset=glass]{--constructor-accent:#5eead4;--constructor-accent-contrast:#042f2e;--constructor-bar:#0b0e12c7;--constructor-border:#ffffff2e;--constructor-card:#ffffff1a;--constructor-muted:#cbd5e1;--constructor-surface:#0a0d11d6}.constructor-device[data-theme=auto][data-preset=terminal]{--constructor-accent:#39ff88;--constructor-accent-contrast:#06110b;--constructor-bar:#07120c;--constructor-border:#39ff8857;--constructor-card:#0b1710;--constructor-color:#d6ffe6;--constructor-muted:#8bdca8;--constructor-shadow:0 24px 70px #00000075;--constructor-surface:#030806}.constructor-device[data-theme=auto][data-preset=neo]{--constructor-accent:#facc15;--constructor-accent-contrast:#101513;--constructor-bar:#151207;--constructor-border:#facc15;--constructor-card:#2b220d;--constructor-color:#fef9c3;--constructor-muted:#fde68a;--constructor-shadow:10px 10px 0 #facc15;--constructor-surface:#090806}.constructor-device[data-theme=auto][data-preset=brutalist]{--constructor-accent:#f5f5f5;--constructor-accent-contrast:#050505;--constructor-bar:#050505;--constructor-border:#f5f5f5;--constructor-card:#181818;--constructor-color:#f5f5f5;--constructor-muted:#d4d4d4;--constructor-shadow:8px 8px 0 #f5f5f5;--constructor-surface:#050505}}@media (prefers-color-scheme:light){.constructor-device[data-theme=auto][data-preset=terminal]{--constructor-accent:#047857;--constructor-accent-contrast:#fff;--constructor-bar:#ecfdf5;--constructor-border:#04785757;--constructor-card:#dff8e8;--constructor-color:#102018;--constructor-muted:#3b7f58;--constructor-shadow:0 24px 70px #0478572e;--constructor-surface:#f8fff9}}.constructor-device__bar{background:var(--constructor-bar);border-bottom:1px solid var(--constructor-border);align-items:center;gap:.4rem;min-height:2.65rem;padding:0 .85rem;display:flex}.constructor-device__bar>span{border-radius:999px;width:.55rem;height:.55rem}.constructor-device__bar>span:first-child{background:var(--rose)}.constructor-device__bar>span:nth-child(2){background:var(--orange)}.constructor-device__bar>span:nth-child(3){background:var(--green)}.constructor-device__bar strong{color:var(--constructor-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:.45rem;font-size:.78rem;overflow:hidden}.constructor-device__open{background:var(--constructor-card);border:1px solid var(--constructor-border);color:var(--constructor-color);border-radius:6px;flex:none;align-items:center;gap:.4rem;min-height:1.9rem;margin-left:auto;padding:0 .65rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.constructor-device__body{background:var(--constructor-surface);border:0;width:100%;height:100%;min-height:0;display:block}.live-example-page.constructor-device{box-shadow:none;border:0;grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;min-height:100dvh}.live-example-stage{flex-direction:column;gap:1rem;min-height:100%;padding:clamp(1rem,3vw,2rem);display:flex;position:relative;overflow:auto}.constructor-doc{gap:.75rem;max-width:460px;display:grid}.constructor-doc .eyebrow{color:var(--constructor-accent)}.constructor-doc h1,.constructor-doc h3{max-width:none;margin:0;font-size:clamp(1.9rem,4vw,4.2rem);line-height:.95}.constructor-doc p:not(.eyebrow){color:var(--constructor-muted);line-height:1.55}.constructor-external-trigger{background:var(--constructor-accent);color:var(--constructor-accent-contrast);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;width:max-content;min-height:3rem;padding:0 1rem;font-weight:850;display:inline-flex}.constructor-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(360px,100% - 2.5rem);display:grid}.constructor-highlight-grid span{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--constructor-card);border:1px solid var(--constructor-border);color:var(--constructor-color);border-radius:8px;gap:.2rem;min-width:0;padding:.75rem;display:grid}.constructor-highlight-grid small{color:var(--constructor-muted);text-transform:uppercase;font-size:.68rem}.constructor-trigger-dot{background:currentColor;border-radius:999px;width:.58rem;height:.58rem}.constructor-code{background:#f7f2e80e;min-height:0}.constructor-code .code-block pre{font-size:.7rem}.constructor-code__tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);z-index:2;background:#080e0be6;border-radius:8px;align-items:center;gap:.15rem;max-width:calc(100% - 3.75rem);padding:.2rem;font-size:.8rem;position:absolute;top:.5rem;left:.5rem}.constructor-code__tabs button{border:0;border-radius:6px;min-height:2rem;padding:0 .6rem}.constructor-code__tabs button[aria-selected=true]{background:var(--green);color:#101513}.constructor-code__panel{min-width:0;height:100%;min-height:0;overflow:hidden}.constructor-code__panel .code-block{background:0 0;border:0;border-radius:0;height:100%;min-height:0}.constructor-code__panel .icon-button--fixed{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);z-index:3;background:#080e0be6;width:2.5rem;height:2.5rem}.constructor-code__panel .code-block pre{box-sizing:border-box;scrollbar-gutter:stable;height:100%;max-height:none;padding:3.5rem 1rem 1rem;overflow:auto}.recipe-grid--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.example-card{gap:1rem;min-width:0;display:grid}.example-card__visual,.preset-card{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px}.example-card__visual{align-content:space-between;gap:1rem;min-height:360px;padding:1rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.example-card--center .example-card__visual{background:linear-gradient(145deg,#39ff8817,#0000 46%),#f7f2e80e}.example-card--anchor .example-card__visual{background:linear-gradient(145deg,#7ab8ff1f,#0000 52%),#f7f2e80e}.example-card--corner .example-card__visual{background:radial-gradient(circle at 82% 82%,#ffb45e2e,#0000 14rem),linear-gradient(145deg,#ffb45e21,#0000 48%),#f7f2e80e}.example-trigger{background:var(--green);color:#101513;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;width:max-content;min-height:2.75rem;padding:0 .95rem;font-weight:800;display:inline-flex}.example-trigger--terminal{color:#39ff88;background:#07120c;border:1px solid #39ff885c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.example-trigger--corner{background:var(--orange)}.example-center-preview{color:#d6ffe6;background:#030806;border:1px solid #39ff8852;border-radius:7px;place-self:end;gap:.6rem;max-width:310px;padding:1rem;display:grid;box-shadow:8px 8px #39ff8829}.example-center-preview span{background:#39ff88;border-radius:999px;width:4rem;height:.55rem}.example-center-preview p{color:#8bdca8;line-height:1.5}.example-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);background:#f7f2e814;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem;display:flex}.example-toolbar>span{color:var(--muted);font-size:.88rem}.example-popover-preview{color:#111827;background:#ffffffad;border:1px solid #ffffff38;border-radius:10px;justify-self:end;gap:.55rem;max-width:330px;padding:1rem;display:grid;box-shadow:0 24px 70px #00000038}.example-popover-preview span{color:#059669;font-weight:850}.example-popover-preview p{color:#334155;line-height:1.5}.corner-stage{border:1px solid var(--line);border-radius:8px;place-items:end;min-height:230px;display:grid;position:relative;overflow:hidden}.corner-stage__page{background-color:#0000;background-image:linear-gradient(#f7f2e814 1px,#0000 0),linear-gradient(90deg,#f7f2e814 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.corner-stage .example-trigger{margin:1rem;position:relative}.example-card--corner h3{margin-bottom:.45rem}.example-card--corner p,.preset-card p{color:var(--muted);line-height:1.55}.preset-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.preset-card{gap:.65rem;min-height:170px;padding:1rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.preset-card span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:850}.preset-card--minimal{color:#111827;background:#f8fafc}.preset-card--minimal p{color:#475569}.preset-card--glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff29}.preset-card--neo{color:#111827;background:#fff7c2;box-shadow:6px 6px #111827}.preset-card--neo p{color:#3f2f00}.preset-card--terminal{color:#39ff88;background:#030806;border-color:#39ff8852}.preset-card--terminal p{color:#8bdca8}.preset-card--brutalist{color:#050505;background:#f5f5f5;box-shadow:7px 7px #050505}.preset-card--brutalist p{color:#2f2f2f}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.customization-section{--section-glow-x:24%;--section-glow-y:28%;position:relative}.customization-playbook{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.customization-playbook article{border:1px solid var(--line);background:linear-gradient(#7cffb217,#0000 72%),#f7f2e80e;border-radius:8px;gap:.8rem;min-height:220px;padding:1.1rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.customization-playbook svg{color:var(--green)}.customization-playbook p{color:var(--muted);line-height:1.55}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.customization-callout,.parts-grid article,.token-card{border:1px solid var(--line);background:#f7f2e80e;border-radius:8px}.token-card{gap:.75rem;min-width:0;padding:1rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.token-card:before{background:var(--green);content:"";border-radius:999px;width:2rem;height:.38rem;position:absolute;top:1rem;right:1rem}.token-card p{color:var(--muted);line-height:1.5}.token-card ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.token-card code{border:1px solid var(--line);color:#dfffea;overflow-wrap:anywhere;background:#101513b8;border-radius:6px;padding:.45rem .55rem;font-size:.76rem;display:block}.parts-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;display:grid}.parts-grid article{background:linear-gradient(135deg,#7ab8ff14,#0000 68%),#f7f2e80e;gap:.5rem;min-height:120px;padding:.9rem;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.parts-grid code{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;font-weight:850}.parts-grid p{color:var(--muted);font-size:.86rem;line-height:1.45}.customization-callout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:1.5rem;padding:clamp(1rem,3vw,2rem);display:grid}.customization-callout p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.site-footer{border-top:1px solid var(--line);background:radial-gradient(circle at 12% 18%,#7cffb21c,#0000 18rem),radial-gradient(circle at 84% 0,#ffb45e1a,#0000 22rem),linear-gradient(#070b096b,#070b09e0);flex-direction:column;align-items:start;gap:clamp(2rem,6vw,5rem);padding:clamp(2.5rem,6vw,5.5rem) clamp(1rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.site-footer:before{content:"";opacity:.5;pointer-events:none;background-color:#0000;background-image:linear-gradient(#f7f2e80b 1px,#0000 0),linear-gradient(90deg,#f7f2e80b 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.site-footer>*{z-index:1;position:relative}.site-footer__top{grid-template-columns:minmax(0,1.5fr) minmax(180px,.65fr) minmax(220px,.75fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.site-footer__brand{gap:1rem;display:grid}.site-footer__brand .brand{width:max-content}.site-footer__brand p{color:var(--muted);max-width:520px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}.site-footer__primary{color:var(--green);align-items:center;width:max-content;min-height:2.5rem;font-weight:850;text-decoration:none;display:inline-flex;position:relative}.site-footer__primary:after{content:"→";margin-left:.5rem;transition:transform .22s}.site-footer__primary:hover:after{transform:translate(4px)}.site-footer__group{gap:.65rem;display:grid}.site-footer__group strong{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.78rem}.site-footer__group a{color:var(--muted);border-bottom:1px solid #f7f2e81a;justify-content:space-between;min-height:2.35rem;padding:.35rem 0;font-size:.94rem;font-weight:780;text-decoration:none;transition:border-color .18s,color .18s,transform .18s;display:flex}.site-footer__group a:after{color:#f7f2e852;content:"→";font-size:.8rem}.site-footer__group a.external:after{content:"↗"}.site-footer__group a:hover{color:var(--ink);border-color:#7cffb261;transform:translate(4px)}.site-footer__bottom{width:100%;min-height:3rem;color:var(--muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer__socials{gap:.65rem;display:flex}.social{cursor:pointer;display:inline-flex}.social svg{border-radius:4px;transition:transform .3s,fill .3s}.social svg:hover{transform:scale(1.1)}@supports (animation-timeline:view()){.audience-card,.customization-callout,.customization-playbook article,.example-card,.parts-grid article,.path-card,.preset-card,.recipe-grid>*,.section-heading,.token-card,.use-case{animation:both section-rise;animation-timeline:view();animation-range:entry 8% cover 28%}.audience-card:nth-child(2),.example-card:nth-child(2),.path-card:nth-child(2),.preset-card:nth-child(2),.token-card:nth-child(2),.use-case:nth-child(2){animation-range:entry 12% cover 32%}.audience-card:nth-child(3),.example-card:nth-child(3),.path-card:nth-child(3),.preset-card:nth-child(3),.token-card:nth-child(3),.use-case:nth-child(3){animation-range:entry 16% cover 36%}}@keyframes float-a{0%,to{translate:0}50%{translate:0 -18px}}@keyframes float-b{0%,to{translate:0}50%{translate:12px -14px}}@keyframes float-c{0%,to{translate:0}50%{translate:-10px 16px}}@keyframes pulse-chip{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes css-bubble-float{0%,to{translate:0}35%{translate:.55rem -.85rem}70%{translate:-.5rem .45rem}}@keyframes section-rise{0%{filter:saturate(.78);opacity:.35;translate:0 42px}to{filter:saturate();opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=980px){.audience-grid,.constructor-shell,.customization-callout,.customization-playbook,.example-grid,.install-grid,.lab,.parts-grid,.path-grid,.preset-strip,.recipe-grid,.showcase-section,.site-footer__top,.token-grid,.use-case-grid{grid-template-columns:1fr}.showcase-stage{min-height:720px}.constructor-controls,.constructor-preview{height:auto}.constructor-controls__panel{min-height:27rem;overflow:visible}}@media (width<=800px){.site-hero__layout{justify-content:center;align-items:center;gap:0;padding:clamp(6rem,12dvh,7rem) 0 clamp(5.5rem,10dvh,6.5rem);display:flex}.site-hero__content{z-index:3;width:100%}.site-hero__product{filter:blur(1.5px)saturate(.82);opacity:.3;z-index:1;width:min(380px,78vw);position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.site-hero__dialog{width:100%;scale:.9}.site-hero__product .hero-widget-dialog{grid-template-rows:auto minmax(140px,1fr) auto auto;min-height:min(350px,42dvh)}}@media (width<=800px) and (height<=640px){.site-hero__layout{align-items:flex-start;padding:5.5rem 0 1.25rem}.site-hero__marquee{display:none}}@media (width<=640px){.showcase-stage{min-height:790px}.showcase-card--widget{top:0;right:0}.showcase-card--code{top:24rem;left:0}.showcase-card--events{bottom:0;right:0}.use-case{grid-template-columns:1fr}.customization-playbook article,.parts-grid article,.token-card{min-height:auto}.site-footer__top{align-items:start}.example-toolbar{flex-direction:column;align-items:stretch}.constructor-controls__panel,.constructor-fields-grid,.constructor-size-grid,.constructor-toggles,.constructor-trigger-modes{grid-template-columns:1fr}.constructor-device{min-height:540px}.live-example-page.constructor-device{min-height:100dvh}.constructor-device__open span{display:none}}@media (width<=480px){.site-hero__actions{flex-direction:column;align-items:stretch}.constructor-highlight-grid{grid-template-columns:1fr;width:auto;margin-top:1rem;position:static}}