/* Buddy-Live (Paket 120) — baut auf ori-live.css auf (ol-hero, ol-form, ol-offer, ol-faq, ol-dlg) */
.bl{--bc:var(--bz,#2563EB);--bon:#fff}
.bl .ol-hero h1 em{color:var(--bz)}
.bl-fig{margin:0;display:grid;place-items:center;position:relative}
.bl-fig img{width:min(300px,70%);height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--bz) 30%,transparent));animation:bl-float 6s ease-in-out infinite}
.bl-fig::before{content:"";position:absolute;inset:12% 14%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bz) 26%,transparent),transparent);z-index:-1}
@keyframes bl-float{50%{transform:translateY(-10px) rotate(-1.5deg)}}
.bl-tag{display:inline-flex;gap:8px;align-items:center;font:600 13px/1 var(--font-body,Inter,sans-serif);padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--bz) 12%,transparent);color:var(--bz);margin:0 0 14px}
.bl-tag i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:bl-pulse 1.6s infinite}
@keyframes bl-pulse{50%{opacity:.35}}
.bl-honest{margin:14px 0 0;font-size:14px;line-height:1.5;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--bz) 45%,transparent);background:color-mix(in srgb,var(--bz) 6%,transparent)}
.bl-sec{padding:clamp(28px,5vw,64px) 0}
.bl-scan{max-width:640px;margin:0 auto;padding:22px;border-radius:22px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--surface,rgba(255,255,255,.7));backdrop-filter:blur(14px)}
.bl-scan p{margin:0 0 10px;font-weight:600}
#bl-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#bl-steps li{display:flex;gap:10px;align-items:center;opacity:.45;transition:opacity .3s}
#bl-steps li::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;flex:none}
#bl-steps li.now{opacity:1}#bl-steps li.now::before{border-color:var(--bc);border-right-color:transparent;animation:bl-spin .8s linear infinite}
#bl-steps li.ok{opacity:1}#bl-steps li.ok::before{background:var(--bc);border-color:var(--bc)}
@keyframes bl-spin{to{transform:rotate(1turn)}}
.bl-ws{display:grid;gap:18px;grid-template-columns:minmax(220px,300px) 1fr;align-items:start}
@media (max-width:860px){.bl-ws{grid-template-columns:1fr}}
.bl-card{border-radius:22px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--surface,#fff);padding:18px;box-shadow:0 18px 50px -30px rgba(15,23,42,.35)}
.bl-co{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.bl-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--bc);color:var(--bon);font:700 22px/1 var(--font-head,sans-serif);overflow:hidden;flex:none}
.bl-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.bl-co b{display:block;font-size:17px}.bl-co small{display:block;opacity:.7;word-break:break-all}
#bl-cols{display:flex;gap:6px;margin:8px 0}#bl-cols i{width:22px;height:22px;border-radius:7px;background:var(--c);border:1px solid rgba(127,127,127,.3)}
.bl-mut{font-size:13.5px;opacity:.75;margin:6px 0 0}
.bl-tool{border-radius:22px;overflow:hidden;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--surface,#fff);box-shadow:0 24px 60px -34px rgba(15,23,42,.45)}
.bl-tool-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bc);color:var(--bon)}
.bl-tool-h img{width:34px;height:34px;object-fit:contain}
.bl-tool-h b{font-size:15.5px}.bl-tool-h span{margin-left:auto;font-size:12.5px;opacity:.9}
.bl-tool-b{padding:16px}
.bl-tool label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.bl-tool textarea{width:100%;min-height:120px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.35));padding:12px;font:inherit;background:transparent;color:inherit;resize:vertical}
.bl-ex{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.bl-ex button,.bl-sugg button{border:1px solid color-mix(in srgb,var(--bc) 40%,transparent);background:color-mix(in srgb,var(--bc) 8%,transparent);color:inherit;border-radius:999px;padding:6px 11px;font:500 13px/1.2 inherit;cursor:pointer}
.bl-run{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;background:var(--bc);color:var(--bon);font:600 15px/1 inherit;cursor:pointer;transition:transform .15s}
.bl-run:hover{transform:translateY(-1px)}.bl-run:disabled{opacity:.5;cursor:default;transform:none}
.bl-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bl-row small{opacity:.7}
.bl-out{margin-top:14px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--bc) 6%,transparent);border-left:4px solid var(--bc);line-height:1.6;font-size:15px;white-space:normal}
.bl-out .bl-h,.bl-b .bl-h{display:inline-block;margin-top:8px;color:var(--bc)}
.bl-out.sys{border-left-color:#B42318}
.bl-dots{animation:bl-pulse 1s infinite}
.bl-phone{max-width:380px;margin:0 auto;border-radius:36px;padding:10px;background:#0f172a;box-shadow:0 30px 70px -30px rgba(15,23,42,.6)}
.bl-wa{border-radius:28px;overflow:hidden;background:#ECE5DD;color:#111b21;display:flex;flex-direction:column;height:560px}
.bl-wa-h{display:flex;gap:10px;align-items:center;padding:12px 14px;background:#075E54;color:#fff}
.bl-wa-h .bl-logo{width:36px;height:36px;border-radius:50%;font-size:15px}
.bl-wa-h small{display:block;opacity:.8;font-size:12px}
#bl-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px}
.bl-b{max-width:82%;padding:8px 11px;border-radius:12px;font-size:14.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bl-b.o{background:#fff;align-self:flex-start;border-top-left-radius:4px}
.bl-b.u{background:#DCF8C6;align-self:flex-end;border-top-right-radius:4px}
.bl-b.sys{align-self:center;background:#FFF4E5;font-size:13px}
.bl-sugg{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}
.bl-sugg button{background:#fff;border-color:#cfd8dc}
#bl-ask{display:flex;gap:8px;padding:8px;background:#F0F0F0}
#bl-ask input{flex:1;border:0;border-radius:999px;padding:10px 14px;font:inherit;background:#fff;color:#111}
#bl-ask button{border:0;width:42px;height:42px;border-radius:50%;background:#075E54;color:#fff;font-size:18px;cursor:pointer}
.bl-used{margin-top:12px;font-weight:600}
.bl-akt{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;margin:0 auto 18px;max-width:760px;padding:12px 16px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--bz) 14%,transparent),color-mix(in srgb,var(--bz) 4%,transparent));border:1px solid color-mix(in srgb,var(--bz) 35%,transparent);font-size:14.5px}
.bl-akt span{opacity:.85}
.bl-old{opacity:.55;font-weight:500;margin-right:4px}
.bl-badge{position:absolute;top:18px;right:18px;font:600 12px/1 inherit;padding:6px 10px;border-radius:999px;background:var(--bz);color:#fff}
.bl .ol-price{position:relative}
.bl-kombi{max-width:760px;margin:18px auto 0;padding:16px 18px;border-radius:18px;border:1px solid var(--line,rgba(127,127,127,.25));display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.bl-kombi img{width:48px;height:48px;object-fit:contain}
.bl-kombi p{margin:0;flex:1;min-width:220px}
.bl-steps3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s;list-style:none;padding:0;margin:18px 0 0}
.bl-steps3 li{counter-increment:s;padding:18px;border-radius:18px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--surface,transparent)}
.bl-steps3 li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bz);color:#fff;font-weight:700;margin-bottom:10px}
.bl-all{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0 0}
.bl-all a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));font-size:13.5px;text-decoration:none;color:inherit}
.bl-all a img{width:22px;height:22px;object-fit:contain}
.bl-all a[aria-current]{border-color:var(--bz);color:var(--bz);font-weight:600}
/* /agents: Live-Abzeichen + Kombi-Hinweis */
.bz-card .bl-lb{position:absolute;top:46px;left:18px;z-index:2;display:inline-flex;gap:6px;align-items:center;font:600 11.5px/1 Inter,sans-serif;padding:6px 9px;border-radius:999px;background:#ECFDF3;color:#067647;border:1px solid #ABEFC6}
.bz-card .bl-lb i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:bl-pulse 1.6s infinite}
.bz-card{position:relative}
.bl-strip{margin:0 0 22px;padding:16px 18px;border-radius:18px;border:1px solid rgba(37,99,235,.25);background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(37,99,235,.02));font-size:14.5px;line-height:1.5}
.bl-strip b{display:block;font-size:16px;margin-bottom:4px}
@media (prefers-reduced-motion:reduce){.bl-fig img,.bl-tag i,.bz-card .bl-lb i{animation:none}}
html.a2-still .bl-fig img{animation:none}
#bl-ws,#bl-scan,#bl-preise{scroll-margin-top:110px}
