#deploymentDemo{--bh-cyan:#00c7ed;--bh-bg:#0e1218;--bh-panel:#151b23;--bh-muted:#a9b5c4;background:var(--bh-bg);color:#edf3fa;border:1px solid #2b3643;border-radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;overflow:hidden;color-scheme:dark}
#deploymentDemo *{box-sizing:border-box}#deploymentDemo .bh-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #252e39}#deploymentDemo .bh-brand{font:700 19px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.7px}#deploymentDemo .bh-brand>span{color:var(--bh-cyan)}#deploymentDemo .bh-example{color:var(--bh-muted);font-size:12px}#deploymentDemo .bh-intro{padding:24px 24px 22px}#deploymentDemo h2{margin:0;font:650 clamp(24px,4.5vw,34px)/1.18 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px}#deploymentDemo h2>span{color:var(--bh-cyan)}#deploymentDemo .bh-intro p{margin:10px 0 0;color:var(--bh-muted)}
#deploymentDemo .bh-workspace{display:grid;grid-template-columns:1.06fr 1fr;gap:12px;padding:0 24px}#deploymentDemo .bh-agent,#deploymentDemo .bh-browser{min-width:0;background:var(--bh-panel);border:1px solid #303b48;border-radius:10px;overflow:hidden}#deploymentDemo .bh-window-title{height:43px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid #303b48;color:#c2cbd7;font-size:12px}#deploymentDemo .bh-window-title svg{width:14px;height:14px;flex:none}#deploymentDemo .bh-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#65717e}#deploymentDemo[data-playing="true"] .bh-dot{background:var(--bh-cyan);animation:bh-breathe 1.2s infinite}#deploymentDemo .bh-agent-body{padding:17px 14px 12px}#deploymentDemo .bh-small-label{font:500 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.2px;color:var(--bh-muted)}#deploymentDemo .bh-prompt{border-left:2px solid var(--bh-cyan);padding-left:12px}#deploymentDemo .bh-prompt p{font-size:13px;margin:6px 0 0;line-height:1.6;overflow-wrap:anywhere}#deploymentDemo .bh-prompt p>span{color:var(--bh-cyan)}#deploymentDemo .bh-agent-reply{padding:17px 0 10px}#deploymentDemo .bh-reply{margin:4px 0 0;color:var(--bh-muted);font-size:12px;min-height:36px}#deploymentDemo .bh-steps{margin:0;padding:0;list-style:none}#deploymentDemo .bh-steps li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:38px;font-size:11px;color:#a9b5c4}#deploymentDemo .bh-marker{width:19px;height:19px;border:1px solid #576273;border-radius:50%;display:grid;place-items:center;font-size:10px}#deploymentDemo .bh-step-state{font-size:10px;color:#a9b5c4}#deploymentDemo li.bh-active{color:#f2f6fb}#deploymentDemo li.bh-active .bh-marker{border-color:var(--bh-cyan);color:var(--bh-cyan);animation:bh-breathe 1s infinite}#deploymentDemo li.bh-done .bh-marker{color:#071117;background:var(--bh-cyan);border-color:var(--bh-cyan)}#deploymentDemo li.bh-done .bh-step-state{color:var(--bh-cyan)}#deploymentDemo[data-playing="false"] *{animation-play-state:paused!important}#deploymentDemo .bh-live{font-size:10px;margin-left:auto;color:#a9b5c4}#deploymentDemo .bh-stage{position:relative;min-height:310px;overflow:hidden;isolation:isolate}#deploymentDemo .bh-waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;transition:opacity .5s}#deploymentDemo .bh-orbit{border:1px solid #344353;border-radius:16px;display:grid;place-items:center;width:60px;height:60px;margin-bottom:20px;color:var(--bh-cyan);background:#19232e;transform:rotate(-6deg);transition:transform .5s}#deploymentDemo .bh-orbit svg{width:26px;height:26px}#deploymentDemo[data-playing="true"] .bh-orbit{animation:bh-float 3s ease-in-out infinite}#deploymentDemo .bh-waiting>strong{font-size:17px;font-weight:500}#deploymentDemo .bh-waiting>span{font-size:12px;color:var(--bh-muted);margin-top:6px}#deploymentDemo .bh-file-line{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap;justify-content:center;font:10px ui-monospace,monospace;color:#a9b5c4}#deploymentDemo .bh-file-line>span{padding:4px 6px;border-radius:4px;background:#222c38}#deploymentDemo .bh-site{position:relative;background:#f1eee6;color:#202923;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .8s,transform .8s;min-height:310px;pointer-events:none}#deploymentDemo .bh-site-nav{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:8px}#deploymentDemo .bh-site-nav strong{font-size:10px;letter-spacing:-.4px}#deploymentDemo .bh-site-nav strong span{font-size:7px;vertical-align:top}#deploymentDemo .bh-site-nav>span{font-size:8px;color:#505c50}#deploymentDemo .bh-site-art{height:98px;position:relative;background:#ccd8b0;overflow:hidden}#deploymentDemo .bh-sun{position:absolute;right:30px;top:13px;width:46px;height:46px;border-radius:50%;background:#f1c071}#deploymentDemo .bh-hill{position:absolute;width:110%;height:125px;border-radius:50%;background:#587860;bottom:-75px;left:-30%}#deploymentDemo .bh-hill-two{left:40%;bottom:-80px;background:#2f5248}#deploymentDemo .bh-art-caption{position:absolute;top:16px;left:14px;font:8px ui-monospace,monospace;letter-spacing:.8px;max-width:85px;color:#30472c}#deploymentDemo .bh-site-copy{padding:13px 17px 17px}#deploymentDemo .bh-site-copy .bh-small-label{color:#51604c;font-size:8px}#deploymentDemo .bh-site h3{font:500 27px/1.04 Georgia,serif;letter-spacing:-.7px;margin:8px 0}#deploymentDemo .bh-site-copy p{font-size:9px;margin:8px 0 13px;color:#4b584b}#deploymentDemo .bh-site-link{display:inline-flex;gap:24px;font-size:9px;border-bottom:1px solid #687860;padding-bottom:4px}#deploymentDemo .bh-browser-footer{padding:9px 12px;display:flex;align-items:center;gap:7px;border-top:1px solid #303b48;color:var(--bh-muted);font-size:10px}#deploymentDemo .bh-connection{width:5px;height:5px;border-radius:50%;background:#647385}#deploymentDemo.bh-complete .bh-site{opacity:1;transform:none}#deploymentDemo.bh-complete .bh-waiting{opacity:0}#deploymentDemo.bh-complete .bh-connection{background:var(--bh-cyan)}#deploymentDemo.bh-complete .bh-live{color:var(--bh-cyan)}
#deploymentDemo .bh-playback{padding:22px 24px 17px}#deploymentDemo .bh-timeline{height:3px;background:#2c3541;border-radius:3px;overflow:hidden}#deploymentDemo .bh-timeline>div{height:100%;width:0;background:var(--bh-cyan)}#deploymentDemo .bh-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}#deploymentDemo .bh-status{color:#c0ccd9;font-size:12px}#deploymentDemo .bh-buttons{display:flex;gap:8px;flex:none}#deploymentDemo button{font:500 12px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:38px;padding:8px 13px;cursor:pointer;border-radius:6px;border:1px solid #3c4958;color:#edf3fa;background:#1a232e}#deploymentDemo button.bh-play{background:var(--bh-cyan);color:#051015;border-color:transparent;min-width:119px}#deploymentDemo button.bh-play>span{padding-left:7px;font-size:10px}#deploymentDemo button:hover{filter:brightness(1.1)}#deploymentDemo .bh-disclosure{font-size:10px;color:#a9b5c4;margin-top:12px}#deploymentDemo .bh-replay[hidden]{display:none}
@keyframes bh-breathe{50%{opacity:.45}}@keyframes bh-float{50%{transform:rotate(5deg) translateY(-5px)}}
@media(max-width:560px){#deploymentDemo .bh-workspace{grid-template-columns:1fr;padding:0 16px}#deploymentDemo .bh-top{padding:16px}#deploymentDemo .bh-intro{padding:22px 16px}#deploymentDemo .bh-agent-body{padding:14px}#deploymentDemo .bh-reply{min-height:18px}#deploymentDemo .bh-steps li{font-size:12px}#deploymentDemo .bh-step-state{font-size:11px}#deploymentDemo .bh-playback{padding:20px 16px 16px}#deploymentDemo .bh-controls{align-items:flex-start;flex-direction:column}#deploymentDemo .bh-buttons{width:100%}#deploymentDemo button{min-height:44px}#deploymentDemo button.bh-play{flex:1}#deploymentDemo .bh-stage,#deploymentDemo .bh-site{min-height:290px}#deploymentDemo .bh-site-art{height:100px}#deploymentDemo .bh-site-copy{padding:12px 18px}#deploymentDemo .bh-site-nav strong{font-size:12px}#deploymentDemo .bh-site-nav>span{font-size:10px}#deploymentDemo .bh-site-copy p,#deploymentDemo .bh-site-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){#deploymentDemo *,#deploymentDemo *::before,#deploymentDemo *::after{animation:none!important;transition:none!important}}