.bot-lead { font-size: 1.08rem; color: #d9d1c4; }
.bot-cta { display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 8px; padding: 13px 22px; border-radius: 999px; background: #5865f2; color: #fff !important; font-weight: 600; text-decoration: none; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 10px 30px -10px rgba(88,101,242,.7); }
.bot-cta:hover { background: #6b77f5; }
.bot-cta svg { width: 22px; height: 22px; }
.bot-note { font-size: .86rem; color: #a39b90; margin: 4px 0 0; }
.bot-cmds { display: grid; gap: 10px; margin: 10px 0 0; padding: 0; list-style: none; }
.bot-cmds li { padding: 12px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: #151311; }
.bot-cmds code { font: 600 .95rem 'JetBrains Mono', ui-monospace, Menlo, monospace; color: #c9a063; }
.bot-cmds p { margin: 4px 0 0; color: #cfc7ba; font-size: .95rem; }
.bot-shots { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 12px; align-items: start; }
.bot-shots figure { margin: 0; }
.bot-shots img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); }
.bot-shots figcaption { font-size: .82rem; color: #a39b90; margin-top: 6px; text-align: center; }