html:root{--color-primary:var(--menace-accent,#246bfd);--color-secondary:var(--menace-accent-strong,#1554d1);--color-tertiary:#5792ff}[data-compact-preview-nav]{transform-origin:top;width:84%;min-height:30px;top:7%;left:8%;right:8%}[data-compact-preview-nav]>div{gap:6px;padding:3px 5px}[data-compact-preview-nav] a,[data-compact-preview-nav] button,[data-compact-preview-nav] p,[data-compact-preview-nav] span{font-size:8px;line-height:1.1}[data-compact-preview-nav] button,[data-compact-preview-nav] a{padding:4px 7px}[data-preview-actions]{transform-origin:top;flex-wrap:nowrap;gap:4px}[data-preview-actions] a,[data-preview-actions] button,[data-contact-actions] a,[data-contact-actions] button,[data-drew-cta]{white-space:nowrap}[data-preview-actions] a,[data-preview-actions] button{min-height:22px;padding:4px 7px;font-size:8px;line-height:1}[data-contact-actions]{flex-wrap:nowrap}[data-showcase-hover]{perspective:900px;overflow:hidden}[data-showcase-hover]>*{will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s}[data-showcase-hover=phone]:hover>*{filter:saturate(1.08)drop-shadow(0 18px 18px #0000001f);transform:translateY(-8px)rotateY(-3deg)scale(1.025)}[data-showcase-hover=keyboard]:hover>*{filter:drop-shadow(0 18px 18px #0000001f);transform:translateY(-7px)rotateX(2deg)scale(1.018)}[data-showcase-hover=video]:hover>*{filter:saturate(1.04)drop-shadow(0 20px 18px #00000024);transform:translateY(-8px)rotateY(2.5deg)scale(1.022)}[data-customer-showcase-frame]{overflow:hidden}[data-customer-showcase]{will-change:transform;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s}[data-customer-showcase-frame]:hover [data-customer-showcase],[data-customer-showcase-frame]:focus-within [data-customer-showcase]{filter:saturate(1.06)contrast(1.02);transform:scale(1.035)translateY(-.5%)}[data-component-layout-demo]{z-index:20;background:#f8f8f9;border:1px solid #00000017;border-radius:14px;position:absolute;inset:7%;overflow:hidden;box-shadow:0 24px 45px -25px #00000061}[data-layout-screen]{opacity:0;pointer-events:none;padding:58px 38px 28px;transition:opacity .38s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(18px)scale(.985)}[data-layout-screen=nav]{grid-template-columns:92px 1fr;padding:48px 22px 22px;display:grid}[data-component-layout-demo][data-active-screen=cards] [data-layout-screen=cards],[data-component-layout-demo][data-active-screen=forms] [data-layout-screen=forms],[data-component-layout-demo][data-active-screen=nav] [data-layout-screen=nav]{opacity:1;transform:none}[data-screen-bar]{color:#737373;font:600 10px / 1 var(--font-geist);align-items:center;gap:8px;margin-bottom:18px;display:flex}[data-screen-bar] i{background:#171717;border-radius:6px;width:18px;height:18px}[data-screen-bar] b{letter-spacing:2px;margin-left:auto}[data-card-metric]{color:#fff;background:#171717;border-radius:13px;gap:5px;padding:18px;display:grid;position:relative;box-shadow:0 18px 28px -20px #0000008c}[data-card-metric] span{color:#a3a3a3;font:500 9px / 1 var(--font-geist)}[data-card-metric] strong{font:600 29px / 1 var(--display-font);letter-spacing:-.03em}[data-card-metric] em{color:#86efac;font:600 9px / 1 var(--font-geist);font-style:normal;position:absolute;bottom:18px;right:16px}[data-card-stack]{grid-template-columns:1.4fr 1fr .8fr;gap:7px;margin-top:10px;display:grid}[data-card-stack] span{background:#fff;border-radius:9px;height:42px;box-shadow:inset 0 0 0 1px #00000012}[data-card-stack] span:nth-child(2){background:color-mix(in srgb, var(--color-primary) 9%, white)}[data-field]{gap:5px;margin-bottom:10px;display:grid}[data-field] span{color:#737373;font:500 9px / 1 var(--font-geist)}[data-field] strong{color:#262626;font:500 10px / 1 var(--font-geist);background:#fff;border:1px solid #e5e5e5;border-radius:9px;padding:10px 11px}[data-screen-action]{color:#fff;width:100%;font:600 10px / 1 var(--font-geist);background:#171717;border:0;border-radius:9px;padding:10px}[data-nav-shell]{color:#a3a3a3;font:500 8px / 1 var(--font-geist);background:#171717;border-radius:12px 0 0 12px;flex-direction:column;gap:13px;padding:15px 11px;display:flex}[data-nav-shell]>strong{color:#fff;margin-bottom:4px;font-size:10px}[data-nav-shell]>i{color:#171717;background:#fff;border-radius:6px;place-items:center;width:20px;height:20px;margin-top:auto;font-style:normal;display:grid}[data-nav-content]{background:#fff;border-radius:0 12px 12px 0;padding:20px}[data-nav-content] small{color:#a3a3a3;font:500 8px / 1 var(--font-geist)}[data-nav-content] h4{color:#171717;font:600 16px / 1.1 var(--display-font);margin:5px 0 18px}[data-nav-content]>div[data-legacy-nav-grid]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-nav-content]>div[data-legacy-nav-grid] span{background:#f5f5f5;border-radius:8px;height:58px}[data-nav-content]>div[data-legacy-nav-grid] span:first-child{background:color-mix(in srgb, var(--color-primary) 10%, white)}[data-layout-tabs]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;background:#ffffffe0;border:1px solid #00000014;border-radius:999px;gap:3px;width:132px;padding:3px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0000001a}[data-layout-indicator]{z-index:-1;width:calc(33.3333% - 2px);transform:translateX(calc(var(--tab-index,0) * 100%));background:#171717;border-radius:999px;transition:transform .48s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 4px 10px #0000002e}[data-layout-tab]{color:#737373;min-width:0;font:600 9px / 1 var(--font-geist);cursor:pointer;text-align:center;background:0 0;border:0;border-radius:999px;flex:1 1 0;place-items:center;padding:5px 9px;transition:color .18s,background-color .18s,transform .18s;display:grid}[data-layout-tab][aria-selected=true]{color:#fff;background:0 0}[data-component-lab]{z-index:20;background:#f7f7f8;border:1px solid #0000001a;border-radius:15px;position:absolute;inset:7%;overflow:hidden;box-shadow:0 25px 50px -28px #0000007a}[data-lab-top]{color:#525252;height:38px;font:600 9px / 1 var(--font-geist);background:#fff;border-bottom:1px solid #e8e8ea;justify-content:space-between;align-items:center;padding:0 13px;display:flex}[data-lab-top] span{align-items:center;gap:7px;display:flex}[data-lab-top] i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcfce7}[data-lab-top] b{color:#16a34a;font-size:8px}[data-lab-body]{grid-template-columns:94px 1fr;height:calc(100% - 38px);display:grid}[data-lab-rail]{background:#fbfbfc;border-right:1px solid #e8e8ea;flex-direction:column;gap:4px;padding:12px 8px;display:flex}[data-lab-rail] button{color:#737373;font:600 9px / 1 var(--font-geist);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 8px;transition:background .18s,color .18s,transform .18s}[data-lab-rail] button[aria-selected=true]{color:#fff;background:#171717;transform:translate(2px)}[data-lab-stage]{place-items:center;display:grid;position:relative;overflow:hidden}[data-lab-grid]{opacity:.65;background-image:linear-gradient(#e9e9ec 1px,#0000 1px),linear-gradient(90deg,#e9e9ec 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}[data-lab-preview]{z-index:1;place-items:center;min-width:155px;min-height:86px;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .3s;display:grid;position:relative}[data-lab-button]{background:var(--color-primary);color:#fff;box-shadow:0 14px 25px -14px color-mix(in srgb, var(--color-primary) 68%, transparent);font:600 10px / 1 var(--font-geist);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 15px;display:flex}[data-lab-card],[data-lab-toggle]{display:none}[data-lab-preview][data-kind=card] [data-lab-card]{background:#fff;border-radius:12px;gap:4px;width:142px;padding:14px;display:grid;box-shadow:0 16px 30px -18px #00000059}[data-lab-card] small{color:#737373;font:500 8px / 1 var(--font-geist)}[data-lab-card] strong{font:600 24px / 1 var(--display-font)}[data-lab-card] em{color:#16a34a;font:600 8px / 1 var(--font-geist);font-style:normal}[data-lab-preview][data-kind=toggle] [data-lab-toggle]{color:#404040;font:600 9px / 1 var(--font-geist);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex;box-shadow:0 15px 28px -18px #00000059}[data-lab-toggle] i{background:var(--color-primary);border-radius:999px;width:29px;height:17px;position:relative}[data-lab-toggle] i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;right:3px}[data-lab-preview][data-state=hover]{filter:saturate(1.08);transform:translateY(-5px)scale(1.04)}[data-lab-preview][data-state=focus]{filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--color-primary) 32%, transparent));transform:scale(1.025)}[data-lab-properties]{background:#fff;border:1px solid #e5e5e5;border-radius:9px;width:156px;padding:3px;display:flex;position:absolute;top:8px;right:8px}[data-lab-state-indicator]{pointer-events:none;background:#202024;border-radius:6px;width:calc(33.3333% - 2px);position:absolute;inset:3px auto 3px 3px;box-shadow:0 3px 8px #00000026}[data-lab-properties] button{z-index:1;color:#a3a3a3;font:600 8px / 1 var(--font-geist);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:7px 8px;position:relative}[data-lab-properties] button[aria-pressed=true]{color:#fff;background:0 0}[data-lab-code]{color:#d4d4d8;font:500 8px / 1 var(--font-geist-mono);white-space:nowrap;background:#202024;border-radius:7px;padding:9px 10px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}[data-premium-card]{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 38px -24px #00000057}[data-premium-card-head]{justify-content:space-between;align-items:center;padding:13px 14px 9px;display:flex}[data-component-mark]{background:#171717;border-radius:8px;align-items:end;gap:2px;width:26px;height:26px;padding:6px;display:flex}[data-component-mark] i{background:#fff;border-radius:2px;flex:1}[data-component-mark] i:first-child{opacity:.45;height:45%}[data-component-mark] i:nth-child(2){height:100%}[data-component-mark] i:nth-child(3){opacity:.7;height:70%}[data-premium-card-head] em{background:color-mix(in srgb, var(--color-primary) 10%, white);color:var(--color-primary);font:650 7px / 1 var(--font-geist);border-radius:999px;padding:5px 7px;font-style:normal}[data-premium-card]>small,[data-premium-card]>h4,[data-premium-card]>p{margin-left:14px;margin-right:14px;display:block}[data-premium-card]>small{color:#8a8a8f;font:550 8px / 1 var(--font-geist)}[data-premium-card]>h4{color:#171717;font:650 16px / 1.05 var(--display-font);letter-spacing:-.025em;margin-top:5px;margin-bottom:5px}[data-premium-card]>p{color:#6b6b70;font:500 8px / 1.35 var(--font-geist);margin-top:0;margin-bottom:10px}[data-card-meta]{border:1px solid #ececef;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 14px;display:grid;overflow:hidden}[data-card-meta] span{color:#8a8a8f;font:500 6px / 1 var(--font-geist);text-align:center;gap:3px;padding:8px;display:grid}[data-card-meta] span+span{border-left:1px solid #ececef}[data-card-meta] b{color:#262626;font-size:9px}[data-card-buy]{border-top:1px solid #f0f0f2;align-items:center;gap:10px;margin-top:11px;padding:10px 14px 13px;display:flex}[data-card-buy] strong{color:#171717;font:650 15px / 1 var(--display-font)}[data-card-buy] button,[data-screen-action]{justify-content:center;align-items:center;gap:8px;display:flex}[data-card-buy] button{background:var(--color-primary);color:#fff;font:650 8px / 1 var(--font-geist);cursor:pointer;border:0;border-radius:9px;flex:1;padding:9px;transition:transform .18s,box-shadow .18s,background .18s}[data-card-buy] button:hover,[data-card-buy] button:focus-visible{box-shadow:0 9px 18px -8px color-mix(in srgb, var(--color-primary) 72%, transparent);transform:translateY(-2px)}[data-card-buy] button:active{transform:translateY(0)scale(.98)}[data-premium-card][data-preview-status=open] [data-card-buy] button{background:#171717}[data-card-buy] svg,[data-screen-action] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:11px}[data-form-panel]{background:#fff;border-radius:14px;padding:13px;box-shadow:0 18px 38px -25px #00000057}[data-form-title]{align-items:center;gap:9px;margin-bottom:12px;display:flex}[data-form-avatar]{color:#fff;width:27px;height:27px;font:650 9px / 1 var(--font-geist);background:#171717;border-radius:8px;place-items:center;display:grid}[data-form-title] div{gap:3px;display:grid}[data-form-title] strong{color:#262626;font:650 10px / 1 var(--font-geist)}[data-form-title] small{color:#8a8a8f;font:500 7px / 1 var(--font-geist)}[data-form-panel] [data-field]{margin-bottom:8px}[data-form-panel] [data-field] strong{align-items:center;gap:7px;padding:9px 10px;display:flex}[data-form-panel] [data-field] i{color:#a3a3a3;font-style:normal}[data-plan-options]{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px;display:grid}[data-plan-options] button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7e7ea;border-radius:9px;align-items:center;gap:6px;padding:8px;transition:border-color .18s,background .18s,transform .18s;display:flex}[data-plan-options] button:hover,[data-plan-options] button:focus-visible{border-color:#bdbdc4;transform:translateY(-1px)}[data-plan-options] button[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-primary) 55%, white);background:color-mix(in srgb, var(--color-primary) 5%, white)}[data-plan-options] button>i{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-primary);border:2px solid #fff;border-radius:50%}[data-plan-options] button>span{gap:2px;display:grid}[data-plan-options] b{color:#343438;font:650 7px / 1 var(--font-geist)}[data-plan-options] small{color:#909096;font:500 6px / 1 var(--font-geist)}[data-form-switch]{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;padding:0;display:flex}[data-form-switch]>span{gap:3px;display:grid}[data-form-switch] b{color:#45454a;font:600 7px / 1 var(--font-geist)}[data-form-switch] small{color:#96969c;font:500 6px / 1 var(--font-geist)}[data-form-switch]>i{background:var(--color-primary);border-radius:999px;width:27px;height:16px;transition:background .18s;position:relative}[data-form-switch]>i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;right:3px}[data-form-switch][aria-pressed=false]>i{background:#d4d4d8}[data-form-switch][aria-pressed=false]>i:after{transform:translate(-11px)}[data-form-panel] [data-screen-action]{cursor:pointer;background:#171717;padding:9px;transition:transform .18s,background .18s}[data-form-panel] [data-screen-action]:hover,[data-form-panel] [data-screen-action]:focus-visible{background:#2d2d31;transform:translateY(-1px)}[data-form-panel] [data-screen-action][data-sent=true]{background:#15803d}[data-nav-shell] button{color:#a3a3a3;font:550 7px / 1 var(--font-geist);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 7px;transition:background .16s,color .16s,transform .16s;display:flex}[data-nav-shell] button:hover,[data-nav-shell] button:focus-visible{color:#fff;background:#242428;transform:translate(2px)}[data-nav-shell] button[aria-current=page]{color:#fff;background:#2b2b2f}[data-nav-shell] button i{border:1px solid;border-radius:2px;width:7px;height:7px}[data-nav-shell]>strong{align-items:center;gap:6px;display:flex}[data-nav-shell]>strong span{color:#171717;background:#fff;border-radius:5px;place-items:center;width:17px;height:17px;font-size:7px;display:grid}[data-nav-shell]>small{color:#66666c;font:600 6px / 1 var(--font-geist);text-transform:uppercase;margin-top:3px}[data-nav-shell]>em{color:#171717;width:21px;height:21px;font:650 7px / 1 var(--font-geist);background:#fff;border-radius:7px;place-items:center;margin-top:auto;font-style:normal;display:grid}[data-command-bar]{color:#9a9aa0;font:500 7px / 1 var(--font-geist);text-align:left;cursor:pointer;background:#fafafa;border:1px solid #ececef;border-radius:8px;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:7px 8px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}[data-command-bar]:hover,[data-command-bar]:focus-visible,[data-command-bar][data-open=true]{border-color:color-mix(in srgb, var(--color-primary) 45%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent);background:#fff}[data-command-bar] svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:10px}[data-command-bar] kbd{color:#77777d;font:600 6px / 1 var(--font-geist);background:#fff;border:1px solid #e2e2e5;border-radius:4px;margin-left:auto;padding:2px 4px}[data-nav-content]>h4{margin-bottom:11px}[data-nav-stat-row]{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-nav-stat-row] article{background:#f5f5f6;border-radius:9px;gap:4px;height:auto;padding:9px;display:grid}[data-nav-stat-row] article:first-child{background:color-mix(in srgb, var(--color-primary) 8%, white)}[data-nav-stat-row] span{color:#8a8a90;height:auto;font:500 6px / 1 var(--font-geist);background:0 0}[data-nav-stat-row] strong{color:#242428;font:650 15px / 1 var(--display-font)}[data-nav-stat-row] em{color:var(--color-primary);font:600 6px / 1 var(--font-geist);font-style:normal}[data-activity-row]{text-align:left;cursor:pointer;background:#fff;border:1px solid #ececef;border-radius:9px;align-items:center;gap:7px;width:100%;margin-top:7px;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}[data-activity-row]:hover,[data-activity-row]:focus-visible{border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 8px 16px -12px #00000059}[data-activity-row][data-checked=true]{border-color:color-mix(in srgb, var(--color-primary) 38%, white)}[data-activity-row]>span{background:#171717;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}[data-activity-row]>span i{border:1px solid #fff;border-radius:2px;width:8px;height:8px}[data-activity-row] p{flex:1;gap:2px;margin:0;display:grid}[data-activity-row] b{color:#36363a;font:600 7px / 1 var(--font-geist)}[data-activity-row] small{color:#96969c;font:500 6px / 1 var(--font-geist)}[data-activity-row] em{color:#16a34a;font:600 6px / 1 var(--font-geist);font-style:normal}[data-lab-rail]>small{color:#9a9aa0;font:650 6px / 1 var(--font-geist);text-transform:uppercase;margin:2px 6px 5px}[data-lab-rail] button{white-space:nowrap;align-items:center;gap:6px;display:flex}[data-lab-rail] button i{border:1px solid;border-radius:2px;width:7px;height:7px}[data-lab-rail]>em{color:#a3a3a8;font:500 6px / 1 var(--font-geist);margin:auto 6px 2px;font-style:normal}[data-lab-button-wrap]{place-items:center;gap:8px;display:grid}[data-lab-button-wrap]>small{color:#85858b;font:500 6px / 1 var(--font-geist)}[data-lab-preview][data-kind=card] [data-lab-button-wrap],[data-lab-preview][data-kind=toggle] [data-lab-button-wrap]{display:none}[data-lab-button]{gap:8px;padding:11px 13px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .18s;position:relative;overflow:hidden}[data-lab-button]:hover,[data-lab-button]:focus-visible{box-shadow:0 18px 30px -14px color-mix(in srgb, var(--color-primary) 80%, transparent);transform:translateY(-3px)scale(1.015)}[data-lab-button]:active{transform:translateY(0)scale(.98)}[data-lab-button][data-added=true]{background:#15803d}[data-lab-button]:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}[data-lab-preview][data-state=hover] [data-lab-button]:after,[data-lab-button]:hover:after,[data-lab-button]:focus-visible:after{transform:translate(120%)}[data-lab-button] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:10px}[data-lab-button] kbd{font:600 6px / 1 var(--font-geist);background:#ffffff29;border-radius:4px;margin-left:5px;padding:3px 4px}[data-lab-preview][data-kind=card] [data-lab-card]{gap:9px;width:164px;padding:13px}[data-lab-card] header,[data-lab-card]>div,[data-lab-card] footer{justify-content:space-between;align-items:center;display:flex}[data-lab-card] header span{color:#626268;font:600 7px / 1 var(--font-geist)}[data-lab-card] header em{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 5px;font-size:6px}[data-lab-card]>div strong{font-size:22px}[data-lab-card]>div small{color:#16a34a;font-weight:650}[data-lab-bars]{align-items:end;gap:4px;height:36px;display:flex}[data-lab-bars] i{background:#e5e7eb;border-radius:3px 3px 1px 1px;flex:1;min-width:0}[data-lab-bars] i:first-child{height:35%}[data-lab-bars] i:nth-child(2){height:52%}[data-lab-bars] i:nth-child(3){height:44%}[data-lab-bars] i:nth-child(4){background:color-mix(in srgb, var(--color-primary) 32%, white);height:67%}[data-lab-bars] i:nth-child(5){height:59%}[data-lab-bars] i:nth-child(6){background:color-mix(in srgb, var(--color-primary) 58%, white);height:78%}[data-lab-bars] i:nth-child(7){background:var(--color-primary);height:92%}[data-lab-card] footer span{color:#a3a3a8;font:500 6px / 1 var(--font-geist)}[data-lab-preview][data-kind=toggle] [data-lab-toggle]{gap:0;width:186px;padding:0;display:grid;overflow:hidden}[data-lab-toggle] header{border-bottom:1px solid #ececef;justify-content:space-between;align-items:start;padding:11px;display:flex}[data-lab-toggle] header>span,[data-lab-toggle] :is(label,button[role=switch])>span{gap:3px;display:grid}[data-lab-toggle] b{color:#36363a;font:650 7px / 1 var(--font-geist)}[data-lab-toggle] small{color:#919197;font:500 6px / 1.2 var(--font-geist)}[data-lab-toggle] header em{color:#16a34a;font:600 6px / 1 var(--font-geist);font-style:normal}[data-lab-toggle] :is(label,button[role=switch]){text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 11px;display:flex}[data-lab-toggle] :is(label+label,button[role=switch]+button[role=switch]){border-top:1px solid #f0f0f2}[data-lab-toggle] :is(label,button[role=switch])>i{flex:none;width:27px;height:16px}[data-lab-toggle] :is(label:nth-child(3),button[role=switch][aria-checked=false])>i{background:#d4d4d8}[data-lab-toggle] :is(label:nth-child(3),button[role=switch][aria-checked=false])>i:after{transform:translate(-11px)}[data-lab-inspector]{gap:5px;display:flex;position:absolute;bottom:39px;left:8px;right:8px}[data-lab-inspector] span{color:#9a9aa0;font:500 7px / 1 var(--font-geist);background:#ffffffdb;border:1px solid #e7e7ea;border-radius:6px;flex:1;padding:7px 8px}@media (max-width:640px){[data-lab-body]{grid-template-columns:102px 1fr}[data-lab-rail]{padding-inline:7px}[data-lab-rail] button{gap:7px;padding:10px 8px;font-size:9px}[data-lab-rail] button i{flex:none}[data-lab-properties]{width:150px}[data-lab-code]{font-size:7.5px}}[data-lab-inspector] b{float:right;color:#4b4b50;font-weight:650}[data-micro-demo]{z-index:20;cursor:crosshair;isolation:isolate;background:#fffffff0;border:1px solid #00000014;border-radius:16px;align-content:center;gap:13px;padding:18px;display:grid;position:absolute;inset:10% 8%;overflow:hidden;box-shadow:0 24px 50px -28px #00000073}[data-micro-demo]:before{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 70%);content:"";width:180px;height:180px;left:calc(var(--micro-x,.64) * 100% - 90px);top:calc(var(--micro-y,.45) * 100% - 90px);border-radius:999px;transition:left .12s linear,top .12s linear;position:absolute}[data-micro-head]{color:#737373;font:600 9px / 1 var(--font-geist-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}[data-micro-value]{color:var(--color-primary);font-size:11px}[data-micro-track]{background:#eceef2;border-radius:999px;height:11px;position:relative;box-shadow:inset 0 1px 2px #00000014}[data-micro-fill]{width:calc(var(--micro-value,.64) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);transition:clip-path .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}[data-micro-thumb]{top:50%;left:calc(var(--micro-value,.64) * 100%);background:var(--color-primary);border:4px solid #fff;border-radius:50%;width:20px;height:20px;transition:left .5s cubic-bezier(.22,1,.36,1),transform .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 14px #0000003d}[data-micro-demo]:hover [data-micro-thumb]{transform:translate(-50%,-50%)scale(1.14)}[data-micro-chips]{gap:6px;display:flex}[data-micro-chip]{color:#737373;font:600 9px / 1 var(--font-geist);text-align:center;background:#fff;border:1px solid #00000012;border-radius:9px;flex:1;padding:8px;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s,border-color .2s}[data-micro-demo]:hover [data-micro-chip]:first-child{transform:translateY(-3px)rotate(-1deg)}[data-micro-demo]:hover [data-micro-chip]:nth-child(2){color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);transform:translateY(2px)}[data-micro-demo]:hover [data-micro-chip]:nth-child(3){transform:translateY(-2px)rotate(1deg)}[data-chat-demo]{transition:box-shadow .3s;transform:none}[data-message-row]{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s}[data-message-row]:nth-of-type(2n){transition-delay:35ms}[data-chat-demo]:hover [data-message-row]{transform:none}[data-demo-message]{align-items:flex-end;gap:7px;margin:9px 9px 0 auto;animation:.36s cubic-bezier(.22,1,.36,1) both chat-message-in;display:flex}[data-demo-message]>div{gap:3px;max-width:78%;margin-left:auto;display:grid}[data-demo-message] small{color:#a3a3a3;font:500 8px / 1 var(--font-geist);text-align:right}[data-demo-message] p{background:var(--color-primary);color:#fff;font:500 10px / 1.35 var(--font-geist);border-radius:12px 12px 3px;margin:0;padding:8px 10px}[data-demo-message=reply]{margin-left:9px;margin-right:auto}[data-demo-message=reply]>span{color:#fff;width:22px;height:22px;font:600 8px / 1 var(--font-geist);background:#171717;border-radius:7px;place-items:center;display:grid}[data-demo-message=reply]>div{margin-left:0;margin-right:auto}[data-demo-message=reply] small{text-align:left}[data-demo-message=reply] p{color:#404040;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:inset 0 0 0 1px #e5e5e5}@keyframes chat-message-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}[data-drew-cta]{isolation:isolate;width:148px;min-width:148px;min-height:38px;position:relative;overflow:hidden;container-type:inline-size}[data-drew-cta]:after{z-index:-1;content:"";background:linear-gradient(110deg,#0000 38%,#ffffff47 50%,#0000 62%);transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:-80% -20%;transform:translate(-70%)rotate(8deg)}[data-drew-label]{white-space:nowrap;padding:0 39px 0 14px;transition:transform .52s cubic-bezier(.22,1,.36,1)}[data-drew-avatar]{box-sizing:border-box;border:1px solid #fffffff2;width:24px;height:24px;margin:0;transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:absolute;right:7px;transform:translate(0)rotate(0)}[data-drew-cta]:hover:after,[data-drew-cta]:focus-visible:after{transform:translate(70%)rotate(8deg)}[data-drew-cta]:hover [data-drew-label],[data-drew-cta]:focus-visible [data-drew-label]{transform:translate(25px)}[data-drew-cta]:hover [data-drew-avatar],[data-drew-cta]:focus-visible [data-drew-avatar]{transform:translate(calc(38px - 100cqw))rotate(-1turn);box-shadow:0 3px 8px #00000029}[data-drew-cta]:focus-visible{outline:2px solid var(--color-primary,#246bfd);outline-offset:4px}[data-technology-showcase-host],[data-demo-chat-host]{z-index:20;background:#fff;border-radius:12px;width:100%;min-height:384px;position:relative;overflow:hidden;box-shadow:0 16px 32px -18px #26262b40,0 2px 6px #26262b12}[data-stack-fallback]{padding:24px}[data-stack-fallback] h3{font-size:18px;font-weight:600}[data-stack-fallback] p{color:#64646b;margin-top:8px}[data-stack-fallback] ul{flex-wrap:wrap;gap:12px;margin-top:24px;font-size:13px;display:flex}[data-technology-showcase-host]:has([data-stack-explorer])>[data-stack-fallback]{display:none}[data-demo-chat-host]{height:560px}[data-chat-fallback]{padding:24px;font-size:13px}[data-chat-fallback] h3{margin-bottom:12px;font-size:18px;font-weight:600}[data-demo-chat-host]:has([data-ai-chat-demo])>[data-chat-fallback]{display:none}@media (prefers-reduced-motion:reduce){[data-component-layout-demo] img,[data-micro-fill],[data-micro-thumb],[data-micro-chip],[data-chat-demo],[data-showcase-hover]>*,[data-customer-showcase],[data-drew-cta]:after,[data-drew-label],[data-drew-avatar]{transition:none}[data-drew-cta]:hover [data-drew-label],[data-drew-cta]:focus-visible [data-drew-label],[data-drew-cta]:hover:after,[data-drew-cta]:focus-visible:after{transform:none}[data-chat-demo] [data-message-row]{transition:none}[data-chat-demo],[data-chat-demo]:hover,[data-customer-showcase-frame]:hover [data-customer-showcase],[data-customer-showcase-frame]:focus-within [data-customer-showcase],[data-drew-cta]:hover [data-drew-avatar],[data-drew-cta]:focus-visible [data-drew-avatar]{transform:none}}.reference-link-arrow{vertical-align:middle;flex-shrink:0;margin-left:.4rem;display:inline-block}.reference-link-arrow g{transform-origin:100% 0}a:is(:hover,:focus-visible) .reference-link-arrow g{animation:.5s ease-in-out reference-link-arrow}@keyframes reference-link-arrow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4px,4px)scale(.85)}}@media (prefers-reduced-motion:reduce){a:is(:hover,:focus-visible) .reference-link-arrow g{animation:none}}[data-lab-toggle] button[role=switch]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){[data-layout-screen],[data-lab-preview],[data-lab-toggle] i:after,[data-form-switch]>i,[data-form-switch]>i:after{transition:none}}