.bot-page{max-width:1240px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2.5rem) 5rem;color:var(--text-2)}.bot-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem);align-items:center}.bot-intro h1{color:var(--text-1);font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.08}.bot-intro>p{max-width:34rem;margin-top:1rem;font-size:1.05rem;line-height:1.65}.bot-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.bot-intro .bot-perms{margin-top:1rem;color:var(--text-3);font-size:.82rem}.bot-demo{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#1e1a27;box-shadow:0 40px 80px rgba(0,0,0,.45);font-size:.86rem}.bot-demo-top{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);color:#e8e3f3;font-weight:700}.bot-demo-top span{color:#8f879d;font-size:1.2rem}.bot-demo-top em{margin-left:auto;color:#8f879d;font-size:.72rem;font-style:normal;font-weight:500}.bot-demo-chat{display:flex;min-height:340px;flex-direction:column;justify-content:flex-end;gap:.9rem;padding:1rem}.bot-demo-msg{display:flex;gap:.7rem;animation:av-reveal-up .28s var(--ease-out) both}.bot-demo-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%}.bot-demo-avatar.is-user{display:grid;place-items:center;background:#6d5bd0;color:#fff;font-weight:800}.bot-demo-msg b{color:#f2eefb}.bot-demo-app{margin-left:.35rem;padding:0 .3rem;border-radius:3px;background:#5865f2;color:#fff;font-size:.62rem;font-weight:800;vertical-align:1px}.bot-demo-private{margin-left:.5rem;color:#8f879d;font-size:.72rem;font-weight:500}.bot-demo-used{color:#a59eb4;font-size:.8rem}.bot-demo-used code{color:#c4b6ff}.bot-demo-thinking{color:#a59eb4;font-style:italic}.bot-demo-thinking i{display:inline-block;width:4px;height:4px;margin-left:3px;border-radius:50%;background:currentColor;animation:bot-dot 1s infinite}.bot-demo-thinking i:nth-child(2){animation-delay:.15s}.bot-demo-thinking i:nth-child(3){animation-delay:.3s}@keyframes bot-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.bot-demo-body{min-width:0;flex:1}.bot-demo-embed{margin-top:.35rem;padding:.75rem .9rem;border-left:4px solid #8775f7;border-radius:4px;background:#2a2535}.bot-demo-embed>strong{color:#fff}.bot-demo-embed p{margin-top:.2rem;color:#d4cee0}.bot-demo-dim{color:#a59eb4!important;font-size:.8rem}.bot-demo-embed ol{display:grid;gap:.45rem;margin-top:.55rem;list-style:none}.bot-demo-embed li,.bot-demo-fields>div{display:flex;align-items:center;gap:.6rem;animation:av-reveal-up .32s var(--ease-out) both;animation-delay:calc(var(--i) * .11s + 80ms)}.bot-demo-embed li small,.bot-demo-fields small{display:block;color:#a59eb4;font-size:.74rem}.bot-demo-thumb{width:44px;height:33px;flex-shrink:0;border-radius:4px;background:linear-gradient(135deg,#4b3d73,#2d2645)}.bot-demo-image{height:120px;margin-top:.6rem;border-radius:6px;background:linear-gradient(135deg,#5a3f2f,#9a5a3a 40%,#3b2a4f);animation:av-fade .5s ease both}.bot-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.55rem}.bot-demo-fields>div{display:block}.bot-demo-foot{display:block;margin-top:.6rem;color:#8f879d;font-size:.72rem}.bot-demo-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.bot-demo-buttons span{padding:.3rem .7rem;border-radius:4px;background:#4e5058;color:#fff;font-size:.78rem;font-weight:600}.bot-demo-buttons span:last-child:not(.is-disabled){background:#5865f2}.bot-demo-buttons .is-disabled{opacity:.5}.bot-demo-input{margin:0 1rem 1rem;padding:.7rem .85rem;border-radius:8px;background:#2a2535;color:#e8e3f3;font-family:var(--font-mono);font-size:.8rem;min-height:2.6rem}.bot-demo-placeholder{color:#8f879d;font-family:inherit}.bot-demo-caret{display:inline-block;width:2px;height:1em;margin-left:1px;background:#e8e3f3;vertical-align:-2px;animation:bot-caret .9s steps(1) infinite}@keyframes bot-caret{50%{opacity:0}}.bot-demo-dots{position:absolute;top:.95rem;right:5.5rem;display:flex;gap:5px}.bot-demo-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);transition:background-color var(--dur),width var(--dur) var(--ease-out)}.bot-demo-dots span.is-on{width:16px;border-radius:3px;background:#8775f7}.bot-commands{margin-top:clamp(3rem,7vw,5rem)}.bot-section-head h2,.bot-setup h2{color:var(--text-1);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.bot-section-head p{margin-top:.4rem}.bot-section-head code,.bot-setup code{padding:.1rem .35rem;border-radius:4px;background:var(--surface-2);color:var(--text-1);font-size:.85em}.bot-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.bot-group{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1)}.bot-group h3{color:var(--text-1);font-size:.95rem;font-weight:800}.bot-group ul{display:grid;gap:0;margin-top:.6rem;list-style:none}.bot-group li{padding:.6rem 0;border-top:1px solid var(--line)}.bot-group li:first-child{border-top:0}.bot-cmd{color:#c4b6ff;font-size:.85rem;font-weight:700}.bot-opts{margin-left:.5rem;color:var(--text-3);font-size:.75rem}.bot-group li p{margin-top:.15rem;font-size:.86rem;line-height:1.5}.bot-setup{margin-top:clamp(3rem,7vw,5rem);padding-top:2rem;border-top:1px solid var(--line)}.bot-setup ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;counter-reset:step;list-style:none}.bot-setup li{position:relative;padding-top:2.25rem;counter-increment:step}.bot-setup li:before{content:counter(step);position:absolute;top:0;left:0;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.85rem}.bot-setup li strong{display:block;color:var(--text-1)}.bot-setup li span{display:block;margin-top:.25rem;font-size:.9rem;line-height:1.55}.bot-setup a{color:var(--accent)}.bot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:2rem;font-size:.88rem}.bot-links a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px}.bot-links a:hover{color:#fff}@media (max-width:900px){.bot-groups,.bot-hero,.bot-setup ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bot-demo-caret,.bot-demo-thinking i{animation:none}}