.bzh-wrap{padding:0 clamp(10px,2vw,28px)}
.bzh{position:relative;width:100%;height:475px;margin:0 auto;border-radius:22px;overflow:hidden;color:#fff;font-family:Manrope,system-ui,sans-serif;background:#0b0a16;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px -35px #8b5cf6,0 0 0 1px rgba(139,92,246,.15) inset;isolation:isolate;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none}
.bzh:focus-visible{box-shadow:0 0 0 3px #ff5fa2}
.bzh-bg{position:absolute;inset:-20%;z-index:-2;pointer-events:none}
.bzh-bg i{position:absolute;width:55%;height:70%;border-radius:50%;opacity:.75;will-change:transform;animation:bzhO 18s ease-in-out infinite alternate}
.bzh-bg i:nth-child(1){left:5%;top:5%;background:radial-gradient(closest-side,#6d4bff,transparent)}
.bzh-bg i:nth-child(2){right:0;top:20%;animation-duration:22s;animation-delay:-6s;background:radial-gradient(closest-side,#ff4f8b,transparent)}
.bzh-bg i:nth-child(3){left:35%;bottom:0;background:radial-gradient(closest-side,#ff8a3d,transparent);opacity:.5;animation-duration:26s;animation-delay:-11s}
.bzh[data-tone="warn"] .bzh-bg i:nth-child(2){background:radial-gradient(closest-side,#ff3b5c,transparent)}
.bzh.off *{animation-play-state:paused!important}
@keyframes bzhO{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(8%,6%,0) scale(1.15)}}
.bzh canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.bzh-st{position:absolute;inset:0 0 104px 0}
.bzh-sc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px);padding:56px 24px 0;opacity:0;transform:translate3d(0,14px,0) scale(.985);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.bzh-sc.in{opacity:1;transform:none;pointer-events:auto}
.bzh-sc.out{opacity:0;transform:translate3d(0,-12px,0) scale(.99)}
.bzh-sc .col{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:520px}
.bzh-k{font:700 clamp(26px,4vw,48px)/1.08 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.02em;margin:0;text-align:left}
.bzh-k em{font-style:normal;background:linear-gradient(90deg,#ffb547,#ff5fa2,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.bzh-k .wd{display:inline-block;opacity:0;transform:translate3d(0,.5em,0);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d)*70ms + .15s)}
.bzh-sc.in .wd{opacity:1;transform:none}
.bzh-s{margin:0;opacity:.8;font-size:clamp(14px,1.5vw,17px);max-width:440px}
.bzh-mono{font:600 12px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#ffb547;opacity:.9}
/* Buzz */
.bzh-bot{width:clamp(110px,14vw,170px);flex:none;cursor:pointer;filter:drop-shadow(0 18px 30px rgba(236,72,153,.35));transition:transform .35s cubic-bezier(.3,1.6,.5,1);will-change:transform}
.bzh-bot svg{width:100%;display:block;animation:bzhF 3.2s ease-in-out infinite;will-change:transform}
.bzh-bot:hover{transform:scale(1.06) rotate(-3deg)}
.bzh-bot.pop{animation:bzhP .7s cubic-bezier(.3,1.6,.5,1)}
.bzh-bot .eye{transform-origin:center;transform-box:fill-box;animation:bzhB 4.5s infinite}
.bzh-bot .arm{transform-origin:100px 62px;animation:bzhW 2.4s ease-in-out infinite}
@keyframes bzhF{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes bzhB{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}
@keyframes bzhW{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}
@keyframes bzhP{0%{transform:scale(1)}30%{transform:scale(.88,1.1)}60%{transform:scale(1.12,.92)}100%{transform:scale(1)}}
.bzh-rip{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #ff9bd0;pointer-events:none;animation:bzhR .7s ease-out forwards;z-index:6}
@keyframes bzhR{to{transform:scale(9);opacity:0}}
/* props */
.bzh-hot{cursor:pointer;position:relative;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.bzh-hot:hover{transform:translateY(-3px) scale(1.03)}
.bzh-hot::after{content:"";position:absolute;right:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#ffb547;box-shadow:0 0 0 0 rgba(255,181,71,.7);animation:bzhH 1.8s infinite}
@keyframes bzhH{70%{box-shadow:0 0 0 12px rgba(255,181,71,0)}100%{box-shadow:0 0 0 0 rgba(255,181,71,0)}}
.bzh-phone{width:150px;height:230px;border-radius:26px;background:linear-gradient(160deg,#1d1838,#100d22);border:2px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:none}
.bzh-phone small{opacity:.6;font-size:11px}.bzh-phone b{font-size:15px}
.bzh-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#22c55e;animation:bzhRg 1.1s ease-in-out infinite}
.bzh-sc.miss .bzh-ring{background:#ef4444;animation:none}
@keyframes bzhRg{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-6deg)}}
.bzh-clock{font:700 13px "JetBrains Mono",monospace;opacity:.7}
.bzh-tag{padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;background:rgba(239,68,68,.18);color:#ffb4b4;border:1px solid rgba(239,68,68,.4)}
.bzh-tag.ok{background:rgba(34,197,94,.16);color:#a7f3c0;border-color:rgba(34,197,94,.4)}
.bzh-chat{display:flex;flex-direction:column;gap:10px;max-width:420px;width:100%}
.bzh-chat p{margin:0;padding:10px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);font-size:15px;opacity:0;transform:translate3d(-10px,8px,0);transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.bzh-chat p.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(90deg,#7c3aed,#ec4899);transform:translate3d(10px,8px,0)}
.bzh-sc.in .bzh-chat p{opacity:1;transform:none}
.bzh-chat p:nth-child(2){transition-delay:1.1s}.bzh-chat p:nth-child(3){transition-delay:2.2s}.bzh-chat p:nth-child(1){transition-delay:.3s}
.bzh-cal{width:230px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:12px;flex:none}
.bzh-cal div{padding:9px 10px;border-radius:9px;margin-top:6px;background:rgba(255,255,255,.05);font-size:13px}
.bzh-cal .h{background:none;font-weight:800;margin:0}
.bzh-cal .nw{background:linear-gradient(90deg,rgba(34,197,94,.35),rgba(34,197,94,.12));border:1px solid rgba(34,197,94,.5);transform:scale(.6);opacity:0;transition:transform .6s cubic-bezier(.3,1.6,.5,1) .7s,opacity .4s .7s}
.bzh-sc.in .bzh-cal .nw{transform:none;opacity:1}
.bzh-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:440px}
.bzh-chips span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;opacity:0;transform:translate3d(0,10px,0);transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1),background .2s;transition-delay:calc(var(--d)*90ms + .4s);cursor:pointer}
.bzh-sc.in .bzh-chips span{opacity:1;transform:none}
.bzh-chips span:hover{background:rgba(255,95,162,.25)}
.bzh-web{width:min(300px,40vw);border-radius:14px;background:#14112a;border:1px solid rgba(255,255,255,.14);overflow:hidden;flex:none}
.bzh-web .bar{padding:8px;font:11px "JetBrains Mono",monospace;background:rgba(255,255,255,.06);opacity:.8}
.bzh-web .hd{height:70px;margin:10px;border-radius:10px;background:linear-gradient(90deg,#7c3aed,#ec4899,#f97316);background-size:200% 100%;animation:bzhG 6s linear infinite}
@keyframes bzhG{to{background-position:200% 0}}
.bzh-web .ln{height:8px;margin:8px 10px;border-radius:4px;background:rgba(255,255,255,.14)}.bzh-web .ln.s{width:60%}
.bzh-web .bt{margin:10px;display:inline-block;padding:7px 12px;border-radius:8px;background:#ffb547;color:#1a1030;font-weight:800;font-size:12px}
.bzh-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.bzh-ctas a,.bzh-ctas button{font:800 15px Manrope,sans-serif;padding:12px 18px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;color:#1a1030;background:linear-gradient(90deg,#ffb547,#ff5fa2);box-shadow:0 10px 24px -10px #ff5fa2;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}
.bzh-ctas button{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none}
.bzh-ctas a:hover,.bzh-ctas button:hover{transform:translateY(-2px) scale(1.03)}
.bzh-ctas a:active,.bzh-ctas button:active{transform:scale(.96)}
.bzh-ctas a{animation:bzhC 2.4s ease-in-out infinite 1.5s}
@keyframes bzhC{0%,100%{box-shadow:0 10px 24px -10px #ff5fa2}50%{box-shadow:0 10px 34px -6px #ff5fa2}}
/* chrome */
.bzh-cc,.bzh-i{position:absolute;top:14px;z-index:5;height:30px;min-width:30px;padding:0 9px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(10,8,25,.55);color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.bzh-cc{left:14px}.bzh-i{right:14px;border-radius:50%;font-family:Georgia,serif}
.bzh-cc[aria-pressed=false]{opacity:.5;text-decoration:line-through}
.bzh-cc:hover,.bzh-i:hover{transform:scale(1.08);background:rgba(255,255,255,.15)}
.bzh-cap{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);z-index:4;max-width:min(92%,720px);padding:8px 14px;border-radius:10px;background:rgba(10,8,22,.78);font-size:14px;line-height:1.35;text-align:center;transition:opacity .3s;pointer-events:none}
.bzh.nocc .bzh-cap{opacity:0}
.bzh-tip{position:absolute;left:50%;top:54px;transform:translate(-50%,-6px);opacity:0;z-index:6;max-width:min(88%,420px);padding:10px 14px;border-radius:12px;background:#fff;color:#1a1030;font-weight:700;font-size:14px;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1);pointer-events:none;text-align:center}
.bzh-tip.on{opacity:1;transform:translate(-50%,0)}
.bzh-bar{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;display:flex;align-items:center;gap:12px}
.bzh-bar>button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:14px;cursor:pointer;flex:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s}
.bzh-bar>button:hover{transform:scale(1.1);background:rgba(255,255,255,.26)}
.bzh-segs{flex:1;display:flex;gap:6px}
.bzh-segs button{flex:1;height:14px;padding:5px 0;border:0;background:none;cursor:pointer;position:relative}
.bzh-segs button::before{content:"";position:absolute;left:0;right:0;top:5px;height:4px;border-radius:2px;background:rgba(255,255,255,.18)}
.bzh-segs button i{position:absolute;left:0;right:0;top:5px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ffb547,#ff5fa2,#a78bfa);transform-origin:left;transform:scaleX(0);will-change:transform}
.bzh-segs button:hover::before{background:rgba(255,255,255,.35)}
.bzh-hint{position:absolute;right:62px;top:20px;z-index:5;font-size:11px;opacity:.55;pointer-events:none}
@media (max-width:700px){.bzh{height:520px;border-radius:18px}.bzh-st{bottom:112px}.bzh-sc{flex-direction:column;gap:14px;padding:52px 16px 0;text-align:center}.bzh-sc .col{align-items:center}.bzh-k{text-align:center;font-size:26px}.bzh-bot{width:96px}.bzh-phone{width:120px;height:150px}.bzh-cal{width:200px}.bzh-chat p{font-size:13px;text-align:left}.bzh-web{width:220px}.bzh-web .hd{height:40px}.bzh-chips{justify-content:center}.bzh-hint{display:none}.bzh-cap{bottom:60px;font-size:13px}.bzh-ctas{justify-content:center}}
@media (prefers-reduced-motion:reduce){.bzh *,.bzh *::before,.bzh *::after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}}