/* bbi-visual 1.4.0 (bbx2-*): sequences, stack, feed, flow, timeline, calculator. Extends visual130. */
.bbx2-wrap{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.bbx2-wrap{grid-template-columns:1fr 1fr;gap:48px}.bbx2-wrap--r>:first-child{order:2}}
.bbx2-fig{margin:0;display:grid;gap:12px}
.bbx2-cap{font-weight:700;color:#fff}.bbx2-cap small{color:#9fb3c8;font-weight:400;font-size:.88rem}
.bbx2-glow{position:relative;isolation:isolate}
.bbx2-glow::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:19px;background:linear-gradient(120deg,rgba(34,211,238,.55),rgba(11,222,177,.1),rgba(7,150,255,.55));background-size:200% 200%;filter:blur(14px);opacity:.35;animation:bbx2g 8s ease-in-out infinite alternate}
@keyframes bbx2g{to{background-position:100% 100%;opacity:.55}}
.bbx2-body{padding:14px 16px 18px;display:grid;gap:8px}
/* sequence items: visible by default; hidden only while armed (JS, motion allowed) */
[data-s]{transition:opacity .45s,transform .45s}
.bbx2-pre [data-s]:not(.is-on){opacity:0;transform:translateY(8px)}
.bbx2-replay{justify-self:start;background:none;border:1px solid rgba(255,255,255,.22);color:#dbe7f3;border-radius:999px;padding:6px 14px;font:inherit;font-size:.85rem;cursor:pointer}
.bbx2-replay:focus-visible,.bbx2-tl input:focus-visible+span,.bbx2-calc select:focus-visible{outline:2px solid #0bdeb1;outline-offset:2px}
/* stack */
.bbx2-stack{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bbx2-stack li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(255,255,255,.03));border:1px solid rgba(34,211,238,.22);color:#e6fbff;font-size:.95rem}
.bbx2-stack li b{font-weight:700}.bbx2-stack li small{margin-left:auto;color:#5ff5d2;font-size:.8rem;white-space:nowrap}
.bbx2-stack li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#0bdeb1;box-shadow:0 0 10px rgba(11,222,177,.8)}
.bbx2-stack li.bbx2-opt{background:rgba(255,255,255,.03);border-style:dashed;border-color:rgba(255,255,255,.18)}.bbx2-opt::before{background:#64748b!important;box-shadow:none!important}
/* feed (agent tasks / ticket) */
.bbx2-feed{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bbx2-feed li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#dbe7f3;font-size:.92rem}
.bbx2-feed .bbx2-me{background:rgba(7,150,255,.16);border-color:rgba(7,150,255,.35);margin-left:16%}
.bbx2-feed b{color:#fff}
.bbx2-tag{display:inline-block;margin-top:6px;font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(11,222,177,.15);color:#5ff5d2}
.bbx2-tag--w{background:rgba(250,204,21,.14);color:#fde68a}
/* flow (numbered steps with a growing line) */
.bbx2-flow{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
@media(min-width:860px){.bbx2-flow{grid-template-columns:repeat(4,1fr)}}
.bbx2-flow li{position:relative;padding:20px;border-radius:18px;background:linear-gradient(180deg,#0d1424,#0a0d14);border:1px solid rgba(255,255,255,.08)}
.bbx2-flow li.is-on{border-color:rgba(34,211,238,.35)}
.bbx2-flow h3{font-size:1.05rem;margin:0 0 6px;color:#fff}.bbx2-flow p{margin:0;color:var(--mut,#ccccd7);font-size:.95rem}
.bbx2-flow .bbx-n{margin-bottom:10px}
/* timeline */
.bbx2-tl fieldset{border:0;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bbx2-tl legend{font-weight:700;color:#fff;margin-bottom:10px;padding:0}
.bbx2-tl label{position:relative;cursor:pointer}
.bbx2-tl input{position:absolute;opacity:0;width:1px;height:1px}
.bbx2-tl label span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(34,211,238,.3);background:rgba(11,18,32,.92);color:#dbe7f3;font-weight:600;font-size:.92rem}
.bbx2-tl input:checked+span{background:#22d3ee;color:#04121a;border-color:#22d3ee}
.bbx2-tl ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bbx2-tl ol li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;color:#dbe7f3}
.bbx2-tl ol li .bbx-n{margin:0}
.bbx2-tl ol b{display:block;color:#fff}
.bbx2-tl__build{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}
.bbx2-tl__build i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#22d3ee,#0bdeb1);transition:transform .6s}
.bbx2-tl output{display:block;margin-top:14px;color:#dbe7f3}
.bbx2-tl output a{color:#0bdeb1}
/* calculator */
.bbx2-calc__in{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.bbx2-calc label{display:grid;gap:4px;font-weight:600;color:#fff;font-size:.92rem}
.bbx2-calc select{font:inherit;min-height:44px;padding:8px 12px;border-radius:10px;background:#0b1220;color:#fff;border:1px solid rgba(34,211,238,.45)}
.bbx2-calc__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}
.bbx2-calc__col{text-align:center;color:#dbe7f3;font-size:.88rem}
.bbx2-calc__bar{display:block;height:120px;border-radius:12px;background:rgba(255,255,255,.04);overflow:hidden;display:flex;align-items:flex-end;margin-bottom:6px}
.bbx2-calc__bar i{display:block;width:100%;height:100%;transform-origin:bottom;background:linear-gradient(0deg,#0796ff,#22d3ee);box-shadow:0 0 18px rgba(34,211,238,.5);transition:transform .5s}
.bbx2-calc__col b{display:block;color:#fff;font-size:1.05rem}
.bbx2-calc output{display:block;margin-top:14px;color:#dbe7f3}
.bbx2-calc__them{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);color:#cbd5e1;font-size:.9rem}
/* AI agent page */
.bbx2-groups{display:grid;gap:16px}
@media(min-width:700px){.bbx2-groups{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1050px){.bbx2-groups{grid-template-columns:repeat(3,1fr)}}
.bbx2-groups h3{font-size:1.08rem;margin:0 0 8px;color:#fff}
.bbx2-groups ul{margin:0;padding-left:1.1rem;color:var(--mut,#ccccd7);display:grid;gap:6px}
.bbx2-note{color:#9fb3c8;font-size:.92rem;margin-top:16px}
.bbx2-three{display:grid;gap:16px}@media(min-width:800px){.bbx2-three{grid-template-columns:repeat(3,1fr)}}
.bbx2-three h3{font-size:1.05rem;margin:0 0 6px;color:#fff}.bbx2-three p{margin:0;color:var(--mut,#ccccd7)}
.bbx2-price{text-align:center;max-width:640px;margin:0 auto;padding:clamp(24px,5vw,44px) 20px;background:radial-gradient(60% 80% at 50% 0,rgba(34,211,238,.16),transparent 70%),linear-gradient(180deg,#0d1424,#0a0d14);border:1px solid rgba(34,211,238,.32)}
.bbi-card.bbx2-price p.bbx2-amt{line-height:1.1;font-size:clamp(2rem,7vw,3rem);font-weight:900;color:#fff;margin:.3rem 0}
.bbi-card.bbx2-price .bbx2-amt small{font-size:1rem;font-weight:600;color:#cbd5e1}
.bbx2-price ul{text-align:left;display:inline-grid;gap:6px;margin:1rem auto;color:var(--mut,#ccccd7)}
.bbx2-price .bbi-actions{justify-content:center;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.bbx2-glow::before{animation:none}[data-s],.bbx2-tl__build i,.bbx2-calc__bar i{transition:none}.bbx2-replay{display:none}}