.bot-page{padding-bottom:70px}
.bot-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding:85px 0 65px}
.bot-kicker{color:var(--orange-light);font-size:12px;font-weight:700;letter-spacing:1.8px;margin-bottom:20px}
.bot-hero h1{font-size:clamp(44px,4.9vw,65px);letter-spacing:-2.6px;line-height:1.1}
.bot-hero-copy>p{font-size:17px;line-height:1.8;color:#f0f0f2;margin:24px 0;max-width:490px}
.bot-hero-copy .bot-small,.bot-small{font-size:13px;color:#eee;line-height:1.7}
.bot-explain-link{font-size:14px;color:var(--orange-light)}
.bot-connect-actions{display:flex;flex-wrap:wrap;gap:12px}.bot-connect-actions [data-signin-bot]{color:white;border-color:#9a74bc;background:#38234b}.bot-connect-actions [data-signin-bot]:hover{background:#4d2e69}.bot-connect-actions [hidden]{display:none}
.bot-chat{border:1px solid #514034;border-radius:14px;background:#161519;box-shadow:0 25px 100px #ff863010;overflow:hidden}
.bot-chat-top{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #38343d;font-size:13px;font-weight:700;gap:8px}
.bot-example-tag{color:#efceae;font-size:11px;font-weight:400}
.bot-chat-tabs{padding:15px 20px;display:flex;gap:9px}
.bot-chat-tabs button{color:#fff;background:transparent;border:1px solid #444048;border-radius:6px;font:13px var(--sans);padding:6px 13px}
.bot-chat-tabs button[aria-pressed=true]{background:#38241b;border-color:var(--orange);color:#ffbd87}
#bot-chat-demo{padding:14px 22px;min-height:218px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.bot-chat-line{display:flex;flex-wrap:wrap;gap:5px;line-height:1.75;font-size:14px;animation:bot-message-in .3s ease both}
.bot-chat-line strong{color:#bd8bff}.bot-chat-line.viewer strong{color:#73d5bd}.bot-chat-line.owner strong{color:#ffb16c}
.bot-chat-line p{display:inline;overflow-wrap:anywhere;color:white;flex:1 1 190px}
.bot-chat-line.system{font-size:12px;border-left:2px solid var(--orange);padding-left:12px}.bot-chat-line.system p{color:#f7d8bb}
.bot-chat-input{display:flex;justify-content:space-between;align-items:center;margin:0 20px 18px;padding:12px 15px;background:#222126;border:1px solid #4c474f;border-radius:7px;color:#efefef;font-size:12px}
.bot-chat-input span{background:#9146ff;padding:4px 12px;color:white;border-radius:4px}
.bot-chat-caption{padding:18px 22px;background:#100f13;font-size:13px;color:#f5d6bb;min-height:78px}
.bot-how{padding:45px 0 60px;border-top:1px solid #343237;scroll-margin-top:110px}
.bot-how h2,.bot-details h2{font-size:34px;letter-spacing:-1px}
.bot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:38px}
.bot-steps article{border-top:2px solid #67432b;padding-top:24px}.bot-steps article>span{display:inline-block;font-size:13px;color:var(--orange);margin-bottom:17px}
.bot-steps h3,.bot-detail-notes h3{font-size:20px;margin-bottom:12px}.bot-steps p,.bot-details p{font-size:15px;color:#eee;line-height:1.8}
.bot-details{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:45px 0}.bot-detail-main>p{margin-top:20px}
.bot-demo-fields{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.bot-demo-fields span{padding:6px 10px;border:1px solid #744c30;border-radius:5px;color:#ffbd86;font:12px var(--mono)}
.bot-format-example{padding:23px;background:#141417;border:1px solid #444047;border-radius:9px;overflow-wrap:anywhere}.bot-format-example code{font:13px/1.8 var(--mono);color:#ffceaa}.bot-format-example>span{display:block;color:var(--orange);padding:10px 0}.bot-format-example strong{color:#bd8bff}
.bot-detail-notes{display:grid;gap:28px}
.bot-privacy-note{padding:30px 34px;border:1px solid #8d572f;background:linear-gradient(120deg,#2b1d13,#111215);border-radius:10px;margin:25px 0}
.bot-privacy-note>span{font-size:11px;letter-spacing:1px;color:#ffc28f}.bot-privacy-note h3{font-size:23px;margin:12px 0}.bot-privacy-note p{color:white;font-size:15px;line-height:1.85;max-width:900px}.bot-privacy-note a{display:inline-block;color:var(--orange-light);margin-top:16px}
.bot-limits{display:grid;grid-template-columns:2fr 1fr;gap:30px;color:#eee;font-size:13px;line-height:1.8}.bot-dashboard:empty{display:none}.bot-dashboard{margin-top:65px}
.bot-account-header{border-top:1px solid #4b3d31;padding:35px 0;display:flex;justify-content:space-between;gap:25px}.bot-account-header p{margin-top:14px;color:#fff}.bot-account-actions{display:grid;grid-template-columns:repeat(3,auto);gap:10px;align-self:flex-start;flex-shrink:0}
.bot-account-actions .button{color:#fff;font-weight:650;white-space:nowrap}
#bot-reconnect{background:#6e35b8;border-color:#b88ce8}#bot-reconnect:hover{background:#8546d5}
#bot-signout{background:#a3440d;border-color:#ffae72}#bot-signout:hover{background:#be5519}
#bot-disconnect{background:#982b3c;border-color:#f0909e}#bot-disconnect:hover{background:#b6374a}
.bot-page button:focus-visible,.bot-page select:focus-visible,.bot-page textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@keyframes bot-message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.bot-hero{grid-template-columns:1fr;gap:36px;padding-top:55px}.bot-hero-copy>p{max-width:none}.bot-details{gap:30px}.bot-steps{gap:20px}.header-inner{gap:12px}.header nav a{padding:8px 10px}.bot-account-header{flex-direction:column}.bot-account-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:540px}.bot-account-actions .button{white-space:normal;min-width:0;padding:12px 10px}}
@media(max-width:680px){.bot-details,.bot-steps,.bot-limits{grid-template-columns:1fr}.bot-account-header{flex-direction:column}.bot-privacy-note{padding:23px}.bot-hero h1{letter-spacing:-1.8px}.bot-chat-top{padding:16px}.bot-steps{gap:28px}.bot-details{padding-top:15px}.bot-how h2,.bot-details h2{font-size:29px}.header nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.bot-chat-line{animation:none}}