/* Smart Buildings suite — dark AIENERGY theme, mobile-first */
.hero .art.bx{position:relative;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);max-width:460px;margin-inline:auto;width:100%}
.bx .demo{top:8px}.bx-svg svg{width:100%;height:auto;max-height:540px;filter:drop-shadow(0 0 18px rgba(31,200,255,.25))}
.bx .fl{cursor:pointer;outline:none}.bx .fl:hover .fbg,.bx .fl:focus-visible .fbg{stroke:#1fc8ff;stroke-width:1.5}
.bx .sd{animation:sdp 2s infinite}@keyframes sdp{50%{opacity:.35}}.bx .warn{fill:#ff5a4d;animation:sdp 1s infinite}
.bx.ly-h [data-s]:not([data-s=h]),.bx.ly-l [data-s]:not([data-s=l]),.bx.ly-e [data-s]:not([data-s=e]),.bx.ly-a [data-s]:not([data-s=a]){opacity:.12}
.bx-tip{margin-top:8px;padding:10px 12px;border:1px solid rgba(93,255,106,.35);border-radius:12px;background:rgba(93,255,106,.06);min-height:96px}
.bx-tip b{color:#5dff6a}.bx-tip p{margin:4px 0;font-size:.9rem;line-height:1.55}.bx-tip small{color:var(--mute)}
.bx-ctl,.sc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bx-b,.sc-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#07142b;color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}
.bx-b i{width:10px;height:10px;border-radius:50%;display:inline-block}.bx-b.on,.sc-chip.on{border-color:#5dff6a;background:rgba(93,255,106,.14);color:#5dff6a;font-weight:800}
.sc-chips{margin-top:18px}.sc-meta{margin:10px 0 0;color:var(--mute);font-size:.85rem}
.sc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.sc-kpis div{padding:10px;border:1px solid var(--line);border-radius:12px;background:#07142b}.sc-kpis small{display:block;color:var(--mute);font-size:.72rem}
.sc-kpis b{color:var(--green);font-size:1.05rem;direction:ltr;unicode-bidi:isolate;display:block;text-align:start}
.demo-line{margin:8px 0 0;font-size:.72rem;color:#ffd93b}
.ba-view{position:relative;aspect-ratio:600/260;border-radius:14px;overflow:hidden;border:1px solid var(--line);touch-action:pan-y;user-select:none}
.ba-view svg{width:100%;height:100%;display:block}.ba-r,.ba-l{position:absolute;inset:0}
.ba-l{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 12px rgba(255,255,255,.6)}
.ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:linear-gradient(90deg,#ff9d4d,#5dff6a);color:#031022;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900}
.ba-view input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:10px;padding:3px 12px;border-radius:999px;font-size:.75rem;font-weight:800;background:rgba(3,16,34,.8)}.ba-tag.l{left:10px;color:#ff9d4d;border:1px solid #ff9d4d}.ba-tag.r{right:10px;color:#5dff6a;border:1px solid #5dff6a}
.ba-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.ba-c{padding:14px;border-radius:14px;border:1px solid var(--line);background:#07142b}.ba-c.trad{border-color:rgba(255,120,70,.5)}.ba-c.ai{border-color:rgba(93,255,106,.5)}
.ba-c h4{margin:0 0 8px}.ba-c small{display:block;color:var(--mute);font-size:.75rem;margin-top:6px}.ba-c b{font-size:1.1rem;direction:ltr;unicode-bidi:isolate;display:block;text-align:start}
.ba-c.trad b{color:#ff9d4d}.ba-c.ai b{color:#5dff6a}.ba-c em{font-style:normal;font-size:.75rem;color:#5dff6a}
.roi-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px}
.roi-out div{padding:12px;border:1px solid var(--line);border-radius:14px;background:#07142b}.roi-out small{display:block;color:var(--mute);font-size:.75rem}
.roi-out b{color:var(--green);font-size:1.3rem;direction:ltr;unicode-bidi:isolate;display:block;text-align:start}.roi-out em{font-style:normal;color:var(--mute);font-size:.75rem}
.form input[type=number],.form select{min-height:44px}
@media(max-width:560px){.ba-cards{grid-template-columns:1fr}.sc-kpis{grid-template-columns:1fr 1fr 1fr}.sc-kpis b{font-size:.9rem}.bx-b,.sc-chip{font-size:.78rem}}

/* CLS fix: reserve space for widgets injected by buildings.js (measured final heights, lower bound) */
#sc-root{min-height:277px}
#bx{min-height:787px}
#ba-root{min-height:674px}
@media (min-width:480px){#sc-root{min-height:190px}#bx{min-height:817px}#ba-root{min-height:582px}}