.lab [hidden]{display:none!important}.lab-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.lab-heading h2{margin-top:22px}.lab-heading>p{max-width:450px;color:#c2c8b9;font-size:16px}.lab-disclaimer{display:block;font-size:13px;color:var(--muted);margin-top:14px}.lab-shell{border:1px solid #424c36;border-radius:18px;overflow:hidden;background:#151912;box-shadow:0 24px 70px #0002}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:#1b2017}.lab-tabs{display:flex;gap:5px}.lab button,.lab select{font:inherit}.lab button{cursor:pointer}.lab button:disabled{cursor:default;opacity:.5;transform:none;box-shadow:none}.lab-tabs button{border:0;background:transparent;color:#b0b8a6;border-radius:8px;padding:11px 19px;font-size:14px;min-height:44px;transition:background .18s,color .18s}.lab-tabs button[aria-selected=true]{color:var(--green);background:#303b25}.lab-tabs button:hover{color:var(--text)}.demo-label{font-size:12px;letter-spacing:1.3px;color:#a7b694;white-space:nowrap}.lab-panel{padding:30px;scroll-margin-top:112px}.lab button:focus-visible,.lab select:focus-visible,.lab-panel:focus-visible{outline:2px solid var(--green);outline-offset:3px}.demo-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.demo-heading h3{font-size:22px;letter-spacing:-.03em;margin-bottom:7px}.demo-heading p{color:var(--muted);font-size:15px}.lab-chip{border:1px solid #404a34;color:#afbaa1;border-radius:5px;padding:5px 9px;font-size:12px;white-space:nowrap}.workflow-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:28px}.lab-label{display:block;font-size:14px;margin-bottom:8px}.lab select{width:100%;color:var(--text);background:#22291c;border:1px solid #4a553e;border-radius:8px;padding:12px;font-size:16px;min-height:48px}.sample-lead{display:flex;gap:12px;align-items:center;padding:22px 0}.initial-avatar{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#303e22;color:var(--green);font-size:14px;font-weight:700}.sample-lead strong,.bot-identity strong{display:block;font-size:15px}.sample-lead div>span,.bot-identity div>span{display:block;color:var(--muted);font-size:13px}.sample-tag{font-size:12px;color:#a9b39e;margin-left:auto;text-align:right}.workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:flex;gap:14px;align-items:center;padding:17px 14px;border:1px solid #333d2b;border-radius:9px;margin-bottom:10px;transition:background .25s,border-color .25s}.step-index{display:grid;place-items:center;width:30px;height:30px;border:1px solid #46503b;border-radius:50%;font-size:12px;color:#a9b39e;flex-shrink:0}.workflow-steps strong{font-size:15px;display:block}.workflow-steps li div>span{display:block;color:var(--muted);font-size:13px}.step-status{margin-left:auto;font-size:12px;color:var(--muted)}.workflow-steps .running{border-color:var(--green);background:#26321c}.workflow-steps .done .step-index{color:var(--green);border-color:#738c50}.workflow-steps .done .step-status{color:var(--green)}.workflow-steps .failed{border-color:#af895b;background:#2b251c}.workflow-steps .failed .step-status{color:#f1c791}.demo-actions{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.lab .button{font-size:14px;gap:24px;border:0;border-radius:8px;min-height:48px;padding:12px 19px;justify-content:space-between}.lab-secondary{border:1px solid #46513b;color:#c8d0be;background:transparent;border-radius:8px;min-height:44px;padding:9px 14px;font-size:14px!important;white-space:nowrap}.lab-secondary:hover{background:#293120}.workflow-output{background:#0e120c;border:1px solid #303929;border-radius:12px;padding:22px;min-width:0;display:flex;flex-direction:column}.output-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1px;color:#a0ad92}.output-top span:last-child{color:var(--green);letter-spacing:0}.output-summary{padding:28px 0 20px;min-height:207px}.output-mark{font-size:28px;color:var(--green)}.output-summary h4{font-size:22px;margin:10px 0}.output-summary p{font-size:15px;color:#a7b29c;line-height:1.6}.output-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:18px 0;border-top:1px solid #303929;border-bottom:1px solid #303929}.output-metrics dt{font-size:12px;color:var(--muted)}.output-metrics dd{font-size:28px;color:var(--green);margin:4px 0 0}.workflow-log{padding:0;list-style:none;min-height:130px;margin:18px 0;flex:1}.workflow-log li{font-family:Consolas,monospace;font-size:13px;line-height:1.7;color:#afbaa3;overflow-wrap:anywhere}.workflow-log li::before{content:'› ';color:var(--green)}.lab-small{font-size:13px;color:var(--muted);margin-top:18px}.lab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.crm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:25px}.crm-metrics div{padding-left:18px;border-left:2px solid #475836}.crm-metrics span{display:block;font-size:13px;color:var(--muted)}.crm-metrics strong{font-size:30px;font-weight:500;color:var(--green)}.crm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.crm-column{background:#10150d;border:1px solid #303929;border-radius:12px;padding:16px;min-height:290px;transition:border-color .15s,background .15s}.crm-column.drop-target{border-color:var(--green);background:#27321c}.crm-column h4{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:0 0 20px}.column-count{font:12px 'DM Sans',sans-serif;background:#293321;border-radius:5px;padding:2px 8px;color:var(--green)}.deal-card{border:1px solid #445139;background:#20291a;padding:16px;border-radius:9px;margin-bottom:12px;cursor:grab}.deal-card.dragging{opacity:.45}.deal-card h5{font:600 15px Manrope,Arial;margin:0 0 8px}.deal-card p{font-size:13px;color:var(--muted);margin-bottom:15px}.deal-card strong{font-size:22px;font-weight:500;display:block;margin-bottom:15px}.deal-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.deal-card select{font-size:14px;padding:8px;min-height:44px}.empty-stage{font-size:14px;color:#8d9a80;border:1px dashed #37432e;padding:24px 12px;border-radius:8px;text-align:center}.bot-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.bot-conversation{border:1px solid #38442e;border-radius:12px;background:#10150d;overflow:hidden}.bot-identity{display:flex;gap:12px;padding:18px;border-bottom:1px solid #303929;align-items:center}#chat-history{max-height:330px;min-height:210px;overflow-y:auto;padding:20px;scrollbar-color:#465638 #10150d;overscroll-behavior:contain}.chat-bubble{font-size:15px;padding:12px 15px;border-radius:12px;background:#242e1c;max-width:92%;margin-bottom:12px;line-height:1.6}.chat-bubble.user{background:#354728;margin-left:auto;color:#e2f7ce}.chat-speaker{display:block;font-size:12px;font-weight:600;color:#b3c69f;margin-bottom:3px}.bot-options{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 20px}.bot-options button{color:var(--green);background:transparent;border:1px solid #566a40;border-radius:7px;padding:10px 12px;min-height:44px;font-size:14px}.bot-options button:hover{background:#29391d}.brief-preview{padding:22px;border:1px solid #38442e;border-radius:12px;min-width:0}.brief-preview h4{font-size:22px;margin:17px 0 22px}#brief-fields{margin:0}#brief-fields div{border-bottom:1px solid #333e2a;padding:12px 0}#brief-fields dt{color:var(--muted);font-size:12px}#brief-fields dd{margin:3px 0 0;font-size:15px}.brief-preview>p:not(.lab-small){font-size:15px;color:var(--muted);margin:18px 0}.brief-preview .button{margin-top:22px;width:100%}.lab :is(.workflow-main,.bot-conversation,.brief-preview,.crm-column){min-width:0}
@media(max-width:1000px){.workflow-layout,.bot-layout{grid-template-columns:1fr}.workflow-output{display:block}.output-summary{min-height:0}.workflow-log{min-height:0}.lab-heading{align-items:start}.crm-board{gap:10px}.crm-column{padding:12px}.deal-card{padding:12px}.lab-panel{padding:24px}.lab-chip{display:none}}
@media(max-width:650px){.lab-heading{flex-direction:column;gap:20px}.lab-toolbar{padding:12px;gap:0}.demo-label{display:none}.lab-tabs{width:100%;gap:3px}.lab-tabs button{flex:1;padding:10px 7px;font-size:14px;white-space:nowrap}.lab-panel{padding:19px 15px}.demo-heading{flex-direction:column;gap:14px}.demo-heading h3{font-size:21px}.workflow-layout,.bot-layout{gap:20px}.sample-tag{display:none}.workflow-steps li{padding:13px 10px;gap:9px}.workflow-steps strong{font-size:14px}.workflow-steps li div>span{font-size:12px}.step-status{font-size:12px}.step-index{width:25px;height:25px}.workflow-output{padding:18px}.crm-board{grid-template-columns:1fr;gap:16px}.crm-column{min-height:130px;padding:16px}.crm-metrics{gap:8px}.crm-metrics div{padding-left:8px}.crm-metrics strong{font-size:24px}.crm-metrics span{font-size:12px}.brief-preview{padding:18px}.bot-identity{padding:15px}.bot-identity div>span{font-size:12px}#chat-history{padding:15px}.bot-options{padding:0 15px 15px}}
@media(prefers-reduced-motion:reduce){.lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.resilience{margin-top:18px;border:1px solid #526044;border-radius:9px;background:#1b2216}.resilience summary{display:flex;justify-content:space-between;padding:13px 15px;cursor:pointer;font-size:14px;color:var(--green);list-style:none}.resilience summary::-webkit-details-marker,.under-hood summary::-webkit-details-marker{display:none}.resilience>p{padding:0 15px;font-size:13px;color:var(--muted)}.fault-options{display:grid;gap:8px;padding:13px}.fault-options button{background:#11170d;border:1px solid #3b4a2e;border-radius:7px;color:var(--text);text-align:left;padding:12px;min-height:48px}.fault-options button:hover{border-color:var(--green)}.fault-options strong,.fault-options span{display:block}.fault-options strong{font-size:14px}.fault-options span{font-size:12px;color:var(--muted);margin-top:3px}.outcome-breakdown{margin:0 0 20px}.outcome-breakdown div{padding:10px 0;border-top:1px solid #303929}.outcome-breakdown dt{font-size:12px;color:var(--muted)}.outcome-breakdown dd{font-size:14px;margin:4px 0 0;color:#dde6d4}.under-hood{margin-top:28px;border-top:1px solid #424c36}.under-hood>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 0 3px;list-style:none;font-size:16px}.hood-icon{color:var(--green);font-family:monospace;margin-right:10px}.summary-hint{font-size:13px;color:var(--muted)}.summary-hint>span{margin-left:15px;color:var(--green);font-size:20px}.hood-content{padding-top:25px}.hood-tabs{display:flex;gap:8px;margin-bottom:20px}.hood-tabs button{color:var(--muted);border:1px solid #435137;background:transparent;padding:9px 18px;border-radius:7px;min-height:44px}.hood-tabs button[aria-selected=true]{background:#303e24;color:var(--green);border-color:#738956}.hood-intro{font-size:15px;color:#b4bfaa;max-width:780px;margin-bottom:20px}.flow-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.flow-map li{padding:18px;border:1px solid #435137;border-radius:8px;background:#10170c}.flow-map b{font:13px monospace;color:var(--green)}.flow-map strong{display:block;margin:15px 0 10px}.flow-map span{font-size:13px;color:var(--muted);display:block}.code-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;background:#26321e;font:12px monospace;color:#bfcfb1;border-radius:9px 9px 0 0}.under-hood pre{background:#0c100a;border:1px solid #35452a;color:#c5efa4;font:14px/1.8 Consolas,monospace;padding:20px;margin:0;max-width:100%;overflow:auto;border-radius:0 0 9px 9px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.decision-grid article{padding:20px;border:1px solid #3c4b31;border-radius:9px}.decision-grid article>span{font-size:12px;color:#9eae91;letter-spacing:1px}.decision-grid h4{font-size:18px;margin:12px 0}.decision-grid p{font-size:14px;color:var(--muted)}.lab summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.under-hood [role=tabpanel]:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:650px){.summary-hint{font-size:0}.summary-hint>span{font-size:20px}.flow-map{grid-template-columns:1fr 1fr}.flow-map li{padding:13px}.decision-grid{grid-template-columns:1fr}.under-hood pre{font-size:13px;padding:12px}.code-caption{padding:10px;font-size:12px}}