@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#f6f6f8;--surface:#fff;--ink:#18171d;--muted:#777482;--line:#e9e7ee;--violet:#6d48ff;--violet-2:#8c70ff;--violet-soft:#f1edff;--green:#27b67a;--blue:#3b8cff;--amber:#f4a12d;--coral:#ed6e61;--sidebar:#151419;--shadow:0 18px 50px rgba(40,32,70,.08);--r:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:var(--sidebar);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;letter-spacing:-.6px;color:#fff}.brand.dark{color:var(--ink)}.brand.mini{gap:0}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:linear-gradient(135deg,#7a58ff,#5631e7);color:#fff;font-size:18px;box-shadow:0 8px 24px rgba(105,72,255,.28)}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:30px}.side-nav a{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:11px;color:#a9a6b0;font-size:14px;font-weight:600;transition:.18s}.side-nav a span{width:18px;text-align:center;font-size:18px;color:#7f7b89}.side-nav a:hover{background:#201f26;color:#fff}.side-nav a.active{background:#28252f;color:#fff}.side-nav a.active span{color:#9e84ff}.side-caption{font-size:10px;letter-spacing:1.3px;color:#625f6a;font-weight:800;margin:20px 12px 7px}.sidebar-bottom{margin-top:auto}.plan-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#201e25;border:1px solid #2c2933;border-radius:13px;margin-bottom:10px}.plan-card div{display:flex;flex-direction:column;gap:3px}.plan-card b{font-size:13px}.plan-card span{font-size:10px;color:#807c89}.plan-dot{width:8px;height:8px!important;border-radius:50%;background:#7a58ff;box-shadow:0 0 0 5px rgba(122,88,255,.12)}.user-card{display:flex;align-items:center;gap:10px;padding:10px 6px}.avatar{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#2d2936;color:#cdbfff;font-weight:800}.user-meta{min-width:0;flex:1;display:flex;flex-direction:column}.user-meta b{font-size:12px}.user-meta span{font-size:9px;color:#77727f;text-overflow:ellipsis;overflow:hidden}.icon-link{color:#77727f;font-size:15px}.main-wrap{grid-column:2;min-width:0}.topbar{height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(246,246,248,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(227,225,233,.75);position:sticky;top:0;z-index:10}.eyebrow{color:#716d7b;font-size:12px;font-weight:650}.eyebrow a:hover{color:var(--violet)}.top-actions{display:flex;gap:8px}.icon-btn,.tool-icon{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#665f72}.notification-dot{position:relative}.notification-dot:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--violet);border:2px solid #fff}.content-wrap{padding:36px 38px 60px;max-width:1500px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font:800 34px Manrope,sans-serif;letter-spacing:-1.2px;margin:5px 0 7px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.section-tag,.panel-kicker{font-size:10px;letter-spacing:1.55px;color:var(--violet);font-weight:800}.panel-kicker{color:#9994a2}.section-tag.light,.panel-kicker.light{color:#a994ff}.btn{border:none;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#714cff,#5b37e7);color:#fff;box-shadow:0 9px 24px rgba(105,72,255,.21)}.btn.ghost{background:#fff;color:#4e4858;border:1px solid var(--line);box-shadow:none}.btn.small{padding:8px 12px;font-size:11px;border-radius:9px}.btn.big{padding:14px 21px;font-size:14px;border-radius:13px}.btn.full{width:100%}.btn.light-btn{background:#fff;color:#241d38}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-height:126px;box-shadow:0 7px 25px rgba(45,39,70,.025);display:flex;flex-direction:column}.metric-card>span{font-size:12px;color:#85808e}.metric-card strong{font:800 30px Manrope;margin-top:14px;letter-spacing:-1px}.metric-card small{margin-top:auto;color:#a09ba8;font-size:10px}.metric-card.accent{background:linear-gradient(145deg,#6b45fb,#7c59ff);color:#fff;border:none}.metric-card.accent>span,.metric-card.accent small{color:#d9d0ff}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 34px rgba(45,39,70,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{font:750 18px Manrope;margin:4px 0 0}.panel-head>a{font-size:11px;color:var(--violet);font-weight:700}.bot-list.compact{display:flex;flex-direction:column}.bot-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #f0eef3;transition:.18s}.bot-row:hover{padding-left:10px}.bot-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#efeaff,#e4dbff);color:#6340ed;font-weight:800}.bot-icon.large{width:48px;height:48px;border-radius:15px;font-size:18px}.bot-main{flex:1;display:flex;min-width:0;flex-direction:column;gap:3px}.bot-main b{font-size:13px}.bot-main span{font-size:10px;color:#97929f}.status-pill{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:750;display:inline-flex;align-items:center;gap:6px;background:#f5f4f7;color:#77727f}.status-pill i{width:6px;height:6px;border-radius:50%;background:#aaa6b1}.status-pill.live{background:#ecfbf5;color:#248860}.status-pill.live i{background:#2bbc7f}.bot-updated{font-size:10px;color:#a19ca8}.row-arrow{color:#9f99a7}.quick-template{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #f0eef3}.qt-icon{width:38px;height:38px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center}.qt-icon.soft{background:#efeaff;color:#6744ef}.quick-template b{font-size:12px}.quick-template p{font-size:10px;color:#9994a0;margin:4px 0 0}.quick-template a{font-size:10px;color:var(--violet);font-weight:700}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #f1eff3}.event-dot{width:7px;height:7px;border-radius:50%;background:#9478ff}.activity-row div{display:flex;flex-direction:column;gap:2px}.activity-row b{font-size:11px}.activity-row span{font-size:9px;color:#96909d}.activity-row time{font-size:9px;color:#aaa4af}.dark-panel{background:#1b1821;color:#fff;border-color:#1b1821;position:relative;overflow:hidden}.dark-panel:after{content:"";position:absolute;width:200px;height:200px;border:45px solid #3a2c66;border-radius:50%;right:-80px;bottom:-120px;opacity:.55}.dark-panel h2{font:750 25px Manrope;letter-spacing:-.6px;margin:10px 0 12px;position:relative;z-index:1}.dark-panel p{color:#9d97aa;font-size:12px;line-height:1.65;max-width:420px;position:relative;z-index:1}.dark-panel code{color:#c8b9ff}.dark-panel .btn{position:relative;z-index:1}.empty-state{padding:24px;display:flex;flex-direction:column;align-items:center;color:#9c97a4;gap:4px}.empty-state b{color:#4b4652}.bot-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bot-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:255px;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(45,39,70,.025);transition:.2s}.bot-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.bot-card-top{display:flex;justify-content:space-between;align-items:center}.bot-card h3{font:750 18px Manrope;margin:22px 0 7px}.bot-card>p{font-size:12px;color:var(--muted);line-height:1.55;min-height:38px}.bot-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.bot-card-meta span{background:#f6f5f8;border-radius:7px;padding:5px 7px;color:#898490;font-size:9px}.bot-card-actions{margin-top:auto;padding-top:18px;display:flex;gap:8px}.create-card{align-items:center;justify-content:center;border:1px dashed #cbc6d4;background:transparent;text-align:center}.create-card>span{width:46px;height:46px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:24px;color:var(--violet);margin-bottom:13px}.create-card>b{font-size:13px}.create-card>p{min-height:0;margin:5px 0 0}.new-bot-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.form-label,.settings-fields label,.inspector-section label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#55505d}.form-label input,.settings-fields input,.settings-fields textarea,.inspector-section input,.inspector-section textarea,.inspector-section select,.select{border:1px solid #dedbe4;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;transition:.18s}.form-label input:focus,.settings-fields input:focus,.settings-fields textarea:focus,.inspector-section input:focus,.inspector-section textarea:focus{border-color:#a794f6;box-shadow:0 0 0 3px #f0ecff}.form-section-title{font:700 15px Manrope;margin:26px 0 14px}.template-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.template-radio input{position:absolute;opacity:0}.radio-card{height:165px;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column;transition:.18s;cursor:pointer}.template-radio input:checked+.radio-card{border-color:#8a70ee;box-shadow:0 0 0 3px #f0ebff}.radio-card i{font-style:normal;color:var(--violet);font-size:20px}.radio-card b{font-size:12px;margin-top:8px}.radio-card small{font-size:9px;color:#a09aa6;margin-top:3px}.radio-card p{font-size:10px;color:#77727f;line-height:1.45;margin:10px 0 0}.new-bot-summary{background:#1b1821;color:#fff;border-radius:18px;padding:24px;position:sticky;top:92px}.new-bot-summary h3{font:750 22px Manrope;line-height:1.25;margin:9px 0 18px}.new-bot-summary ul{padding:0;list-style:none;margin:0 0 24px}.new-bot-summary li{font-size:11px;color:#aaa4b2;padding:10px 0;border-top:1px solid #2b2732}.new-bot-summary li:before{content:"✓";color:#9d84ff;margin-right:8px}.template-market{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.market-preview{height:160px;background:linear-gradient(145deg,#eee8ff,#faf8ff);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.market-preview:before,.market-preview:after{content:"";position:absolute;border:1px solid rgba(108,72,255,.18);border-radius:50%;width:170px;height:170px}.market-preview:after{width:95px;height:95px}.market-preview>span{width:54px;height:54px;border-radius:17px;background:#fff;display:grid;place-items:center;color:var(--violet);font-size:24px;box-shadow:0 15px 35px rgba(76,57,142,.12);z-index:2}.preview-lines{position:absolute;left:20px;bottom:17px;display:flex;gap:6px}.preview-lines i{width:40px;height:5px;border-radius:4px;background:rgba(87,63,170,.15)}.market-body{padding:19px}.market-tags{display:flex;gap:6px}.market-tags span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;background:#f3f1f7;padding:5px 7px;border-radius:6px;color:#817b8a;font-weight:750}.market-tags span:first-child{background:var(--violet-soft);color:#6645ea}.market-body h3{font:750 17px Manrope;margin:13px 0 6px}.market-body p{font-size:11px;color:var(--muted);line-height:1.55;min-height:50px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.search-input{width:300px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}.table-toolbar>span{font-size:10px;color:#9993a0}.data-table{display:flex;flex-direction:column}.data-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;min-height:54px;padding:0 18px;border-top:1px solid #f1eff3;font-size:11px;color:#716c78}.data-row.head{min-height:40px;border:0;background:#faf9fb;color:#9b96a1;font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:750}.person-cell{display:flex;align-items:center;gap:9px;color:#302c35}.person-cell i{width:28px;height:28px;border-radius:9px;background:#efeafd;color:#6543ec;display:grid;place-items:center;font-style:normal;font-weight:800}.empty-feature{min-height:430px;border:1px dashed #d6d2dc;border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px}.empty-feature-icon{width:72px;height:72px;border-radius:22px;background:#eeeaff;color:var(--violet);display:grid;place-items:center;font-weight:800;font-size:20px;margin-bottom:20px}.empty-feature h2{font:750 23px Manrope;margin-bottom:8px}.empty-feature p{max-width:600px;color:var(--muted);font-size:12px;line-height:1.6}.fake-broadcast{width:min(640px,100%);margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;display:flex;gap:8px}.fake-broadcast span{flex:1;background:#f8f7fa;border-radius:10px;padding:11px;font-size:9px;color:#96909d;display:flex;flex-direction:column;gap:5px}.fake-broadcast b{font-size:10px;color:#4a4550}.analytics-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px}.analytics-chart{min-height:350px}.chart-bars{height:245px;display:flex;gap:18px;align-items:flex-end;padding:20px 15px 0;border-bottom:1px solid var(--line)}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar-wrap span{font-size:9px;color:#88828e}.bar-wrap i{display:block;width:70%;max-width:48px;background:linear-gradient(#8062ff,#6b45f6);border-radius:9px 9px 3px 3px;min-height:18px}.bar-wrap small{height:22px;font-size:9px;color:#9994a0}.analytics-bot-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0eef3;padding:14px 0}.analytics-bot-row div{display:flex;flex-direction:column;gap:3px}.analytics-bot-row b{font-size:11px}.analytics-bot-row span{font-size:9px;color:#9994a0}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;display:grid;grid-template-columns:52px 1fr auto;gap:15px;align-items:center}.integration-card.featured{box-shadow:inset 3px 0 0 var(--violet)}.integration-logo{width:50px;height:50px;border-radius:15px;background:#e9f3ff;color:#2683dd;display:grid;place-items:center;font:800 12px Manrope}.integration-logo.api{background:#f0ebff;color:#6743ed}.integration-card b{font-size:12px}.integration-card p{margin:5px 0 0;font-size:10px;color:#918b98}.integration-state{font-size:9px;color:#8c8693;background:#f6f5f8;border-radius:8px;padding:7px 9px}.integration-state.ready{background:#ecfbf5;color:#22885e}.settings-layout{display:grid;grid-template-columns:1fr 310px;gap:18px;align-items:start}.settings-main{padding:0}.settings-section{display:grid;grid-template-columns:260px 1fr;gap:35px;padding:28px;border-top:1px solid #efedf2}.settings-section:first-child{border-top:0}.settings-title h3{font:700 14px Manrope;margin:0 0 7px}.settings-title p{font-size:10px;line-height:1.55;color:#918b98}.settings-fields{display:flex;flex-direction:column;gap:15px}.secret-field{display:flex;position:relative}.secret-field input{flex:1;padding-right:85px}.secret-field button{position:absolute;right:7px;top:7px;bottom:7px;border:0;background:#f4f2f7;border-radius:7px;font-size:9px}.setting-note{background:#f8f7fa;border:1px solid #eeecf1;border-radius:10px;padding:12px;font-size:9px;color:#77717f;line-height:1.5}.settings-save{padding:18px 28px;border-top:1px solid #efedf2;display:flex;align-items:center;gap:12px}.settings-save span{font-size:10px;color:#6f9a82}.settings-side{display:flex;flex-direction:column;gap:14px}.big-status{display:flex;align-items:center;gap:9px;margin:14px 0 9px}.big-status i{width:11px;height:11px;border-radius:50%;background:#aaa5b0;box-shadow:0 0 0 6px #f1eff3}.big-status i.live{background:#29ba7e;box-shadow:0 0 0 6px #eaf9f3}.big-status b{font:750 18px Manrope}.settings-side p{font-size:10px;color:#8c8793;line-height:1.5}.danger-zone{border-color:#f0d8d5}.danger-zone h3{font-size:13px;margin:12px 0 6px}.danger-btn{background:#fff5f4;color:#c84c42;border:1px solid #f0d1ce}.flash-stack{position:fixed;right:25px;top:85px;z-index:100}.flash{border-radius:11px;padding:11px 14px;font-size:11px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.flash.success{border-color:#ccebdd;color:#247756}.flash.error{border-color:#f0d2cf;color:#b54d44}
/* Landing */
.landing-body{background:#f7f6f9}.landing-nav{height:76px;max-width:1240px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.landing-nav nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:650}.hero{min-height:720px;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;padding:35px 70px 75px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-kicker{font-size:11px;font-weight:700;color:#746f7e;display:flex;align-items:center;gap:8px}.hero-kicker span{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px #ece7ff}.hero h1{font:800 clamp(48px,5vw,74px)/1.01 Manrope,sans-serif;letter-spacing:-3.5px;margin:24px 0 22px}.hero h1 em{font-style:normal;color:var(--violet)}.hero-copy>p{max-width:580px;font-size:15px;line-height:1.7;color:#6f6a77}.hero-actions{display:flex;gap:10px;margin:29px 0 20px}.hero-proof{display:flex;gap:18px;font-size:10px;color:#8b8692}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px)}.hero-glow.one{width:580px;height:580px;right:4%;top:8%;background:radial-gradient(circle,#dfd4ff 0,#efebff 45%,rgba(255,255,255,0) 72%)}.hero-glow.two{width:320px;height:320px;left:-200px;top:80px;background:#efe9ff}.hero-product{position:relative;z-index:2;padding-left:30px}.fake-window{height:510px;background:#fff;border:1px solid #ddd9e5;border-radius:22px;box-shadow:0 38px 90px rgba(68,51,130,.16);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.fake-top{height:48px;border-bottom:1px solid #eceaf0;display:flex;align-items:center;gap:7px;padding:0 15px}.fake-top>span{width:7px;height:7px;border-radius:50%;background:#dedbe3}.fake-top b{font-size:9px;margin-left:8px;color:#77727d}.fake-editor{height:calc(100% - 48px);display:grid;grid-template-columns:52px 1fr 175px}.fake-palette{border-right:1px solid #eeecf1;padding:14px 10px;display:flex;flex-direction:column;gap:11px}.fake-palette i{height:31px;border-radius:9px;background:#f1eef7}.fake-canvas{position:relative;background-color:#faf9fb;background-image:radial-gradient(#dcd9e1 1px,transparent 1px);background-size:20px 20px}.flow-node{position:absolute;width:145px;border-radius:13px;background:#fff;border:1px solid #e2dfe7;box-shadow:0 10px 25px rgba(61,49,95,.1);padding:13px}.flow-node small{font-size:6px;letter-spacing:1px;color:#9b95a4}.flow-node b{display:block;font-size:9px;margin-top:5px}.flow-node p{font-size:7px;color:#908b96;margin:5px 0 0}.flow-node.violet{border-top:3px solid #7957ff}.flow-node.green{border-top:3px solid #33bd84}.n1{left:27px;top:190px}.n2{left:210px;top:75px}.n3{left:225px;top:275px}.n4{left:400px;top:160px}.wire{position:absolute;width:115px;height:1px;background:#bbb5c6;transform-origin:left}.w1{left:156px;top:200px;transform:rotate(-42deg)}.w2{left:350px;top:139px;transform:rotate(38deg)}.fake-inspector{border-left:1px solid #eeecf1;padding:15px;display:flex;flex-direction:column;gap:9px}.fake-inspector>span{width:35px;height:35px;border-radius:10px;background:#eee9ff}.fake-inspector b{font-size:10px}.fake-inspector label{font-size:7px;color:#8d8795;margin-top:7px}.fake-field{height:55px;border:1px solid #e3e0e7;border-radius:9px}.fake-field.short{height:33px}.fake-inspector button{border:0;background:#eeeaff;color:#6945ef;border-radius:8px;height:31px;font-size:7px}.feature-section{max-width:1240px;margin:0 auto;padding:90px 24px 110px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section-head h2{font:800 40px/1.12 Manrope;letter-spacing:-1.8px;margin:12px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:245px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;position:relative;overflow:hidden}.feature-card.wide{grid-column:span 2;background:linear-gradient(145deg,#fff,#f5f1ff)}.feature-no{font-size:9px;color:#a6a0ad;font-weight:800}.feature-card h3{font:750 21px Manrope;margin:65px 0 8px}.feature-card p{font-size:11px;line-height:1.65;color:#7e7886;max-width:570px}.mini-flow{display:flex;align-items:center;gap:6px;position:absolute;bottom:22px;right:22px}.mini-flow span{font-size:8px;padding:8px 10px;border:1px solid #e4e0ea;background:#fff;border-radius:8px}.mini-flow i{font-style:normal;color:#aaa3b0}.dark-showcase{max-width:1200px;margin:0 auto 80px;background:#1c1923;border-radius:28px;color:#fff;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden;position:relative}.dark-showcase:after{content:"";position:absolute;width:380px;height:380px;border:80px solid #352657;border-radius:50%;left:-220px;bottom:-280px}.dark-showcase>div{position:relative;z-index:1}.dark-showcase h2{font:800 41px/1.08 Manrope;letter-spacing:-1.8px;margin:12px 0}.dark-showcase p{color:#9993a2;font-size:12px}.showcase-cards{display:flex;gap:12px}.showcase-cards article{flex:1;height:190px;background:#28242e;border:1px solid #37323e;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.showcase-cards span{font-size:24px;color:#a98dff;margin-bottom:auto}.showcase-cards b{font-size:12px}.showcase-cards small{font-size:9px;color:#817b88;margin-top:4px}.landing-footer{max-width:1200px;margin:auto;padding:25px 0 45px;border-top:1px solid #e4e2e7;display:flex;justify-content:space-between;align-items:center}.landing-footer>span{font-size:10px;color:#96909d}.auth-body{background:#f7f6f9;min-height:100vh}.auth-brand{position:fixed;left:30px;top:25px;z-index:5;color:var(--ink)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{margin:14px;border-radius:24px;background:#1c1923;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:55px;color:#fff}.auth-orbit{position:absolute;border:1px solid #493869;border-radius:50%}.auth-orbit.a{width:620px;height:620px;left:-100px;top:-200px}.auth-orbit.b{width:360px;height:360px;left:100px;top:-70px;border-width:80px;opacity:.5}.auth-quote{position:relative;z-index:2}.auth-quote>span{font-size:35px;color:#9c80ff}.auth-quote h2{font:750 34px/1.18 Manrope;letter-spacing:-1.4px;margin:15px 0}.auth-quote p{color:#9993a3;font-size:11px}.auth-form-wrap{display:grid;place-items:center;padding:50px}.auth-form{width:min(410px,100%);display:flex;flex-direction:column;gap:16px}.auth-form h1{font:800 37px Manrope;letter-spacing:-1.5px;margin:7px 0}.auth-form>div>p{font-size:12px;color:#89838f}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#55515b}.auth-form input{height:46px;border:1px solid #dedbe3;border-radius:11px;padding:0 12px;background:#fff;outline:none}.password-field{position:relative}.password-field input{width:100%;padding-right:78px}.password-field button{position:absolute;right:7px;top:7px;bottom:7px;border:0;border-radius:7px;background:#f3f1f6;font-size:9px}.auth-hint{font-size:9px!important;color:#9a95a0!important;background:#f0edf5;padding:10px;border-radius:9px}.auth-bottom{text-align:center;font-size:10px!important}.auth-bottom a{color:var(--violet);font-weight:700}
/* Builder */
.builder-body{overflow:hidden;background:#f8f7fa}.builder-shell{height:100vh;display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:64px 1fr;position:relative}.builder-topbar{grid-column:1/-1;background:#fff;border-bottom:1px solid #e8e5ec;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:60}.builder-left-head,.builder-actions,.builder-center-head{display:flex;align-items:center;gap:9px}.builder-left-head{min-width:330px}.builder-back{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;color:#77717f}.head-divider{width:1px;height:26px;background:#ebe8ef}.builder-title{display:flex;flex-direction:column;gap:2px}.builder-title b{font-size:12px}.builder-title span{font-size:9px;color:#9993a0}.live-dot{width:6px;height:6px;border-radius:50%;background:#aba6b1;display:inline-block;margin-right:5px}.live-dot.live{background:#2ebc80}.builder-center-head{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#7f7886}.builder-center-head .tool-icon{width:29px;height:29px}.save-state{font-size:9px;color:#98929e}.builder-palette{grid-row:2;grid-column:1;background:#fff;border-right:1px solid #e7e4eb;padding:15px 13px;overflow:auto;z-index:20}.palette-top{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 10px}.palette-top b{font:750 15px Manrope}.palette-top .tool-icon{width:29px;height:29px}.palette-search-wrap{display:none;padding-bottom:10px}.palette-search-wrap.show{display:block}.palette-search-wrap input{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:10px}.palette-group{border-top:1px solid #f0eef2;padding:15px 0 5px}.palette-caption{font-size:8px;letter-spacing:1.2px;color:#aaa4b0;font-weight:800;padding:0 6px;display:block;margin-bottom:7px}.palette-item{border:0;width:100%;background:transparent;display:grid;grid-template-columns:35px 1fr 20px;gap:9px;align-items:center;text-align:left;padding:8px 6px;border-radius:10px;transition:.15s}.palette-item:hover{background:#f7f5fa}.palette-item .pi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.pi.violet{background:#eee8ff;color:#6b46ef}.pi.blue{background:#e8f3ff;color:#2e84df}.pi.amber{background:#fff2db;color:#d88618}.pi.green{background:#e8f8f1;color:#199165}.pi.coral{background:#fff0ed;color:#d95e51}.pi.gray{background:#f1f0f3;color:#77727d}.pi.dark{background:#ebe9ef;color:#37323e}.palette-item span{display:flex;flex-direction:column;gap:3px}.palette-item b{font-size:10px}.palette-item small{font-size:8px;color:#9a94a0}.palette-item em{font-style:normal;color:#b2acb7}.palette-tip{margin:18px 4px 0;background:#f6f3ff;border:1px solid #e8e1ff;border-radius:11px;padding:10px;display:flex;gap:8px}.palette-tip>span{width:25px;height:25px;border-radius:7px;background:#e6ddff;color:#6c48ed;display:grid;place-items:center;font-size:9px}.palette-tip p{margin:0;font-size:8px;color:#817a8b;line-height:1.45}.palette-tip b{display:block;color:#554e60;font-size:9px}.builder-workspace{grid-row:2;grid-column:2;position:relative;overflow:hidden;background:#faf9fb;cursor:grab}.builder-workspace.dragging{cursor:grabbing}.canvas-grid{position:absolute;inset:-2000px;background-image:radial-gradient(#d9d5de 1px,transparent 1px);background-size:22px 22px;opacity:.9}.canvas-transform{position:absolute;left:0;top:0;transform-origin:0 0;width:2000px;height:1200px}.edge-layer{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.edge-path{fill:none;stroke:#918aa7;stroke-width:1.7;marker-end:url(#arrow)}.edge-label{font-size:9px;fill:#746d7e;background:#fff}.flow-block{position:absolute;width:212px;min-height:92px;background:#fff;border:1px solid #dfdbe4;border-radius:14px;box-shadow:0 9px 25px rgba(53,44,80,.07);z-index:4;user-select:none;transition:box-shadow .12s,border .12s}.flow-block:hover{box-shadow:0 12px 30px rgba(53,44,80,.12)}.flow-block.selected{border-color:#8467f4;box-shadow:0 0 0 3px rgba(126,98,239,.12),0 14px 35px rgba(53,44,80,.11)}.flow-block:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:14px 14px 0 0;background:#aaa4b1}.flow-block[data-type="start"]:before{background:#27242e}.flow-block[data-type="message"]:before{background:#7652f7}.flow-block[data-type="input"]:before{background:#3a8ee8}.flow-block[data-type="condition"]:before{background:#eda335}.flow-block[data-type="set_variable"]:before{background:#34b882}.flow-block[data-type="http"]:before{background:#ec7164}.flow-block[data-type="delay"]:before{background:#8e8994}.flow-block[data-type="end"]:before{background:#343039}.flow-block-head{height:43px;display:flex;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid #f0eef2}.flow-type-icon{width:26px;height:26px;border-radius:8px;background:#f2eff8;color:#6b47ee;display:grid;place-items:center;font-size:9px;font-weight:800}.flow-block[data-type="input"] .flow-type-icon{background:#eaf4ff;color:#2b82d8}.flow-block[data-type="condition"] .flow-type-icon{background:#fff4e1;color:#d18820}.flow-block[data-type="set_variable"] .flow-type-icon{background:#e9f8f2;color:#1a9668}.flow-block[data-type="http"] .flow-type-icon{background:#fff0ee;color:#d95e53}.flow-block[data-type="start"] .flow-type-icon,.flow-block[data-type="end"] .flow-type-icon{background:#efedf1;color:#49444e}.flow-block-head div{min-width:0;display:flex;flex-direction:column}.flow-block-head small{font-size:6px;letter-spacing:.8px;color:#aaa4af;font-weight:800}.flow-block-head b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-block-body{padding:10px 12px;min-height:45px}.flow-block-body p{font-size:8px;line-height:1.45;color:#7f7985;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-port{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#aaa5b1;box-shadow:0 0 0 1px #c9c4cf;z-index:8}.node-port.in{left:-7px;top:45px}.node-port.out{right:-7px;top:45px;background:#8164f1}.flow-block[data-type="end"] .node-port.out{display:none}.flow-block[data-type="start"] .node-port.in{display:none}.canvas-actions{position:absolute;left:17px;bottom:17px;z-index:15;display:flex;gap:7px}.canvas-action{height:34px;border:1px solid #e0dde5;background:rgba(255,255,255,.94);border-radius:9px;padding:0 11px;font-size:9px;color:#6f6977;box-shadow:0 7px 20px rgba(46,38,67,.07)}.minimap{position:absolute;right:15px;bottom:15px;width:145px;height:88px;border:1px solid #dedbe4;background:rgba(255,255,255,.9);border-radius:11px;overflow:hidden;z-index:10}.minimap-grid{position:absolute;inset:0;background-image:radial-gradient(#d9d5df 1px,transparent 1px);background-size:10px 10px}.mini-node{position:absolute;height:7px;width:20px;border-radius:3px;background:#9d8bea}.mini-node.a{left:18px;top:40px}.mini-node.b{left:64px;top:20px}.mini-node.c{left:98px;top:55px}.builder-inspector{grid-row:2;grid-column:3;background:#fff;border-left:1px solid #e7e4eb;overflow:auto;z-index:20}.inspector-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;color:#948e9b}.empty-symbol{width:52px;height:52px;border-radius:15px;background:#f2eff7;color:#7d65dc;display:grid;place-items:center;font-size:20px;margin-bottom:12px}.inspector-empty b{font-size:11px;color:#554f5b}.inspector-empty p{font-size:9px;line-height:1.5;max-width:190px}.inspector-content.hidden,.inspector-section.hidden{display:none}.inspector-head{padding:17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeaf0}.inspector-head>div{flex:1}.inspector-head span{display:block;font-size:7px;letter-spacing:1px;color:#9e98a4;font-weight:800;margin-bottom:3px}.node-title-input{border:0;outline:0;font:750 14px Manrope;width:100%;padding:2px 0}.tool-icon.danger{color:#c05a51}.inspector-section{padding:16px;border-bottom:1px solid #efedf2;display:flex;flex-direction:column;gap:13px}.inspector-section textarea{resize:vertical;min-height:70px}.field-help,.condition-note{font-size:8px;color:#8e8896;line-height:1.45}.field-help code{background:#f3f0fa;color:#6345d7;padding:2px 4px;border-radius:4px}.condition-note{background:#fff6e8;border-radius:8px;padding:9px;color:#9b6d2c}.connections-section{gap:9px}.section-line{display:flex;justify-content:space-between;align-items:center}.section-line b{font-size:10px}.tiny-btn{border:1px solid #dedbe4;background:#fff;border-radius:7px;padding:6px 8px;font-size:8px;color:#6c48e8}.connection-list{display:flex;flex-direction:column;gap:5px}.connection-row{display:grid;grid-template-columns:1fr 65px 20px;gap:5px;align-items:center;padding:7px;background:#f8f7fa;border-radius:8px}.connection-row span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-row input{min-width:0!important;padding:5px!important;border-radius:6px!important;font-size:8px!important}.connection-row button{border:0;background:transparent;color:#c26b63;font-size:11px}.inspector-footer{padding:16px}.inspector-footer a{font-size:9px;color:#77717d}.simulator{position:fixed;right:20px;top:82px;bottom:20px;width:365px;background:#f3f4f6;border:1px solid #dcdce1;border-radius:18px;z-index:100;box-shadow:0 24px 70px rgba(31,27,42,.2);display:flex;flex-direction:column;transform:translateX(calc(100% + 40px));transition:.25s ease;overflow:hidden}.simulator.open{transform:translateX(0)}.sim-head{height:58px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e8e8eb}.sim-head>div{display:flex;align-items:center;gap:9px}.tg-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#7758ff,#563ae3);color:#fff;display:grid;place-items:center;font-weight:800}.sim-head b{font-size:10px;display:block}.sim-head small{font-size:8px;color:#8f8a94}.sim-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#f9f9fa;border-bottom:1px solid #e1e1e4}.sim-toolbar button{border:0;background:transparent;font-size:8px;color:#6548d5}.sim-toolbar span{font-size:8px;color:#97929b}.sim-chat{flex:1;overflow:auto;padding:14px;background:#dfe8ef;background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18))}.sim-date{width:max-content;margin:0 auto 12px;background:rgba(77,89,100,.34);color:#fff;border-radius:8px;padding:4px 8px;font-size:7px}.bubble{max-width:82%;padding:9px 10px;margin:5px 0;border-radius:11px;font-size:9px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.05)}.bubble.bot{background:#fff;border-bottom-left-radius:3px}.bubble.user{background:#d9fdd3;margin-left:auto;border-bottom-right-radius:3px}.bubble.system{background:#eef0f2;color:#71777d;margin-left:auto;margin-right:auto;font-size:8px}.sim-buttons{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.sim-buttons button{border:0;background:#fff;color:#4a74a0;border-radius:8px;padding:6px 8px;font-size:8px}.sim-input{height:50px;background:#fff;display:flex;gap:6px;align-items:center;padding:6px;border-top:1px solid #e4e4e7}.sim-input input{flex:1;border:0;background:#f4f4f6;border-radius:18px;height:37px;padding:0 12px;outline:0;font-size:9px}.sim-input button{width:37px;height:37px;border:0;border-radius:50%;background:#6d4bea;color:#fff}.sim-debug{background:#fff;border-top:1px solid #e5e5e8}.sim-debug button{width:100%;height:30px;border:0;background:#fafafa;font-size:8px;color:#807b84}.sim-debug pre{margin:0;padding:8px;max-height:90px;overflow:auto;font-size:7px;background:#17151b;color:#cfc8df;display:none}.sim-debug.open pre{display:block}.toast-stack{position:fixed;top:77px;right:18px;z-index:200;display:flex;flex-direction:column;gap:7px}.toast{background:#1f1c24;color:#fff;border-radius:10px;padding:10px 12px;font-size:9px;box-shadow:0 12px 30px rgba(24,20,33,.2);animation:toastIn .2s ease}@keyframes toastIn{from{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1100px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px}.brand>span:last-child,.side-nav a:not(.active){font-size:0}.side-nav a{justify-content:center}.side-nav a span{font-size:18px}.side-caption,.plan-card,.user-meta,.icon-link{display:none}.main-wrap{grid-column:2}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid>.span-8,.dashboard-grid>.span-7,.dashboard-grid>.span-5,.dashboard-grid>.span-4{grid-column:span 12}.bot-cards,.template-market{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:70px 35px}.hero-product{padding:40px 0 0}.auth-visual{display:none}.auth-shell{grid-template-columns:1fr}.builder-shell{grid-template-columns:210px 1fr 280px}.builder-actions .save-state{display:none}}
@media(max-width:760px){.content-wrap{padding:25px 18px}.topbar{padding:0 18px}.metric-grid,.bot-cards,.template-market,.integration-grid,.analytics-layout,.new-bot-layout,.settings-layout{grid-template-columns:1fr}.template-selector{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.settings-section{grid-template-columns:1fr}.landing-nav nav a:not(.btn){display:none}.hero{padding:45px 20px}.hero h1{font-size:48px}.fake-window{height:400px}.feature-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:span 1}.dark-showcase{margin:0 15px 50px;padding:35px;grid-template-columns:1fr}.showcase-cards{margin-top:30px}.auth-form-wrap{padding:28px}.builder-shell{grid-template-columns:70px 1fr;}.builder-palette{width:70px;padding:8px}.palette-item{grid-template-columns:1fr}.palette-item span,.palette-item em,.palette-caption,.palette-tip,.palette-top b{display:none}.builder-inspector{display:none}.builder-workspace{grid-column:2}.builder-left-head{min-width:0}.builder-title,.builder-center-head{display:none}.simulator{width:calc(100vw - 28px);right:14px}}