body{background:#060817!important}#bot-flow-stars{position:fixed;inset:0;z-index:0;pointer-events:none}.bot-flow-landing{--bf-card:rgba(17,22,52,.74);--bf-line:rgba(170,155,255,.18);--bf-text:#eef0ff;--bf-muted:#aeb5d0;--bf-purple:#9a78ff;--bf-cyan:#62d7ff;position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:46px 26px 80px;color:var(--bf-text);background:radial-gradient(ellipse 65% 26% at 50% 0,rgba(93,62,180,.16),transparent 100%)}.bot-flow-hero{min-height:560px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(440px,1.07fr);align-items:center;gap:55px;padding:44px 0 76px}.bot-flow-kicker{display:inline-flex;align-items:center;gap:8px;color:#c8bcff;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.bot-flow-kicker i{color:var(--bf-cyan)}.bot-flow-hero h1{max-width:650px;margin:18px 0;color:#f8f8ff;font-size:clamp(2.45rem,4.25vw,4.35rem);line-height:1.04;letter-spacing:-.055em}.bot-flow-hero h1 span{background:linear-gradient(100deg,#b898ff,#65dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.bot-flow-hero p{max-width:555px;margin:0;color:var(--bf-muted);font-size:1.03rem;line-height:1.75}.bot-flow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.bot-flow-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 20px;border-radius:13px;font-size:.91rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.bot-flow-button:hover{transform:translateY(-2px);color:inherit}.bot-flow-button-primary{color:#0b0d21;background:linear-gradient(105deg,#b898ff,#71ddff);box-shadow:0 13px 28px rgba(111,116,255,.24)}.bot-flow-button-secondary{color:#d9dcf5;border:1px solid rgba(178,190,255,.25);background:rgba(255,255,255,.04)}.bot-flow-button-secondary:hover{background:rgba(255,255,255,.09)}.bot-flow-hero-notes{display:flex;flex-wrap:wrap;gap:15px;margin-top:21px;color:#b7c0d8;font-size:.78rem}.bot-flow-hero-notes i{color:#7de6bd;margin-right:5px}
.bot-flow-preview{overflow:hidden;border:1px solid rgba(179,169,255,.28);border-radius:21px;background:linear-gradient(145deg,rgba(34,29,77,.87),rgba(9,14,38,.9));box-shadow:0 30px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);animation:bf-float 5s ease-in-out infinite}.bot-flow-preview-bar,.bot-flow-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#d6daf2;font-size:.78rem}.bot-flow-preview-bar{border-bottom:1px solid rgba(181,174,255,.12)}.bot-flow-preview-bar span{font-weight:750}.bot-flow-preview-bar span i{margin-right:7px;color:#ae8aff}.bot-flow-preview-bar small{color:#84e8bd;font-size:.62rem;font-weight:800;letter-spacing:.08em}.bot-flow-preview-bar small i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#84e8bd;box-shadow:0 0 9px #84e8bd}.bot-flow-preview-footer{border-top:1px solid rgba(181,174,255,.12);color:#9ca7c7;font-size:.67rem}.bot-flow-preview-footer i{color:#78ddb1;margin-right:4px}.bot-flow-canvas{position:relative;height:376px;overflow:hidden;background-image:radial-gradient(rgba(164,153,255,.19) .8px,transparent .8px);background-size:18px 18px}.flow-node{position:absolute;display:flex;align-items:flex-start;gap:10px;z-index:2;width:max-content;min-width:160px;padding:11px;border:1px solid rgba(174,180,255,.26);border-radius:11px;background:rgba(19,24,60,.94);box-shadow:0 10px 20px rgba(0,0,0,.18);animation:bf-node-in .65s both}.flow-node small{display:block;margin-bottom:3px;color:#8f9abb;font-size:.52rem;font-weight:800;letter-spacing:.09em}.flow-node strong{display:block;color:#edf0ff;font-size:.7rem;font-weight:700}.flow-node-icon{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:8px;color:#d4c5ff;background:rgba(149,112,255,.19);font-size:.71rem}.flow-node-start{top:32px;left:12%;animation-delay:.15s}.flow-node-start .flow-node-icon{color:#7cebbc;background:rgba(69,206,145,.14)}.flow-node-message{top:112px;left:42%;animation-delay:.32s}.flow-node-choice{top:207px;left:16%;min-width:220px;animation-delay:.48s}.flow-node-choice em{display:flex;gap:4px;margin-top:8px;font-style:normal}.flow-node-choice em span{padding:3px 5px;border-radius:4px;color:#bfc5e4;background:rgba(255,255,255,.06);font-size:.5rem}.flow-node-result{right:11%;bottom:35px;animation-delay:.64s}.flow-node-result .flow-node-icon{color:#70dcff;background:rgba(78,194,255,.15)}.flow-port{position:absolute;right:-5px;top:50%;width:9px;height:9px;border:2px solid #9d83ff;border-radius:50%;background:#172051}.flow-line{position:absolute;z-index:1;height:1px;transform-origin:left center;background:linear-gradient(90deg,#9578ff,#62d7ff);opacity:.68;animation:bf-line 1s both}.flow-line-one{top:81px;left:35%;width:129px;transform:rotate(31deg);animation-delay:.7s}.flow-line-two{top:169px;left:34%;width:96px;transform:rotate(126deg);animation-delay:.92s}.flow-line-three{top:278px;left:52%;width:132px;transform:rotate(12deg);animation-delay:1.12s}.flow-cursor{position:absolute;z-index:4;right:26%;bottom:87px;color:#fff;filter:drop-shadow(0 2px 3px #111);font-size:1rem;animation:bf-cursor 3s ease-in-out infinite 1.1s}
.bot-flow-section-heading{max-width:670px;margin:0 auto 35px;text-align:center}.bot-flow-section-heading h2,.bot-flow-features h2,.bot-flow-final h2{margin:12px 0;color:#f5f5ff;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.04em}.bot-flow-section-heading p{margin:0;color:var(--bf-muted);line-height:1.65}.bot-flow-how{padding:77px 0}.bot-flow-steps,.bot-flow-use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bot-flow-steps article,.bot-flow-use-case-grid article{position:relative;padding:26px;border:1px solid var(--bf-line);border-radius:16px;background:rgba(20,24,57,.54)}.bot-flow-steps article>i{display:grid;width:45px;height:45px;place-items:center;margin-bottom:18px;border-radius:12px;color:#c6b4ff;background:rgba(153,115,255,.15);font-size:1.15rem}.bot-flow-step-number{position:absolute;top:22px;right:22px;color:rgba(194,184,255,.42);font-size:.68rem;font-weight:800}.bot-flow-steps h3,.bot-flow-use-case-grid h3,.bot-flow-feature-list h3{margin:0 0 8px;color:#f1f2ff;font-size:1rem}.bot-flow-steps p,.bot-flow-use-case-grid p,.bot-flow-feature-list p{margin:0;color:var(--bf-muted);font-size:.86rem;line-height:1.6}
.bot-flow-features{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;padding:78px 50px;border:1px solid rgba(163,149,255,.16);border-radius:24px;background:linear-gradient(115deg,rgba(69,42,129,.25),rgba(13,21,53,.63))}.bot-flow-features-copy>p{max-width:470px;margin:0;color:var(--bf-muted);line-height:1.7}.bot-flow-text-link{display:inline-flex;gap:8px;margin-top:25px;color:#a9dfff;font-size:.86rem;font-weight:800;text-decoration:none}.bot-flow-text-link:hover{color:#d4beff}.bot-flow-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bot-flow-feature-list article{display:flex;gap:12px;padding:17px;border:1px solid rgba(177,183,255,.15);border-radius:13px;background:rgba(7,11,32,.39)}.bot-flow-feature-list article>i{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:9px;color:#75dfff;background:rgba(87,204,255,.12);font-size:.76rem}.bot-flow-use-cases{padding:78px 0}.bot-flow-use-case-grid article{text-align:center}.bot-flow-use-case-grid article>span{display:grid;width:49px;height:49px;place-items:center;margin:0 auto 16px;border-radius:50%;color:#e3d7ff;background:linear-gradient(135deg,rgba(160,112,255,.24),rgba(87,211,255,.18));font-size:1rem}.bot-flow-use-case-grid h3{font-size:.95rem}.bot-flow-faq{max-width:810px;padding:30px 0 78px;margin:0 auto}.bot-flow-faq details{margin-top:10px;overflow:hidden;border:1px solid rgba(178,183,255,.16);border-radius:12px;background:rgba(17,22,51,.51)}.bot-flow-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 19px;color:#e9eaff;font-size:.89rem;font-weight:700;cursor:pointer;list-style:none}.bot-flow-faq summary::-webkit-details-marker{display:none}.bot-flow-faq summary i{color:#a78cff;transition:transform .2s}.bot-flow-faq details[open] summary i{transform:rotate(180deg)}.bot-flow-faq p{margin:0;padding:0 19px 18px;color:var(--bf-muted);font-size:.85rem;line-height:1.65}.bot-flow-final{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px 48px;border:1px solid rgba(179,163,255,.3);border-radius:22px;background:radial-gradient(circle at 78% 20%,rgba(88,206,255,.16),transparent 35%),linear-gradient(115deg,rgba(111,72,207,.37),rgba(15,24,65,.88))}.bot-flow-final h2{max-width:550px;margin-bottom:8px;font-size:clamp(1.55rem,2.8vw,2.35rem)}.bot-flow-final p{max-width:610px;margin:0;color:#c3c9e1;line-height:1.6}
@keyframes bf-float{50%{transform:translateY(-9px)}}@keyframes bf-node-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}@keyframes bf-line{from{transform-origin:left;scale:0 1;opacity:0}to{scale:1 1}}@keyframes bf-cursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-32px,-18px)}}@media(max-width:860px){.bot-flow-landing{padding:25px 18px 55px}.bot-flow-hero{grid-template-columns:1fr;gap:38px;padding:35px 0 58px}.bot-flow-hero-copy{text-align:center}.bot-flow-hero h1,.bot-flow-hero p{margin-left:auto;margin-right:auto}.bot-flow-actions,.bot-flow-hero-notes{justify-content:center}.bot-flow-preview{max-width:600px;width:100%;margin:auto}.bot-flow-features{grid-template-columns:1fr;gap:34px;padding:40px 28px}.bot-flow-features-copy{text-align:center}.bot-flow-features-copy>p{margin:auto}.bot-flow-final{flex-direction:column;align-items:flex-start;padding:35px 29px}}@media(max-width:620px){.bot-flow-hero h1{font-size:2.45rem}.bot-flow-steps,.bot-flow-use-case-grid,.bot-flow-feature-list{grid-template-columns:1fr}.bot-flow-canvas{height:330px}.flow-node-start{left:5%}.flow-node-message{left:42%}.flow-node-choice{left:7%}.flow-node-result{right:4%}.flow-line-one{left:32%}.flow-line-two{left:33%}.flow-line-three{left:49%;width:110px}.bot-flow-button{width:100%}.bot-flow-actions{width:100%}.bot-flow-preview-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.bot-flow-preview,.flow-node,.flow-line,.flow-cursor{animation:none}}