.taskbots-section{--bot-purple:#6d4cbd;max-width:1240px;margin:40px auto 120px;padding:64px 48px 32px;border:1px solid #e5def0;border-radius:28px;background:radial-gradient(ellipse at 48% 0,#e9dffc 0,transparent 55%),#f0edf4;scroll-margin-top:105px}
.taskbots-intro{text-align:center}.taskbots-intro .section-kicker{display:flex;justify-content:center;align-items:center;gap:10px;color:#58416f;font-size:12px;letter-spacing:1.5px}.taskbots-new{background:#7756f8;color:white;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:1px}.taskbots-intro h2,.taskbots-intro h1{font-weight:400;font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-2.7px;margin:26px 0 22px}.taskbots-intro>p:last-child{font-size:18px;line-height:1.5;color:#635b6a;margin:0}.taskbots-cast{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:36px 0 24px}.taskbots-cast button{position:relative;min-width:0;border:1px solid transparent;border-radius:16px;background:transparent;padding:4px 5px 16px;cursor:pointer;color:#2d2438;transition:background .2s,transform .2s}.taskbots-cast button:hover{background:#ffffff85;transform:translateY(-4px)}.taskbots-cast button[aria-selected=true]{background:#ffffffd6;border-color:#cab8e4;box-shadow:0 6px 20px #5c398111}.taskbots-cast img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;max-width:128px;margin:auto}.taskbots-cast strong{display:block;font-size:18px;font-weight:500;margin-top:0}.taskbots-cast span{display:block;font-size:13px;color:#766b81;margin-top:5px}.taskbots-cast button:focus-visible,.bot-preview :focus-visible,.bot-preview:focus-visible{outline:3px solid #7756f8;outline-offset:4px}.bot-preview{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid #e0d9e8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 20px 60px #34203d08;min-height:470px}.bot-brief{padding:36px;border-right:1px solid #ebe7ef;align-self:stretch;display:flex;flex-direction:column}.bot-eyebrow{font-size:11px;letter-spacing:1.2px;color:#706078}.bot-brief h3{font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:24px 0 14px}.bot-brief>p{font-size:16px;line-height:1.5;color:#766d7c;margin:0 0 24px;max-width:380px}.bot-input{display:flex;gap:9px;align-items:center;background:#f8f6fa;border:1px solid #ede8f3;padding:14px 12px;border-radius:9px;font-size:13px}.bot-input svg{width:18px;height:18px;color:#7c6496;flex-shrink:0}.bot-input>span:last-child{font-size:11px;margin-left:auto;color:#706078;max-width:55px}.bot-schedule{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0;font-size:14px}.bot-schedule label{color:#776d7e}.bot-schedule select{border:1px solid #ded6e5;border-radius:7px;font:inherit;background:#fff;padding:9px;color:#392c45;max-width:160px}.bot-run{align-self:flex-start;margin-top:auto;font-size:14px;min-height:47px}.bot-run:disabled{opacity:.6;cursor:wait}.bot-demo-note{font-size:11px;color:#706078;display:block;margin-top:12px}.bot-output{padding:25px 30px 14px;background:linear-gradient(135deg,#fdfcfe,#faf8fd);min-width:0}.bot-output-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bot-output-top>span:last-child{font-size:11px;background:#ede6f6;color:#71558c;padding:6px 9px;border-radius:20px;white-space:nowrap}.bot-character-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px -5px 0}.story-character.bot-character{width:162px}.bot-character-row>div:last-child{flex:1}.bot-character-row #bot-name{font-size:13px;color:#706078}.bot-character-row h4{font-size:32px;line-height:1.08;letter-spacing:-1.1px;font-weight:400;margin:9px 0}.bot-report{border:1px solid #e5dfea;background:#fff;border-radius:12px;overflow:hidden}.bot-report>div{display:flex;align-items:center;gap:11px;padding:13px 16px}.bot-report>div+div{border-top:1px solid #f0ecf3}.bot-report>div>span{color:#9d86b1;font-size:11px}.bot-report p{margin:0;flex:1}.bot-report strong{font-size:14px;font-weight:500;display:block}.bot-report small{font-size:12px;color:#706078;display:block;margin-top:5px;line-height:1.3}.bot-report svg{width:16px;height:16px;color:#9877b7}.bot-output-foot{display:flex;gap:7px;align-items:center;font-size:11px;color:#706078;margin-top:14px}.bot-output-foot svg{width:14px;height:14px}.bot-output-foot span:last-child{margin-left:auto}.bot-status{font-size:11px;line-height:1.4;color:#706078;margin:12px 0 0;min-height:31px}.taskbots-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.taskbots-bottom p{font-size:14px;color:#7d6e89;margin:0}.taskbots-bottom .text-link{font-size:14px;margin:0;flex-shrink:0}.is-running .bot-report>div{animation:bot-row-work .75s ease-in-out alternate infinite}.is-running .bot-report>div:nth-child(2){animation-delay:.15s}.is-running .bot-report>div:nth-child(3){animation-delay:.3s}.is-complete .bot-output-top>span:last-child{background:#e5f2e9;color:#47745b}.is-complete .bot-report svg{color:#4d9b6b}.taskbots-page .taskbots-section{margin-top:130px}
@keyframes bot-row-work{to{opacity:.4;transform:translateX(4px)}}
@media(max-width:1000px){.taskbots-section{margin:40px 24px 90px;padding:45px 28px 28px}.bot-brief{padding:27px}.bot-output{padding:24px}.bot-character-row h4{font-size:28px}.story-character.bot-character{width:140px}.taskbots-bottom{align-items:flex-start}}
@media(max-width:700px){.taskbots-section{margin:25px 16px 65px;padding:36px 18px 25px;border-radius:20px}.taskbots-intro h2,.taskbots-intro h1{font-size:42px;letter-spacing:-2px}.taskbots-intro>p:last-child{font-size:16px}.taskbots-cast{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:26px}.taskbots-cast img{max-width:94px}.taskbots-cast strong{font-size:16px}.taskbots-cast span{font-size:12px}.taskbots-cast button{padding-bottom:13px}.bot-preview{grid-template-columns:1fr}.bot-brief{border-right:0;border-bottom:1px solid #ebe7ef;padding:24px}.bot-brief h3{font-size:28px;margin-top:19px}.bot-brief>p{font-size:15px}.bot-output{padding:24px 18px 16px}.bot-output-top .bot-eyebrow{font-size:10px}.bot-output-top>span:last-child{font-size:10px}.taskbots-bottom{flex-direction:column;gap:15px}.taskbots-bottom p{font-size:13px;line-height:1.5}.bot-character-row h4{font-size:29px}.story-character.bot-character{width:142px}}
@media(prefers-reduced-motion:reduce){.taskbots-cast button{transition:none}.taskbots-cast button:hover{transform:none}.is-running .bot-report>div{animation:none}}
@media(max-width:430px){.story-character.bot-character{width:110px}.bot-character-row{gap:8px}.bot-character-row h4{font-size:25px;letter-spacing:-.8px}.bot-character-row>div:last-child{min-width:0}.bot-character-row{margin:18px -5px}}
@media(max-width:370px){.bot-character-row h4{font-size:23px}}