/* AI Vision Bots detail sections. Uses site.css tokens only. No motion. */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split.rev .split-fig{order:2}
.split-fig{margin:0;border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--sh);background:var(--panel);aspect-ratio:16/9}
.split-fig picture,.split-fig img{display:block;width:100%;height:100%;object-fit:cover}
.pts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.pts li{background:#fff;border:1px solid var(--line);border-radius:var(--r-chip);padding:14px 16px;font-size:.95rem;color:var(--muted);line-height:1.55}
.pts li b{display:block;color:var(--ink);margin-bottom:2px}
.band-fig{margin:0 0 32px;border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--sh);aspect-ratio:16/7;background:var(--panel)}
.band-fig picture,.band-fig img{display:block;width:100%;height:100%;object-fit:cover}
.code{background:var(--ink);color:#e6edf7;border-radius:var(--r-card);padding:18px 20px;overflow-x:auto;font:500 .82rem/1.6 'JetBrains Mono',monospace;margin:0}
.code .c{color:#8fa3c4}
.tagx{display:inline-block;font:700 .7rem/1 'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:8px;background:var(--warn-bg);color:var(--warn);margin-bottom:10px}
.xlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.step4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.step4 .step p{font-size:.92rem;line-height:1.6}
.scopes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.scopes li{font:500 .76rem 'JetBrains Mono',monospace;background:var(--accent-tint);color:var(--accent-deep);border:1px solid var(--accent-line);border-radius:8px;padding:5px 8px}
@media(max-width:1000px){.step4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:24px}.split.rev .split-fig{order:0}.band-fig{aspect-ratio:16/9}}
@media(max-width:560px){.step4{grid-template-columns:1fr}}
#avb-api .g>*{min-width:0}
@media(max-width:860px){#avb-api .g2{grid-template-columns:1fr}}
#avb-api .g2{align-items:start}