/* chat extras */
.bub.o{background:var(--blue);color:#fff;margin-left:auto;border-radius:14px 14px 0 14px;max-width:80%}
.m-b,.m-c,.m-d,.tabrow{display:none}
.bub+.tm{margin-bottom:8px}

/* responsive */
.scr{text-align:left}
.ch .nm b{white-space:nowrap}

@media (max-width:1023px){
  :root{--pad:24px}
  .frame{border-left:0;border-right:0}
  .hdr-in{padding:0 24px 0 64px;justify-content:flex-start;overflow:hidden}
  .hdr-in .logo{display:none}
  .nav{margin:0}
  .right{margin-left:0}
  .lang-b{margin-right:24px}
  .hero-s{height:auto}
  .hero-in{display:block;padding:0 24px 78px;height:auto;text-align:center}
  .hero-l{width:auto;padding-top:111px}
  .hero-l h1{font-size:48px;line-height:48px;max-width:576px;margin:20px auto 0}
  .nav li>*{white-space:nowrap}
  .lang-b,.login{white-space:nowrap}
  .hero-l p{margin-top:24px;max-width:720px;margin-left:auto;margin-right:auto}
  .hero-l .badge{margin-top:0}
  .hero-l .acts{justify-content:center;margin-top:32px}
  .dev{position:static;width:auto;height:auto;margin-top:48px}
  .rail{position:static;flex-direction:row;width:fit-content;margin:0 auto 13px;padding:6px;border-radius:9999px;gap:4px;height:auto;border:1px solid #ffffff80}
  .rail button{width:auto;height:36px;padding:0 12px;border-radius:9999px;gap:6px;font-size:12px;font-weight:600;color:var(--ink);background:#ffffffb2}
  .rail button.on{color:#fff}
  .rail .sr{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:12px}
  .tab{position:relative;width:min(606px,calc(100% - 64px));height:760px;margin:0 auto;border-radius:36px}
  .m-b,.m-c{display:block}
  .trust{grid-template-columns:1fr;height:auto;padding:0 24px 40px}
  .trust .l{padding:48px 0 0;text-align:left}
  .trust h2{text-align:center;margin-bottom:32px}
  .trust h3{text-align:center}
  .partners{justify-content:center}
  .trust .r{border:0;padding:32px 0 0}
  .logos{grid-template-columns:repeat(4,1fr);width:100%;gap:28px 16px;margin-left:0}
  .stats{width:480px;max-width:100%;height:96px}
  .testi{height:auto}
  .testi .frame{grid-template-columns:1fr;height:auto;padding:64px 24px 64px;row-gap:40px}
  .prod{height:auto}
  .prod .in{padding-bottom:81px}
  .sec-h{grid-template-columns:1fr;row-gap:16px}
  .prod .grid{grid-template-columns:1fr}
  .panel{display:none}
  .pn .mi-img{display:block;background: #ffffff;border-radius:12px;height:260px;margin-bottom:20px;overflow:hidden}
  .pn .mi-img img{width:100%;height:100%;object-fit:cover}
  .rvm{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
  .rvm.in-v{opacity:1;transform:none}
  .ind,.integ,.feat,.feat2,.feat3,.price,.proof,.cta{height:auto}
  .feat2,.feat3{padding:0 !important}
  .feat2 .in,.feat3 .in{padding-top:48px !important;padding-bottom:48px}
  .ind .in,.integ .in,.price .in,.proof .in{padding-bottom:64px}
  .gal{height:280px}
  .ind-b{grid-template-columns:1fr;row-gap:24px}
  .ind-b ul{width:auto}
  .arrows{justify-content:flex-start}
  .integ .in{grid-template-columns:1fr;row-gap:32px}
  .ig{height:auto}
  .ig li{height:100px}
  .fimg{height:auto !important;aspect-ratio:1212/518}
  .tabs3{grid-template-columns:1fr;gap:16px}
  .tabs3 button{height:auto !important;padding-bottom:16px}
  .agents{grid-template-columns:1fr}
  .agents .im{height:auto;aspect-ratio:1}
  .agents .li{padding-top:0}
  .pcs{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .pf{grid-template-columns:repeat(2,1fr)}
  .cov{flex-wrap:wrap;height:auto;gap:24px}
  .cta .in{padding:64px 24px !important}
  .cta ul{flex-wrap:wrap;gap:12px 24px}
  .ft-body{height:auto;flex-direction:column;padding-bottom:140px;border:0}
  .ft-l,.ft-r{width:auto;min-width:0}
  .ft-r{margin-top:40px}
  .fcols{grid-template-columns:repeat(2,1fr);column-gap:24px}
  .off{width:100%;max-width:494px;overflow-x:auto}
  .off button,.off>span{flex:none}
  .offs{flex-direction:column;gap:24px}
  .offs>div{width:auto}
  .copy{top:auto;bottom:64px}
  .ft-meta .frame{padding:0 24px}
  .wm{height:auto;padding:0 24px 16px}
}
@media (max-width:767px){
  :root{--pad:16px}
  .hdr-in{padding:0 16px;justify-content:space-between;overflow:visible}
  .hdr-in .logo{display:flex}
  .nav,.right{display:none}
  .hmb{display:flex;width:36px;height:36px;align-items:center;justify-content:center;color:var(--ink);margin-right:0;border:2px solid #9bbcf1;border-radius:10px;background:#eef4ff}
  .hmb .ic{width:24px;height:24px;stroke-width:1.5}
  .hdr.hero:not(.sol) .hmb{color:#fff}
  .hero-in{padding:0 16px 83px}
  .hero-l h1{font-size:36px;line-height:40px;max-width:none}
  .hero-l p{max-width:none}
  .tab{width:min(330px,100%);height:597px;border-radius:40px;padding:14px}
  .scr{border-radius:28px}
  .cb{height:auto;padding-bottom:12px}
  .ch .tb button{display:none}
  .ch .nm{width:auto}
  .tabrow{display:flex;gap:4px;position:absolute;left:12px;right:12px;top:98px;background: #ffffff;border-radius:12px;padding:4px;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.08)}
  .tabrow button{height:32px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:600;color:var(--body);flex:1;text-align:center}
  .tabrow button.on{background:var(--blue);color:#fff}
  .m-a,.m-b{display:none}
  .m-c,.m-d{display:block}
  .msgs{justify-content:flex-end;padding:0 10px 64px;height:auto;position:absolute;left:0;right:0;top:94px;bottom:0}
  .trust h2{font-size:30px;line-height:36px}
  .stats{display:block;height:auto;width:auto;text-align:center;border-bottom:0}
  .stats:after{display:none}
  .stats>div{width:auto;padding:0}
  .stats>div+div{border-top:1px solid var(--line);margin:9px auto 0;padding-top:10px;width:260px}
  .trust h2{margin-bottom:25px}
  .trust h3{padding-top:33px;border-top:1px solid var(--line);margin-top:41px}
  .partners{margin-top:20px}
  .logos{grid-template-columns:repeat(3,1fr);gap:28px 12px}
  .testi h2{font-size:24px;line-height:32px}
  .big{font-size:36px;line-height:40px}
  .testi blockquote{font-size:20px;line-height:28px}
  .sec-h h2,.integ h2,.cta h2{font-size:30px;line-height:36px}
  .pcs,.pf{grid-template-columns:1fr}
  .prod .pn h4,.prod .pn p{display:none}
}
@media (min-width:768px) and (max-width:1023px){
  .ft-meta{height:98px}
  .ft-meta .frame{flex-direction:column;justify-content:center;gap:8px;text-align:center}
  .ft-l .flogo,.soc{justify-content:center}
  .off{margin-left:auto;margin-right:auto}
  .offs{flex-direction:row;gap:40px;text-align:center}
  .offs>div{width:calc(50% - 20px)}
  .ft-body{padding-bottom:280px}
  .pricing-page .ft-body{padding-bottom:184px}
  .faq-page .ft-body{padding-bottom:143px}
}
@media (max-width:767px){
  .ft-meta{height:98px}
  .ft-meta .frame{flex-direction:column;justify-content:center;gap:8px;text-align:center}
  .ft-meta img{height:20px}
  .ft-meta span{font-size:16px;line-height:22px}
  .ft-body{padding-top:40px}
  .ft-l .flogo,.soc{justify-content:center}
  .off{height:auto;min-height:105px;flex-wrap:wrap;justify-content:center;padding:8px 4px;gap:0 8px;overflow:visible}
  .off>span{width:100%;text-align:center;margin:0;line-height:20px}
  .off button{width:calc(50% - 4px);font-size:14px;padding:0 12px}
  .offs{text-align:center;margin-top:24px;gap:30px}
  .ft-r{margin-top:48px}
}