PageSourceSearch

https://webbot.shop/

html webbot.shop collected 2026-10-06 08:00:37 UTC 322,974 bytes, 3,035 lines download raw bytes

1<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--metatextblock--> <title>Конструктор интернет-магазина в Telegram - создать бота бесплатно</title> <meta name="description" content="Создайте интернет-магазин в Telegram за 10 минут с помощью конструктора ботов. Простое создание магазина без программистов: онлайн-оплата, рассылки, аналитика, интеграция с CRM. Подходит, чтобы запустить продажи быстро." /> <meta property="og:url" content="https://webbot.shop/" /> <meta property="og:title" content="Конструктор интернет-магазина в Telegram - создать бота бесплатно" /> <meta property="og:description" content="Создайте интернет-магазин в Telegram за 10 минут с помощью конструктора ботов. Простое создание магазина без программистов: онлайн-оплата, рассылки, аналитика, интеграция с CRM. Подходит, чтобы запустить продажи быстро." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3133-3531-4438-a533-616666353861/IdpdyQT2Las.jpg" /> <link rel="canonical" href="https://webbot.shop"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <!--favicons--> <link rel="icon" type="image/png" sizes="32x32" href="https://static.tildacdn.com/tild3733-6432-4165-b939-653431613538/favicon-96x96.png" media="(prefers-color-scheme: light)"/> <link rel="icon" type="image/png" sizes="32x32" href="https://static.tildacdn.com/tild3530-6334-4539-b266-363134653461/favicon-96x96.png" media="(prefers-color-scheme: dark)"/> <link rel="icon" type="image/svg+xml" sizes="any" href="https://static.tildacdn.com/tild6139-3439-4936-a532-383135303061/favicon.svg"> <link rel="apple-touch-icon" type="image/png" href="https://static.tildacdn.com/tild3731-3031-4664-b130-356634363539/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://static.tildacdn.com/tild3731-3031-4664-b130-356634363539/apple-touch-icon.png"> <!--/favicons--> <!-- Assets --> 
1<script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script>
1 <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project5971135/tilda-blocks-page29792123.min.css?t=1791186041" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menusub-1.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menusub-1.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menu-widgeticons-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cards-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> 
1<script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script>
1 
1<script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
2function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,l=[],n,r=i.getAttribute("data-artboard-screens");if(r){r=r.split(",");for(var o=0;o<r.length;o++)l[o]=parseInt(r[o],10)}else l=[320,480,640,960,1200];for(var o=0;o<l.length;o++){var _=l[o];a>=_&&(n=_)}var d="edit"===window.allrecords.getAttribute("data-tilda-mode"),s="center"===t396_scaleInitial__getFieldValue(i,"valign",n,l),c="grid"===t396_scaleInitial__getFieldValue(i,"upscale",n,l),u=t396_scaleInitial__getFieldValue(i,"height_vh",n,l),g=t396_scaleInitial__getFieldValue(i,"height",n,l),w=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!d&&s&&!c&&!u&&g&&!w){var f=parseFloat((a/n).toFixed(3)),h=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*f)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<h.length;o++)h[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i,n,l).forEach((function(t){t.style.zoom=f}))}}}}function t396_scaleInitial__getElementsToScale(t,e,i){return t?Array.prototype.slice.call(t.children).filter((function(t){if(!t)return!1;if(!t.classList.contains("t396__elem")&&!t.classList.contains("t396__group"))return!1;if(!t.querySelector(".tn-molecule, .tn-atom"))return!1;var a=!t.getAttribute("data-elem-type")&&t.classList.contains("tn-group"),l=t396_scaleInitial__getFieldValue(t,"container",e,i);return!l&&a&&(l="grid"),"grid"===l})):[]}function t396_scaleInitial__getFieldValue(t,e,i,a){if(!t)return null;var l=a[a.length-1],n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,i,l));if(null===n)for(var r=0;r<a.length;r++){var o=a[r];if(!(o<=i)&&null!==(n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,o,l))))break}return n}function t396_scaleInitial__getFieldAttribute(t,e,i,a){var l=["widthmode","heightmode","flex"],n=t.classList.contains("t396__artboard"),r=!n&&t.classList.contains("tn-group"),o="data-field-";n&&(o="data-artboard-"),r&&(o="data-group-");var _="-value",d;return(n||r&&-1!==l.indexOf(e))&&(_=""),o+e+(i===a?"":"-res-"+i)+_}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script>
2 
2<script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/ws/project5971135/tilda-blocks-page29792123.min.js?t=1791186041" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-1.2.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-menusub-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-menu-widgeticons-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-video-processor-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-cards-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 <!-- nominify begin --><meta name="mailru-domain" content="QrdICiGz1l0ACeun" /> 
2<script>
3t_onReady(function () {
4    var norm = function (h) { return h.replace(/^www\./, ""); };
5    var current = new URL(window.location.href);
6    var curHost = norm(current.hostname);
7    var utm = new URLSearchParams();
8
9    current.searchParams.forEach(function (value, key) {
10        if (key.indexOf("utm_") === 0) utm.set(key, value);
11    });
12
13
14    if (!utm.has("utm_source") && document.referrer) {
15        var refHost = "";
16        try { refHost = norm(new URL(document.referrer).hostname); } catch (e) {}
17
18        if (refHost && refHost !== curHost) {
19            if (/(^|\.)google\./.test(refHost)) {
20                utm.set("utm_source", "google.com");
21                utm.set("utm_medium", "organic");
22            } else if (/(^|\.)yandex\./.test(refHost) || refHost === "ya.ru") {
23                utm.set("utm_source", "yandex.ru");
24                utm.set("utm_medium", "organic");
25            } else {
26                utm.set("utm_source", refHost);
27                utm.set("utm_medium", "referral");
28            }
29        }
30    }
31
32    if (!Array.from(utm.keys()).length) return;
33
34
35    document.querySelectorAll("a[href]").forEach(function (el) {
36        var href = el.getAttribute("href");
37        if (!href || href.charAt(0) === "#") return;
38
39        var u;
40        try { u = new URL(href, window.location.href); } catch (e) { return; }
41
42        if (u.protocol !== "http:" && u.protocol !== "https:") return;
43
44        var isInternal = norm(u.hostname) === curHost;
45        var isWebbot = /(^|\.)webbot\./.test(u.hostname);
46        if (!isInternal && !isWebbot) return;
47
48
49        Array.from(u.searchParams.keys()).forEach(function (k) {
50            if (k.indexOf("utm_") === 0) u.searchParams.delete(k);
51        });
52        utm.forEach(function (value, key) {
53            u.searchParams.set(key, value);
54        });
55
56        el.setAttribute("href", u.href);
57    });
58});
59</script>
59<!-- nominify end --><!-- nominify begin --><link rel="preload" fetchpriority="high" as="image" href="https://static.tildacdn.com/tild6239-3634-4435-a136-313939643034/mob.png" type="image/png"> 
59<script type="application/ld+json">
60{
61  "@context": "https://schema.org",
62  "@type": "FAQPage",
63  "mainEntity": [
64    {
65      "@type": "Question",
66      "name": "Смогу ли я создать бота самостоятельно?",
67      "acceptedAnswer": {
68        "@type": "Answer",
69        "text": "Да, конечно. Для создания веб-бота не требуется знаний программирования. Все создается легко и просто. Для вас подготовлена инструкция к админ-панели для удобного и быстрого запуска. Если у вас возникнут сложности, то вы всегда сможете обратиться в нашу техническую поддержку."
70      }
71    },{
72      "@type": "Question",
73      "name": "Как создать магазин в Телеграм?",
74      "acceptedAnswer": {
75        "@type": "Answer",
76        "text": "Для того чтобы создать магазин в Телеграм необходимо зарегистрироваться в нашем конструкторе https://admin.webbot.shop/register"
77      }
78    }
79  ]
80}
81</script>
81<!-- nominify end -->
81<script type="text/javascript">window.dataLayer=window.dataLayer||[];</script>
81 <!-- Google Tag Manager --> 
81<script type="text/javascript">
vendor: 323 bytes, line 81
81(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
81GTM-NRX88H4
vendor: 3 bytes, line 81
81');
81</script>
81 <!-- End Google Tag Manager --> <!-- Global Site Tag (gtag.js) - Google Analytics --> 
81<script type="text/javascript" data-tilda-cookie-type="analytics">window.mainTracker='gtag';window.gtagTrackerID='G-7CT8H4YSPE';function gtag(){dataLayer.push(arguments);}
82setTimeout(function(){(function(w,d,s,i){var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://www.googletagmanager.com/gtag/js?id='+i;f.parentNode.insertBefore(j,f);gtag('js',new Date());gtag('config',i,{});})(window,document,'script',window.gtagTrackerID);},2000);</script>
82 </head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="5971135" data-tilda-page-id="29792123" data-tilda-formskey="1349f1d903b1b69fa12cbc3ef5971135" data-blocks-animationoff="yes" data-tilda-lazy="yes" data-tilda-project-lang="RU" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-page-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec481948724" class="r t-rec t-screenmin-980px" style="background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-screen-min="980px" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec481948724 .t396__artboard{height:90px;background-color:#ffffff;}#rec481948724 .t396__filter{height:90px;}#rec481948724 .t396__carrier{height:90px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec481948724 .t396__artboard,#rec481948724 .t396__filter,#rec481948724 .t396__carrier{}#rec481948724 .t396__filter{}#rec481948724 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec481948724 .t396__artboard,#rec481948724 .t396__filter,#rec481948724 .t396__carrier{}#rec481948724 .t396__filter{}#rec481948724 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec481948724 .t396__artboard,#rec481948724 .t396__filter,#rec481948724 .t396__carrier{}#rec481948724 .t396__filter{}#rec481948724 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec481948724 .t396__artboard,#rec481948724 .t396__filter,#rec481948724 .t396__carrier{}#rec481948724 .t396__filter{}#rec481948724 .t396__carrier{background-attachment:scroll;}}#rec481948724 .tn-elem[data-elem-id="1661079338974"]{z-index:3;top:31px;left:calc(50% - 600px + 140px);width:132px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079338974"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec481948724 .tn-elem[data-elem-id="1661079338974"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec481948724 .tn-elem[data-elem-id="1661079338974"]{display:table;top:31px;left:calc(50% - 480px + 70px);height:auto;}}@media screen and (max-width:959px){#rec481948724 .tn-elem[data-elem-id="1661079338974"]{display:table;left:calc(50% - 320px + 70px);height:auto;}}@media screen and (max-width:639px){#rec481948724 .tn-elem[data-elem-id="1661079338974"]{display:table;left:calc(50% - 240px + 70px);height:auto;}}@media screen and (max-width:479px){#rec481948724 .tn-elem[data-elem-id="1661079338974"]{display:table;left:calc(50% - 160px + 70px);height:auto;}}#rec481948724 .tn-elem[data-elem-id="1661079659933"]{color:#63778c;z-index:3;top:21px;left:calc(50% - 600px + 300px);width:250px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079659933"] .tn-atom{vertical-align:middle;color:#63778c;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.35;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec481948724 .tn-elem[data-elem-id="1661079659933"]{display:table;top:20px;left:calc(50% - 480px + 230px);width:px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079659933"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec481948724 .tn-elem[data-elem-id="1661079659933"]{display:table;left:calc(50% - 320px + 230px);width:px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079659933"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec481948724 .tn-elem[data-elem-id="1661079659933"]{display:table;left:calc(50% - 240px + 230px);width:px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079659933"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec481948724 .tn-elem[data-elem-id="1661079659933"]{display:table;left:calc(50% - 160px + 230px);width:px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1661079659933"] .tn-atom{white-space:normal;background-size:cover;}}#rec481948724 .tn-elem[data-elem-id="1661189111600"]{color:#27a7e7;text-align:center;z-index:3;top:20px;left:calc(50% - 600px + 780px);
82width:200px;height:50px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom{color:#27a7e7;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:12px 12px 12px 12px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:#27a7e7;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-hover-color:#27a7e7;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#27a7e7;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{color:#ffffff;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec481948724 .tn-elem[data-elem-id="1661189111600"]{display:block;top:20px;left:calc(50% - 480px + 628px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec481948724 .tn-elem[data-elem-id="1661189111600"]{display:block;left:calc(50% - 320px + 628px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec481948724 .tn-elem[data-elem-id="1661189111600"]{display:block;left:calc(50% - 240px + 628px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec481948724 .tn-elem[data-elem-id="1661189111600"]{display:block;left:calc(50% - 160px + 628px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661189111600"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec481948724 .tn-elem[data-elem-id="1661623560871"]{color:#172849;text-align:center;z-index:3;top:18px;left:calc(50% - 600px + 990px);width:111px;height:55px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom{color:#172849;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#172849;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{color:#6b34b1;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover .tn-atom__button-text{color:#6b34b1;}}@media screen and (max-width:1199px){#rec481948724 .tn-elem[data-elem-id="1661623560871"]{display:block;top:18px;left:calc(50% - 480px + 838px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom{white-space:normal;background-size:cover;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec481948724 .tn-elem[data-elem-id="1661623560871"]{display:block;left:calc(50% - 320px + 838px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom{white-space:normal;background-size:cover;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec481948724 .tn-elem[data-elem-id="1661623560871"]{display:block;left:calc(50% - 240px + 838px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom{white-space:normal;background-size:cover;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec481948724 .tn-elem[data-elem-id="1661623560871"]{display:block;left:calc(50% - 160px + 838px);width:px;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom{white-space:normal;background-size:cover;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom::after{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::before{display:none;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover::after{opacity:0;}#rec481948724 .tn-elem[data-elem-id="1661623560871"] .tn-atom:hover{animation-name:none;}}}#rec481948724 .tn-elem[data-elem-id="1684250178104"]{z-index:3;top:16px;left:calc(50% - 600px + 54px);width:75px;height:auto;}#rec481948724 .tn-elem[data-elem-id="1684250178104"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec481948724 .tn-elem[data-elem-id="1684250178104"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec481948724 .tn-elem[data-elem-id="1684250178104"]{display:table;top:26px;left:calc(50% - 480px + 16px);width:50px;height:auto;}}@media screen and (max-width:959px){#rec481948724 .tn-elem[data-elem-id="1684250178104"]{display:table;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px){#rec481948724 .tn-elem[data-elem-id="1684250178104"]{display:table;left:calc(50% - 240px + 16px);height:auto;}}@media screen and (max-width:479px){#rec481948724 .tn-elem[data-elem-id="1684250178104"]{display:table;left:calc(50% - 160px + 16px);height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="481948724" data-artboard-screens="320,480,640,960,1200" data-artboard-height="90" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="481948724"></div> <div class="t396__filter" data-artboard-recid="481948724"></div> <div class='t396__elem tn-elem tn-elem__4819487241661079338974' data-elem-id='1661079338974' data-elem-type='image' data-field-top-value="31" data-field-left-value="140" data-field-height-value="27" data-field-width-value="132" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="530" data-field-fileheight-value="109" data-field-heightmode-value="hug" data-field-height-res-320-value="27" data-field-height-res-480-value="27" data-field-height-res-640-value="27" data-field-top-res-960-value="31" data-field-left-res-960-value="70" data-field-height-res-960-value="27"> <a class='tn-atom'
83href="/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6634-3135-4465-b831-323531346236/bb5e898b-a404-449a-8.svg'
84src='https://static.tildacdn.com/tild6634-3135-4465-b831-323531346236/bb5e898b-a404-449a-8.svg'
85alt='webbot' imgfield='tn_img_1661079338974'
86/> </a> </div> <div class='t396__elem tn-elem tn-elem__4819487241661079659933' data-elem-id='1661079659933' data-elem-type='text' data-field-top-value="21" data-field-left-value="300" data-field-height-value="48" data-field-width-value="250" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-fontsize-value="18" data-field-top-res-960-value="20" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1661079659933'>Бесплатный конструктор магазина в Телеграм и Макс</div> </div> <div class='t396__elem tn-elem tn-elem__4819487241661189111600' data-elem-id='1661189111600' data-elem-type='button' data-field-top-value="20" data-field-left-value="780" data-field-height-value="50" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="16" data-field-top-res-960-value="20" data-field-left-res-960-value="628"> <a class='tn-atom js-click-zero-stat'
87href="https://admin.webbot.shop/register"
88rel="nofollow"
89target="_blank" data-tilda-event-name="/tilda/click/rec481948724/button1661189111600"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Зарегистрироваться</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__4819487241661623560871' data-elem-id='1661623560871' data-elem-type='button' data-field-top-value="18" data-field-left-value="990" data-field-height-value="55" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="16" data-field-top-res-960-value="18" data-field-left-res-960-value="838"> <a class='tn-atom js-click-zero-stat'
90href="https://admin.webbot.shop/login"
91rel="nofollow"
92target="_blank" data-tilda-event-name="/tilda/click/rec481948724/button1661623560871"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Войти</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__4819487241684250178104' data-elem-id='1684250178104' data-elem-type='image' data-field-top-value="16" data-field-left-value="54" data-field-height-value="58" data-field-width-value="75" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="52" data-field-fileheight-value="40" data-field-lazyoff-value="y" data-field-heightmode-value="hug" data-field-height-res-320-value="38" data-field-left-res-480-value="16" data-field-height-res-480-value="38" data-field-height-res-640-value="38" data-field-top-res-960-value="26" data-field-left-res-960-value="16" data-field-height-res-960-value="38" data-field-width-res-960-value="50"> <a class='tn-atom'
93href="/"> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3362-3532-4433-a537-636233383331/rob_1.svg' alt='веббот шоп' imgfield='tn_img_1684250178104' /> </a> </div> </div> </div> 
93<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('481948724');});});</script>
93 <!-- /T396 --> </div> <div id="rec485722368" class="r t-rec t-rec_pb_15 t-screenmax-980px" style="padding-bottom:15px;background-color:#ffffff; " data-animationappear="off" data-record-type="309" data-screen-max="980px" data-bg-color="#ffffff"> <!-- T280 --> <div id="nav485722368marker"></div> <div id="nav485722368" class="t280 " data-menu="yes" data-appearoffset=""> <div class="t280__container t280__small t280__positionstatic" style=""> <div class="t280__container__bg" style="background-color: rgba(0,0,0,0);" data-bgcolor-hex="#000000" data-bgcolor-rgba="rgba(0,0,0,0)" data-navmarker="nav485722368marker" data-appearoffset="" data-bgopacity="0.0" data-menushadow="" data-menushadow-css=""></div> <div class="t280__menu__content t280__col-12"> <div class="t280__logo__container" style="min-height:60px;"> <div class="t280__logo__content"> <a class="t280__logo" href="/"> <img class="t280__logo__img"
94src="https://static.tildacdn.com/tild6334-3965-4632-a262-383361653537/Frame_24.svg"
95imgfield="img"
96style="height: 60px;"
97alt="webbot shop"> </a> </div> </div> <button type="button"
98class="t-menuburger t-menuburger_first t-menuburger__small"
99aria-label="Навигационное меню"
100aria-expanded="false"> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> </button> 
100<script>function t_menuburger_init(recid) {var rec=document.querySelector('#rec' + recid);if(!rec) return;var burger=rec.querySelector('.t-menuburger');if(!burger) return;var isSecondStyle=burger.classList.contains('t-menuburger_second');if(isSecondStyle&&!window.isMobile&&!('ontouchend' in document)) {burger.addEventListener('mouseenter',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-unhovered');burger.classList.add('t-menuburger-hovered');});burger.addEventListener('mouseleave',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-hovered');burger.classList.add('t-menuburger-unhovered');setTimeout(function() {burger.classList.remove('t-menuburger-unhovered');},300);});}
101burger.addEventListener('click',function() {if(!burger.closest('.tmenu-mobile')&&!burger.closest('.t450__burger_container')&&!burger.closest('.t3112__burger_container')&&!burger.closest('.t466__container')&&!burger.closest('.t204__burger')&&!burger.closest('.t199__js__menu-toggler')) {burger.classList.toggle('t-menuburger-opened');burger.classList.remove('t-menuburger-unhovered');}});var menu=rec.querySelector('[data-menu="yes"]');if(!menu) return;var menuLinks=menu.querySelectorAll('.t-menu__link-item');var submenuClassList=['t978__menu-link_hook','t978__tm-link','t966__tm-link','t794__tm-link','t-menusub__target-link'];Array.prototype.forEach.call(menuLinks,function(link) {link.addEventListener('click',function() {var isSubmenuHook=submenuClassList.some(function(submenuClass) {return link.classList.contains(submenuClass);});if(isSubmenuHook) return;burger.classList.remove('t-menuburger-opened');});});menu.addEventListener('clickedAnchorInTooltipMenu',function() {burger.classList.remove('t-menuburger-opened');});}
102t_onReady(function() {t_onFuncLoad('t_menuburger_init',function(){t_menuburger_init('485722368');});});</script>
102 <style>.t-menuburger{position:relative;flex-shrink:0;width:28px;height:20px;padding:0;border:none;background-color:transparent;outline:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .5s ease-in-out;cursor:pointer;z-index:999;}.t-menuburger span{display:block;position:absolute;width:100%;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out;height:3px;background-color:#000;}.t-menuburger span:nth-child(1){top:0px;}.t-menuburger span:nth-child(2),.t-menuburger span:nth-child(3){top:8px;}.t-menuburger span:nth-child(4){top:16px;}.t-menuburger__big{width:42px;height:32px;}.t-menuburger__big span{height:5px;}.t-menuburger__big span:nth-child(2),.t-menuburger__big span:nth-child(3){top:13px;}.t-menuburger__big span:nth-child(4){top:26px;}.t-menuburger__small{width:22px;height:14px;}.t-menuburger__small span{height:2px;}.t-menuburger__small span:nth-child(2),.t-menuburger__small span:nth-child(3){top:6px;}.t-menuburger__small span:nth-child(4){top:12px;}.t-menuburger-opened span:nth-child(1){top:8px;width:0%;left:50%;}.t-menuburger-opened span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);}.t-menuburger-opened span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.t-menuburger-opened span:nth-child(4){top:8px;width:0%;left:50%;}.t-menuburger-opened.t-menuburger__big span:nth-child(1){top:6px;}.t-menuburger-opened.t-menuburger__big span:nth-child(4){top:18px;}.t-menuburger-opened.t-menuburger__small span:nth-child(1),.t-menuburger-opened.t-menuburger__small span:nth-child(4){top:6px;}@media (hover),(min-width:0\0){.t-menuburger_first:hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_first:hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_second span:nth-child(2),.t-menuburger_second span:nth-child(3){width:80%;left:20%;right:0;}@media (hover),(min-width:0\0){.t-menuburger_second.t-menuburger-hovered span:nth-child(2),.t-menuburger_second.t-menuburger-hovered span:nth-child(3){animation:t-menuburger-anim 0.3s ease-out normal forwards;}.t-menuburger_second.t-menuburger-unhovered span:nth-child(2),.t-menuburger_second.t-menuburger-unhovered span:nth-child(3){animation:t-menuburger-anim2 0.3s ease-out normal forwards;}}.t-menuburger_second.t-menuburger-opened span:nth-child(2),.t-menuburger_second.t-menuburger-opened span:nth-child(3){left:0;right:0;width:100%!important;}.t-menuburger_third span:nth-child(4){width:70%;left:unset;right:0;}@media (hover),(min-width:0\0){.t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4){width:100%;}}.t-menuburger_third.t-menuburger-opened span:nth-child(4){width:0!important;right:50%;}.t-menuburger_fourth{height:12px;}.t-menuburger_fourth.t-menuburger__small{height:8px;}.t-menuburger_fourth.t-menuburger__big{height:18px;}.t-menuburger_fourth span:nth-child(2),.t-menuburger_fourth span:nth-child(3){top:4px;opacity:0;}.t-menuburger_fourth span:nth-child(4){top:8px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(2),.t-menuburger_fourth.t-menuburger__big span:nth-child(3){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(4){top:12px;}@media (hover),(min-width:0\0){.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_fourth.t-menuburger-opened span:nth-child(1),.t-menuburger_fourth.t-menuburger-opened span:nth-child(4){top:4px;}.t-menuburger_fourth.t-menuburger-opened span:nth-child(2),.t-menuburger_fourth.t-menuburger-opened span:nth-child(3){opacity:1;}@keyframes t-menuburger-anim{0%{width:80%;left:20%;right:0;}50%{width:100%;left:0;right:0;}100%{width:80%;left:0;right:20%;}}@keyframes t-menuburger-anim2{0%{width:80%;left:0;}50%{width:100%;right:0;left:0;}100%{width:80%;left:20%;right:0;}}</style> </div> </div> <div class="t280__menu__wrapper t280__menu__wrapper_2"> <div class="t280__menu__bg" style="background-color:#ebebeb; opacity:1;"></div> <div class="t280__menu__container"> <nav class="t280__menu t-width t-width_6"> <ul role="list" class="t280__list t-menu__list"> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
103href="/"
104target="_blank" data-menu-submenu-hook="">
105Главная
106</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
107href="/konstruktor-magazina-v-max/"
108target="_blank" data-menu-submenu-hook="">
109Интеграция с MAX
110</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
111href="/tariff"
112target="_blank" data-menu-submenu-hook="">
113Тарифы
114</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
115href="/baza-znanij"
116target="_blank" data-menu-submenu-hook="">
117База знаний
118</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
119href="/releases"
120target="_blank" data-menu-submenu-hook="">
121Наши обновления
122</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item t280__menu__link_submenu"
123href=""
124target="_blank" aria-expanded="false" role="button" data-menu-submenu-hook="link_sub6_485722368">
125Наш блог
126</a> </li> <div class="t-menusub" data-submenu-hook="link_sub6_485722368" data-submenu-margin="15px" data-add-submenu-arrow="on"> <div class="t-menusub__menu"> <div class="t-menusub__content"> <ul role="list" class="t-menusub__list"> <li class="t-menusub__list-item t-name t-name_xs"> <a class="t-menusub__link-item t-name t-name_xs"
127href="/blog"
128target="_blank" data-menu-item-number="6">Наш блог</a> </li> <li class="t-menusub__list-item t-name t-name_xs"> <a class="t-menusub__link-item t-name t-name_xs"
129href="/konstruktor-telegram-mini-app/"
130target="_blank" data-menu-item-number="6">Конструктор mini apps</a> </li> </ul> </div> </div> </div> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
131href="/public-api"
132target="_blank" data-menu-submenu-hook="">
133API
134</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
135href="http://admin.webbot.shop/register"
136target="_blank" data-menu-submenu-hook="">
137Зарегистрироваться
138</a> </li> <li class="t280__menu__item"> <a class="t280__menu__link t-title t-title_xl t-menu__link-item"
139href="http://admin.webbot.shop/login"
140target="_blank" data-menu-submenu-hook="">
141Войти
142</a> </li> </ul> </nav> <div class="t280__bottom t-width t-width_6">
142 <div class="t280__descr t280__bottom__item t-descr t-descr_xs">Бесплатный конструктор магазина в Телеграм и MAX</div> <div class="t-sociallinks"> <ul role="list" class="t-sociallinks__wrapper" aria-label="Соц. сети"> <!-- new soclinks --><li class="t-sociallinks__item t-sociallinks__item_telegram"><a href="https://t.me/webbot_shop" target="_blank" rel="nofollow" aria-label="Telegram" title="Telegram" style="width: 30px; height: 30px;"><svg class="t-sociallinks__svg" role="presentation" width=30px height=30px viewBox="0 0 100 100" fill="none"
143xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd"
144d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z"
145fill="#000000" /> </svg></a></li><!-- /new soclinks --> </ul> </div> </div> </div> </div> </div> <style>@media screen and (max-width:980px){#rec485722368 .t280__main_opened .t280__menu__content{background-color:#ebebeb!important;opacity:1!important;}}</style> 
145<script>t_onReady(function() {t_onFuncLoad('t280_showMenu',function() {t280_showMenu('485722368');});t_onFuncLoad('t280_changeSize',function() {t280_changeSize('485722368');});t_onFuncLoad('t_menuWidgets__init',function() {t_menuWidgets__init('485722368');});t_onFuncLoad('t280_highlight',function() {t280_highlight();});});t_onFuncLoad('t280_changeSize',function(){window.addEventListener('resize',t_throttle(function() {t280_changeSize('485722368');}));});</script>
145 <style>#rec485722368 .t-menu__link-item{}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec485722368 .t-menu__link-item,#rec485722368 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec485722368{--menusub-text-color:#000000;--menusub-bg:#fff;--menusub-shadow:none;--menusub-radius:0;--menusub-border:none;--menusub-width:150px;--menusub-transition:0.3s ease-in-out;}@media screen and (max-width:980px){#rec485722368 .t-menusub__menu .t-menusub__link-item,#rec485722368 .t-menusub__menu .t-menusub__innermenu-link{color:var(--menusub-text-color) !important;}#rec485722368 .t-menusub__menu .t-menusub__link-item.t-active{color:var(--menusub-text-color) !important;}#rec485722368 .t-menusub__menu .t-menusub__list-item:has(.t-active){background-color:var(--menusub-hover-bg);}}@media screen and (max-width:980px){#rec485722368 .t-menusub__menu-wrapper{background-color:var(--menusub-bg) !important;border-radius:var(--menusub-radius) !important;border:var(--menusub-border) !important;box-shadow:var(--menusub-shadow) !important;overflow:auto;max-width:var(--mobile-max-width);}#rec485722368 .t-menusub__menu-wrapper .t-menusub__content{background-color:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;margin-top:0 !important;}}</style> 
145<script>t_onReady(function() {setTimeout(function(){t_onFuncLoad('t_menusub_init',function() {t_menusub_init('485722368');});},500);});</script>
145 <style>#rec485722368 a.t-menusub__link-item{font-family:'SFProDisplay';}</style> <style>#rec485722368 .t280__logo__content .t-title{font-size:12px;color:#000000;font-weight:500;text-transform:uppercase;letter-spacing:2px;}#rec485722368 a.t280__menu__link{font-size:20px;color:#000000;font-family:'SFProDisplay';font-weight:500;}#rec485722368 .t280__descr{font-family:'SFProDisplay';}</style> <style>#rec485722368 .t280__logo{font-size:12px;color:#000000;font-weight:500;text-transform:uppercase;letter-spacing:2px;}</style> <style>#rec485722368 .t280__lang_first{color:#000000;font-family:'SFProDisplay';font-weight:500;}</style> <style>#rec485722368 .t280__lang_second{color:#000000;font-family:'SFProDisplay';font-weight:500;}</style> </div> <div id="rec550436044" class="r t-rec t-rec_pt_0 t-rec_pb_15 t-screenmin-980px" style="padding-top:0px;padding-bottom:15px; " data-animationappear="off" data-record-type="258" data-screen-min="980px"> <!-- T229 --> <div id="nav550436044marker"></div> <div id="nav550436044" class="t229 t229__positionstatic " style=" height:25px; " data-bgcolor-hex="" data-bgcolor-rgba="" data-navmarker="nav550436044marker" data-appearoffset="" data-bgopacity="0.70" data-menu="yes" data-menushadow="" data-menushadow-css=""> <div class="t229__maincontainer " style="height:25px;"> <div class="t229__padding40px"></div> <nav class="t229__centerside"> <ul role="list" class="t-menu__list"> <li class="t229__list_item"
146style="padding:0 15px 0 0;"> <a class="t-menu__link-item"
147href="/"
148target="_blank" data-menu-submenu-hook="">
149Главная</a> </li> <li class="t229__list_item"
150style="padding:0 15px;"> <a class="t-menu__link-item"
151href="/konstruktor-magazina-v-max/"
152target="_blank" data-menu-submenu-hook="">
153Магазин в Макс</a> </li> <li class="t229__list_item"
154style="padding:0 15px;"> <a class="t-menu__link-item"
155href="/tariff"
156target="_blank" data-menu-submenu-hook="">
157Тарифы</a> </li> <li class="t229__list_item"
158style="padding:0 15px;"> <a class="t-menu__link-item"
159href="/baza-znanij"
160target="_blank" data-menu-submenu-hook="">
161База знаний</a> </li> <li class="t229__list_item"
162style="padding:0 15px;"> <a class="t-menu__link-item"
163href="/releases"
164target="_blank" data-menu-submenu-hook="">
165Наши обновления </a> </li> <li class="t229__list_item"
166style="padding:0 15px;"> <a class="t-menu__link-item"
167href=""
168target="_blank"
169aria-expanded="false" role="button" data-menu-submenu-hook="link_sub6_550436044">
170Наш блог</a> <div class="t-menusub" data-submenu-hook="link_sub6_550436044" data-submenu-margin="15px" data-add-submenu-arrow="on"> <div class="t-menusub__menu"> <div class="t-menusub__content"> <ul role="list" class="t-menusub__list"> <li class="t-menusub__list-item t-name t-name_xs"> <a class="t-menusub__link-item t-name t-name_xs"
171href="/blog"
172target="_blank" data-menu-item-number="6">Наш блог</a> </li> <li class="t-menusub__list-item t-name t-name_xs"> <a class="t-menusub__link-item t-name t-name_xs"
173href="/konstruktor-telegram-mini-app/"
174target="_blank" data-menu-item-number="6">Конструктор mini apps</a> </li> </ul> </div> </div> </div> </li> <li class="t229__list_item"
175style="padding:0 0 0 15px;"> <a class="t-menu__link-item"
176href="/public-api"
177target="_blank" data-menu-submenu-hook="">
178API</a> </li> </ul> </nav> <div class="t229__padding40px"></div> </div> </div> 
178<script>t_onReady(function() {var rec=document.querySelector('#rec550436044');if(!rec) return;var burger=rec.querySelector('.t-menuburger');if(burger) {t_onFuncLoad('t_menu__createMobileMenu',function() {t_menu__createMobileMenu('550436044','.t229');});}
179t_onFuncLoad('t_menu__highlightActiveLinks',function() {t_menu__highlightActiveLinks('.t229__list_item a');});rec.querySelector('.t229').classList.remove('t229__beforeready');});</script>
179 
179<script>t_onReady(function() {t_onFuncLoad('t_menu__setBGcolor',function() {t_menu__setBGcolor('550436044','.t229');window.addEventListener('load',function() {t_menu__setBGcolor('550436044','.t229');});window.addEventListener('resize',t_throttle(function() {t_menu__setBGcolor('550436044','.t229');}));});t_onFuncLoad('t_menu__interactFromKeyboard',function() {t_menu__interactFromKeyboard('550436044');});});</script>
179 <style>#rec550436044 .t-menu__link-item{position:relative;}#rec550436044 .t-menu__link-item:not(.t-active):not(.tooltipstered)::after{content:'';position:absolute;left:0;bottom:20%;opacity:0;width:100%;height:100%;border-bottom:0px solid #000000;-webkit-box-shadow:inset 0px -1px 0px 0px #000000;-moz-box-shadow:inset 0px -1px 0px 0px #000000;box-shadow:inset 0px -1px 0px 0px #000000;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;pointer-events:none;}#rec550436044 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover::after{opacity:1;bottom:-0px;}#rec550436044 .t-menu__link-item:not(.t-active):not(.tooltipstered):focus-visible::after{opacity:1;bottom:-0px;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec550436044 .t-menu__link-item,#rec550436044 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec550436044{--menusub-text-color:#000000;--menusub-bg:#fff;--menusub-shadow:none;--menusub-radius:0;--menusub-border:none;--menusub-width:150px;--menusub-transition:0.3s ease-in-out;}@media screen and (max-width:980px){#rec550436044 .t-menusub__menu .t-menusub__link-item,#rec550436044 .t-menusub__menu .t-menusub__innermenu-link{color:var(--menusub-text-color) !important;}#rec550436044 .t-menusub__menu .t-menusub__link-item.t-active{color:var(--menusub-text-color) !important;}#rec550436044 .t-menusub__menu .t-menusub__list-item:has(.t-active){background-color:var(--menusub-hover-bg);}}@media screen and (max-width:980px){#rec550436044 .t-menusub__menu-wrapper{background-color:var(--menusub-bg) !important;border-radius:var(--menusub-radius) !important;border:var(--menusub-border) !important;box-shadow:var(--menusub-shadow) !important;overflow:auto;max-width:var(--mobile-max-width);}#rec550436044 .t-menusub__menu-wrapper .t-menusub__content{background-color:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;margin-top:0 !important;}}</style> 
179<script>t_onReady(function() {setTimeout(function(){t_onFuncLoad('t_menusub_init',function() {t_menusub_init('550436044');});},500);});</script>
179 <style>#rec550436044 .t229__list_item .t-menu__link-item{font-size:15px;color:#000000;font-weight:500;text-transform:uppercase;}</style> </div> <div id="rec2372811871" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wb-hero"> <header class="wb-hero-section"> <div class="wb-wrap"> <div class="wb-grid"> <div> <h1>
180                        Бесплатный конструктор магазина в&nbsp;<span
181                            class="wb-accent"
182                            >Telegram и Max<svg
183                                viewBox="0 0 200 14"
184                                preserveAspectRatio="none"
185                            > <path
186                                    d="M2 8 Q 50 2 100 6 T 198 5"
187                                    stroke="currentColor"
188                                    stroke-width="3"
189                                    fill="none"
190                                    stroke-linecap="round"
191                                /></svg
192                        ></span> </h1> <p class="wb-hero-sub">
193                        Создай свой интернет-магазин в популярном мессенджере и
194                        начни продавать без сайта, сложной разработки и лишних
195                        затрат.
196                    </p> <div class="wb-hero-cta"> <a
197                            target="_blank"
198                            href="https://admin.webbot.shop/register"
199                            data-tilda-event-name="/tilda/click/rec482459703/button1661190434454"
200                            class="wb-btn wb-btn-primary wb-btn-lg"
201                            >Создать магазин <span class="wb-arr">→</span></a
202                        > <a
203                            href="https://t.me/PizzaRio21_bot?start=hero" target="_blank"
204                            class="wb-btn wb-btn-outline wb-btn-lg"
205                            data-tilda-event-name="/tilda/click/rec482459703/button1689886052497"
206                            >Посмотреть магазин</a> </div> <div class="wb-hero-meta"> <span class="wb-item"
207                            ><span class="wb-check">✓</span> Не надо привязывать
208                            карту</span
209                        > <span class="wb-item"
210                            ><span class="wb-check">✓</span> Безлимит
211                            подписчиков и заказов</span
212                        > </div> </div> <noindex> <div class="wb-phone-wrap"> <div class="wb-float wb-f-noti"> <div class="wb-row"> <div class="wb-ico"> <svg
213                                    viewBox="0 0 24 24"
214                                    fill="none"
215                                    stroke="currentColor"
216                                    stroke-width="2"
217                                    stroke-linecap="round"
218                                    stroke-linejoin="round"
219                                > <path
220                                        d="M6 8a6 6 0 0 1 12 0c0 7 3 7 3 9H3c0-2 3-2 3-9z"
221                                    /> <path d="M10 21a2 2 0 0 0 4 0" /> </svg> </div> <div> <div class="wb-t1">+72 заказа сегодня</div> <div class="wb-t2">
222                                    Push отправлен 2 410 клиентам
223                                </div> </div> </div> </div> <div class="wb-float wb-bubble-in wb-f-pay"> <div class="wb-row"> <div class="wb-ico"> <svg
224                                    viewBox="0 0 24 24"
225                                    fill="none"
226                                    stroke="currentColor"
227                                    stroke-width="2.5"
228                                    stroke-linecap="round"
229                                    stroke-linejoin="round"
230                                > <path d="M5 13l4 4 10-10" /> </svg> </div> <div> <div class="wb-t1">Принят платёж</div> <div class="wb-t2">₽ 49 590</div> </div> </div> </div> <div class="wb-float wb-bubble-out wb-f-msg">
231                        Спасибо! Ваш заказ #3892 принят 🎉
232                        <div class="wb-send">
233                            12:04
234                            <svg
235                                viewBox="0 0 16 12"
236                                fill="none"
237                                stroke="currentColor"
238                                stroke-width="2"
239                            > <polyline points="1,7 5,11 11,1" /> <polyline points="6,7 10,11 15,1" /> </svg> </div> </div> <div class="wb-phone"> <div class="wb-scr"> <div class="wb-tg-header"> <div class="wb-av">DS</div> <div> <div class="wb-nm">Demo shop</div> <div class="wb-st">mini app · online</div> </div> <div class="wb-icons"> <svg
240                                        viewBox="0 0 24 24"
241                                        fill="none"
242                                        stroke="currentColor"
243                                        stroke-width="2"
244                                        stroke-linecap="round"
245                                        stroke-linejoin="round"
246                                    > <circle cx="11" cy="11" r="7" /> <path d="M21 21l-5-5" /> </svg> <svg
247                                        viewB
247ox="0 0 24 24"
248                                        fill="none"
249                                        stroke="currentColor"
250                                        stroke-width="2"
251                                        stroke-linecap="round"
252                                        stroke-linejoin="round"
253                                    > <circle
254                                            cx="5"
255                                            cy="12"
256                                            r="1.5"
257                                            fill="currentColor"
258                                        /> <circle
259                                            cx="12"
260                                            cy="12"
261                                            r="1.5"
262                                            fill="currentColor"
263                                        /> <circle
264                                            cx="19"
265                                            cy="12"
266                                            r="1.5"
267                                            fill="currentColor"
268                                        /> </svg> </div> </div> <img
269                                loading="lazy"
270                                src="https://habrastorage.org/webt/9c/a4/b5/9ca4b52c3e50824380d17d07534c5e22.jpg"
271                                alt="Магазин в телеграм"
272                            /> </div> </div> </div></noindex> </div> </div> </header> </div> <style>
273    .wb-hero {
274        --tg-blue: #3390ec;
275        --tg-blue-deep: #168acd;
276        --tg-blue-soft: #e7f3fe;
277        --tg-blue-bg: #f4f9ff;
278        --bg: #ffffff;
279        --bg-2: #f4f4f5;
280        --line: #e4e9f0;
281        --line-2: #d9e0ea;
282        --ink: #0f1620;
283        --ink-2: #2e3a4b;
284        --muted: #707991;
285        --bubble-out: #effdde;
286        --chat-bg: #dce5f0;
287        font-family:
288            "Manrope",
289            "SF Pro Display",
290            -apple-system,
291            system-ui,
292            sans-serif;
293        -webkit-font-smoothing: antialiased;
294        color: var(--ink);
295        background: var(--bg);
296        overflow-x: hidden;
297        font-size: 16px;
298        line-height: 1.5;
299    }
300    .wb-hero * {
301        box-sizing: border-box;
302    }
303    .wb-hero a {
304        color: inherit;
305        text-decoration: none;
306    }
307    .wb-hero img {
308        max-width: 100%;
309        display: block;
310    }
311
312    .wb-hero .wb-wrap {
313        max-width: 1240px;
314        margin: 0 auto;
315        padding: 0 28px;
316    }
317
318    .wb-hero .wb-hero-section {
319        padding: 64px 0 72px;
320        position: relative;
321        overflow: hidden;
322    }
323    .wb-hero .wb-hero-section::before {
324        position: absolute;
325        inset: auto -10% -40% -10%;
326        height: 80%;
327        background: radial-gradient(
328            60% 60% at 50% 0%,
329            rgba(51, 144, 236, 0.08),
330            transparent 70%
331        );
332        pointer-events: none;
333    }
334    .wb-hero .wb-grid {
335        display: grid;
336        grid-template-columns: 1.1fr 0.9fr;
337        gap: 56px;
338        align-items: center;
339        position: relative;
340    }
341
342    .wb-hero .wb-pill {
343        display: inline-flex;
344        align-items: center;
345        gap: 8px;
346        padding: 7px 14px;
347        border-radius: 999px;
348        background: var(--tg-blue-soft);
349        color: var(--tg-blue-deep);
350        font-size: 13px;
351        font-weight: 600;
352        border: 1px solid rgba(51, 144, 236, 0.18);
353    }
354    .wb-hero .wb-pill svg {
355        width: 14px;
356        height: 14px;
357    }
358
359    .wb-hero h1 {
360        font-size: clamp(44px, 6.4vw, 74px);
361        line-height: 1.02;
362        letter-spacing: -0.035em;
363        font-weight: 700;
364        margin: 20px 0 0;
365        color: var(--ink);
366    }
367    .wb-hero h1 .wb-accent {
368        color: var(--tg-blue);
369        position: relative;
370        display: inline-block;
371    }
372    .wb-hero h1 .wb-accent svg {
373        position: absolute;
374        left: -2%;
375        right: -2%;
376        bottom: -4px;
377        width: 104%;
378        height: 14px;
379        color: var(--tg-blue);
380    }
381
382    .wb-hero .wb-hero-sub {
383        margin-top: 24px;
384        font-size: 19px;
385        line-height: 1.55;
386        color: var(--ink-2);
387        max-width: 540px;
388    }
389    .wb-hero .wb-hero-cta {
390        margin-top: 32px;
391        display: flex;
392        align-items: center;
393        gap: 12px;
394        flex-wrap: wrap;
395    }
396    .wb-hero .wb-hero-meta {
397        margin-top: 24px;
398        display: flex;
399        align-items: center;
400        gap: 24px;
401        font-size: 14px;
402        color: var(--muted);
403        flex-wrap: wrap;
404    }
405    .wb-hero .wb-hero-meta .wb-item {
406        display: inline-flex;
407        align-items: center;
408        gap: 8px;
409    }
410    .wb-hero .wb-hero-meta .wb-check {
411        width: 18px;
412        height: 18px;
413        border-radius: 50%;
414        background: var(--tg-blue);
415        color: #fff;
416        display: grid;
417        place-items: center;
418        font-size: 11px;
419        font-weight: 700;
420        flex: none;
421    }
422
423        .wb-hero .wb-btn {
424        color: #000 !important;
425        display: inline-flex;
426        align-items: center;
427        gap: 8px;
428        padding: 11px 20px;
429        border-radius: 999px;
430        font-weight: 600;
431        font-size: 14.5px;
432        border: 1px solid transparent;
433        transition: all 0.18s ease;
434        line-height: 1;
435        cursor: pointer;
436        font-family: inherit;
437    }
438    .wb-hero .wb-btn-primary {
439        background: var(--tg-blue);
440        color: #fff !important;
441        box-shadow: 0 6px 16px -6px rgba(51, 144, 236, 0.55);
442    }
443    .wb-hero .wb-btn-primary:hover {
444        background: var(--tg-blue-deep);
445        transform: translateY(-1px);
446        box-shadow: 0 10px 24px -8px rgba(51, 144, 236, 0.65);
447    }
448    .wb-hero .wb-btn-outline {
449        color: var(--ink) !important;
450        background: #fff;
451        border-color: var(--line-2);
452    }
453    .wb-hero .wb-btn-outline:hover {
454        border-color: var(--tg-blue);
455        color: var(--tg-blue);
456    }
457    .wb-hero .wb-btn-lg {
458        padding: 15px 28px;
459        font-size: 16px;
460    }
461    .wb-hero .wb-btn .wb-arr {
462        transition: transform 0.2s;
463        font-weight: 400;
464    }
465    .wb-hero .wb-btn:hover .wb-arr {
466        transform: translateX(3px);
467    }
468
469        .wb-hero .wb-phone-wrap {
470        position: relative;
471        height: 600px;
472        display: flex;
473        justify-content: center;
474        align-items: center;
475    }
476    .wb-hero .wb-phone {
477        width: 320px;
478        height: 600px;
479        background: #1a1f25;
480        border-radius: 46px;
481        padding: 11px;
482        box-shadow:
483            0 50px 100px -40px rgba(15, 22, 32, 0.35),
484            0 0 0 1px rgba(15, 22, 32, 0.08),
485            inset 0 0 0 2px #2a3138;
486        position: relative;
487        z-index: 2;
488    }
489    .wb-hero .wb-phone::before {
490        content: "";
491        position: absolute;
492        left: 50%;
493        top: 18px;
494        transform: translateX(-50%);
495        width: 100px;
496        height: 26px;
497        background: #1a1f25;
498        border-radius: 14px;
499        z-index: 3;
500    }
501    .wb-hero .wb-scr {
502        width: 100%;
503        height: 100%;
504        background: var(--chat-bg);
505        border-radius: 36px;
506        overflow: hidden;
507        position: relative;
508        background-image:
509            radial-gradient(
510                circle at 20% 10%,
511                rgba(255, 255, 255, 0.5) 0,
512                transparent 30%
513            ),
514            radial-gradient(
515                circle at 80% 80%,
516                rgba(255, 255, 255, 0.4) 0,
517                transparent 35%
518            ),
519            linear-gradient(180deg, #c8d5e5 0%, #dce5f0 100%);
520    }
521
522    .wb-hero .wb-tg-header {
523        height: 88px;
524        padding: 38px 14px 8px;
525        background: #ffffffee;
526        backdrop-filter: blur(12px);
527        display: flex;
528        align-items: center;
529        gap: 10px;
530        border-bottom: 1px solid #00000010;
531    }
532    .wb-hero .wb-tg-header .wb-av {
533        width: 36px;
534        height: 36px;
535        border-radius: 50%;
536        background: linear-gradient(180deg, #ffb144, #f47b47);
537        display: grid;
538        place-items: center;
539        color: #fff;
540        font-weight: 700;
541        font-size: 13px;
542    }
543    .wb-hero .wb-tg-header .wb-nm {
544        font-weight: 600;
545        font-size: 14px;
546        color: #000;
547    }
548    .wb-hero .wb-tg-header .wb-st {
549        font-size: 11.5px;
550        color: var(--tg-blue);
551        margin-top: 1px;
552    }
553    .wb-hero .wb-tg-header .wb-icons {
554        margin-left: auto;
555        display: flex;
556        gap: 14px;
557        color: var(--tg-blue);
558    }
559    .wb-hero .wb-tg-header .wb-icons svg {
560        width: 18px;
561        height: 18px;
562    }
563
564    .wb-hero .wb-miniapp {
565        position: absolute;
566        left: 14px;
567        right: 14px;
568        top: 96px;
569        bottom: 14px;
570        background: #fff;
571        border-radius: 18px;
572        overflow: hidden;
573        box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.18);
574        display: flex;
575        flex-direction: column;
576    }
577    .wb-hero .wb-ma-top {
578        height: 42px;
579        background: #fff;
580        border-bottom: 1px solid #00000010;
581        display: flex;
582        align-items: center;
583        padding: 0 14px;
584        gap: 8px;
585    }
586    .wb-hero .wb-ma-top .wb-close {
587        width: 14px;
588        height: 14px;
589        color: #999;
590    }
591    .wb-hero .wb-ma-top .wb-ttl {
592        font-weight: 600;
593        font-size: 13px;
594        color: #000;
595        flex: 1;
596        text-align: center;
597        margin-right: 14px;
598    }
599    .wb-hero .wb-ma-search {
600        margin: 10px 12px 8px;
601        height: 32px;
602        background: #f0f2f5;
603        border-radius: 10px;
604        display: flex;
605        align-items: center;
606        padding: 0 12px;
607        gap: 8px;
608        color: #999;
609        font-size: 12px;
610    }
611    .wb-hero .wb-ma-cats {
612        display: flex;
613        gap: 8px;
614        padding: 0 12px 10px;
615        overflow-x: hidden;
616    }
617    .wb-hero .wb-ma-cat {
618        padding: 6px 12px;
619        border-radius: 999px;
620        background: var(--tg-blue);
621        color: #fff;
622        font-size: 11.5px;
623        font-weight: 600;
624        white-space: nowrap;
625    }
626    .wb-hero .wb-ma-cat.wb-alt {
627        background: #f0f2f5;
628        color: #000;
629    }
630    .wb-hero .wb-ma-grid {
631        display: grid;
632        grid-template-columns: 1fr 1fr;
633        gap: 8px;
634        padding: 0 12px;
635        flex: 1;
636        overflow: hidden;
637    }
638    .wb-hero .wb-ma-prod {
639        background: #fff;
640        border: 1px solid #00000010;
641        border-radius: 12px;
642        padding: 6px;
643        display: flex;
644        flex-direction: column;
645        gap: 5px;
646    }
647    .wb-hero .wb-ma-prod .wb-ph {
648        aspect-ratio: 1;
649        border-radius: 8px;
650        position: relative;
651        overflow: hidden;
652    }
653    .wb-hero .wb-ma-prod .wb-ph .wb-stripes {
654        position: absolute;
655        inset: 0;
656        background: repeating-linear-gradient(
657            135deg,
658            #fbe4d2,
659            #fbe4d2 6px,
660            #f5d1b7 6px,
661            #f5d1b7 12px
662        );
663    }
664    .wb-hero .wb-ma-prod .wb-ph.wb-b .wb-stripes {
665        background: repeating-linear-gradient(
666            135deg,
667            #ffe0e0,
668            #ffe0e0 6px,
669            #fbc8c8 6px,
670            #fbc8c8 12px
671        );
672    }
673    .wb-hero .wb-ma-prod .wb-ph.wb-c .wb-stripes {
674        background: repeating-linear-gradient(
675            135deg,
676            #e2efd9,
677            #e2efd9 6px,
678            #c9deba 6px,
679            #c9deba 12px
680        );
681    }
682    .wb-hero .wb-ma-prod .wb-ph.wb-d .wb-stripes {
683        background: repeating-linear-gradient(
684            135deg,
685            #e0eaf8,
686            #e0eaf8 6px,
687            #c5d8f0 6px,
688            #c5d8f0 12px
689        );
690    }
691    .wb-hero .wb-ma-prod .wb-nm {
692        font-size: 11px;
693        font-weight: 600;
694        color: #000;
695        line-height: 1.2;
696    }
697    .wb-hero .wb-ma-prod .wb-pr {
698        font-size: 11px;
699        font-weight: 700;
700        color: var(--tg-blue);
701    }
702    .wb-hero .wb-ma-bot {
703        height: 50px;
704        background: #fff;
705        border-top: 1px solid #00000010;
706        padding: 8px 12px;
707        display: flex;
708        gap: 8px;
709        align-items: center;
710    }
711    .wb-hero .wb-ma-cart {
712        flex: 1;
713        background: var(--tg-blue);
714        color: #fff;
715        border-radius: 10px;
716        height: 34px;
717        display: flex;
718        align-items: center;
719        justify-content: center;
720        gap: 8px;
721        font-size: 12.5px;
722        font-weight: 600;
723    }
724
725    .wb-hero .wb-float {
726        position: absolute;
727        background: #fff;
728        border-radius: 18px;
729        padding: 14px 16px;
730        box-shadow:
731            0 14px 30px -12px rgba(15, 22, 32, 0.18),
732            0 0 0 1px rgba(15, 22, 32, 0.04);
733        z-index: 3;
734    }
735    .wb-hero .wb-bubble-in {
736        border-bottom-left-radius: 6px;
737    }
738    .wb-hero .wb-bubble-out {
739        border-bottom-right-radius: 6px;
740        background: var(--bubble-out);
741    }
742
743    .wb-hero .wb-f-order {
744        left: 0;
745        top: 80px;
746        width: 230px;
747    }
748    .wb-hero .wb-f-order .wb-ttl {
749        font-size: 12px;
750        color: var(--muted);
751        font-weight: 600;
752        letter-spacing: 0.04em;
753        text-transform: uppercase;
754    }
755    .wb-hero .wb-f-order .wb-big {
756        font-size: 26px;
757        font-weight: 800;
758        letter-spacing: -0.02em;
759        margin-top: 6px;
760        color: var(--ink);
761    }
762    .wb-hero .wb-f-order .wb-sub {
763        font-size: 12px;
764        color: var(--tg-blue-deep);
765        font-weight: 600;
766        margin-top: 4px;
767        display: flex;
768        align-items: center;
769        gap: 6px;
770    }
771    .wb-hero .wb-f-order .wb-sub::before {
772        content: "▲";
773        font-size: 9px;
774    }
775    .wb-hero .wb-f-order .wb-bars {
776        margin-top: 12px;
777        display: flex;
778        align-items: end;
779        gap: 4px;
780        height: 32px;
781    }
782    .wb-hero .wb-f-order .wb-bars i {
783        flex: 1;
784        background: var(--tg-blue-soft);
785        border-radius: 3px;
786        display: block;
787    }
788    .wb-hero .wb-f-order .wb-bars i.wb-h {
789        background: var(--tg-blue);
790    }
791
792    .wb-hero .wb-f-pay {
793        left: 30px;
794        bottom: 50px;
795        width: 240px;
796    }
797    .wb-hero .wb-f-pay .wb-row {
798        display: flex;
799        align-items: center;
800        gap: 10px;
801    }
802    .wb-hero .wb-f-pay .wb-ico {
803        width: 38px;
804        height: 38px;
805        border-radius: 50%;
806        background: #e7f8e0;
807        color: #3cb05e;
808        display: grid;
809        place-items: center;
810        flex: none;
811    }
812    .wb-hero .wb-f-pay .wb-ico svg {
813        width: 20px;
814        height: 20px;
815    }
816    .wb-hero .wb-f-pay .wb-t1 {
817        font-size: 13px;
818        color: var(--muted);
819    }
820    .wb-hero .wb-f-pay .wb-t2 {
821        font-size: 18px;
822        font-weight: 800;
823        color: var(--ink);
824        letter-spacing: -0.01em;
825    }
826
827    .wb-hero .wb-f-noti {
828        right: 0;
829        top: 30px;
830        width: 260px;
831        background: var(--ink) !important;
832        color: #fff;
833    }
834    .wb-hero .wb-f-noti .wb-row {
835        display: flex;
836        gap: 12px;
837        align-items: center;
838    }
839    .wb-hero .wb-f-noti .wb-ico {
840        width: 38px;
841        height: 38px;
842        border-radius: 10px;
843        background: var(--tg-blue);
844        display: grid;
845        place-items: center;
846        flex: none;
847        color: #fff;
848    }
849    .wb-hero .wb-f-noti .wb-ico svg {
850        width: 20px;
851        height: 20px;
852    }
853    .wb-hero .wb-f-noti .wb-t1 {
854        font-size: 14px;
855        font-weight: 700;
856        line-height: 1.2;
857    }
858    .wb-hero .wb-f-noti .wb-t2 {
859        font-size: 12px;
860        color: #ffffffa0;
861        margin-top: 3px;
862    }
863
864    .wb-hero .wb-f-msg {
865        right: -10px;
866        bottom: 80px;
867        max-width: 240px;
868        font-size: 13.5px;
869        color: var(--ink);
870        padding: 10px 14px;
871    }
872    .wb-hero .wb-f-msg .wb-send {
873        font-size: 11px;
874        color: var(--muted);
875        margin-top: 4px;
876        display: flex;
877        justify-content: flex-end;
878        gap: 4px;
879        align-items: center;
880    }
881    .wb-hero .wb-f-msg .wb-send svg {
882        width: 14px;
883        height: 14px;
884        color: var(--tg-blue);
885    }
886
887    @media (max-width: 1080px) {
888        .wb-hero .wb-grid {
889            grid-template-columns: 1fr;
890            gap: 48px;
891        }
892        .wb-hero .wb-phone-wrap {
893            height: auto;
894            padding: 60px 0;
895        }
896    }
897    @media (max-width: 640px) {
898        .wb-hero .wb-wrap {
899            padding: 0 18px;
900        }
901    }
902    @media (max-width: 767px) {
903  .wb-hero .wb-hero-section {
904    padding: 15px 0 35px;
905  }
906}
907</style> <style>
908@media screen and (max-width: 768px) {
909  .wb-hero .wb-f-pay {
910      bottom: 10px;
911  }
912}
913</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec2373260991" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
914  .w1bt-block {
915      font-family: "Manrope", "SF Pro Display", -apple-system, system-ui, sans-serif;
916    width: 100%;
917    max-width: 1160px;
918    margin: 0 auto;
919    background: #FFFFFF;
920    border: 1px solid #E4EAF0;
921    border-radius: 24px;
922    box-shadow: 0 1px 4px rgba(0,0,0,.06);
923    display: grid;
924    grid-template-columns: 1fr 1px 1fr;
925    align-items: stretch;
926    overflow: hidden;
927  }
928
929  .w1bt-divider {
930    background: #E4EAF0;
931    width: 1px;
932  }
933
934  .w1bt-item {
935    display: flex;
936    align-items: center;
937    gap: 22px;
938    padding: 20px 44px;
939  }
940
941  .w1bt-tile {
942    flex: 0 0 auto;
943    width: 60px;
944    height: 60px;
945    border-radius: 16px;
946    display: grid;
947    place-items: center;
948    background: linear-gradient(150deg, #D6EAFD 0%, #F0F7FF 55%, #FFFFFF 100%);
949    border: 1px solid #B3D4F5;
950    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px -12px rgba(51,144,236,.5);
951    color: #3390EC;
952  }
953  .w1bt-tile svg {
954    display: block;
955  }
956
957  .w1bt-copy {
958    min-width: 0;
959  }
960  .w1bt-title {
961    margin: 0;
962    font-size: 18px;
963    line-height: 1.18;
964    font-weight: 600;
965    letter-spacing: -0.03em;
966    color: #0D1117;
967    text-wrap: balance;
968  }
969  .w1bt-sub {
970    margin: 5px 0 0;
971    font-size: 14px;
972    line-height: 1.3;
973    font-weight: 500;
974    letter-spacing: -0.02em;
975    color: #3390EC;
976  }
977
978  @media (max-width: 780px) {
979    .w1bt-block {
980      grid-template-columns: 1fr;
981    }
982    .w1bt-divider {
983      width: auto;
984      height: 1px;
985    }
986    .w1bt-item {
987      padding: 24px 28px;
988      gap: 22px;
989    }
990    .w1bt-tile {
991      width: 52px;
992      height: 52px;
993      border-radius: 14px;
994    }
995    .w1bt-title {
996      font-size: 19px;
997    }
998    .w1bt-sub {
999      font-size: 15px;
1000    }
1001  }
1002</style> <section class="w1bt-block" aria-label="Создание магазина в Telegram"> <div class="w1bt-item"> <div class="w1bt-tile" aria-hidden="true"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M9 18l-4-4 4-4"></path> <path d="M15 6l4 4-4 4"></path> <path d="M13 4l-2 16"></path> </svg> </div> <div class="w1bt-copy"> <h3 class="w1bt-title">Создание магазина в Telegram</h3> <p class="w1bt-sub">без навыков программирования</p> </div> </div> <div class="w1bt-divider" role="separator"></div> <div class="w1bt-item"> <div class="w1bt-tile" aria-hidden="true"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 22h14"></path> <path d="M5 2h14"></path>
1002 <path d="M17 22v-4.17a2 2 0 0 0-.59-1.42L12 12l-4.41 4.41A2 2 0 0 0 7 17.83V22"></path> <path d="M7 2v4.17a2 2 0 0 0 .59 1.42L12 12l4.41-4.41A2 2 0 0 0 17 6.17V2"></path> </svg> </div> <div class="w1bt-copy"> <h3 class="w1bt-title">Создать приложение и запустить его</h3> <p class="w1bt-sub">за 10 минут</p> </div> </div> </section> <!-- nominify end --> </div> </div> </div> </div> <a name="obzor" style="font-size:0;"></a> <div id="rec1789809021" class="r t-rec t-rec_pt_45 t-rec_pb_30" style="padding-top:45px;padding-bottom:30px; " data-record-type="259"> <!-- T230 --> <div class="t230"> <div class="t-container"> <div class="t-col t-col_1"> <div class="t230__text t-text t-text_md"
1003field="text"> </div> </div> <div class="t-col t-col_8 t-prefix_2"> <div class="t230__video-content"> <div class="t230__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="1789809021" data-videolazy-type="rutube" data-videolazy-id="4749931be80e4b18102626591c9f1bd7"> </div> </div> <div class="t230__video-title t-descr" field="imgtitle"><strong>WebBot позволяет создать магазин в Телеграм с нуля - быстро, удобно и бесплатно.</strong></div> <div class="t230__video-descr t-descr" field="imgdescr"><div style="font-size: 14px;" data-customstyle="yes">Магазин в Телеграм боте открывается по ссылке, не требует установки приложений и сразу готов к продажам. Клиенту не нужно переходить на сторонние сайты - всё происходит внутри Telegram. Сделайте первый шаг на встречу к вашим клиентам в Телеграм.<br />Начни продавать без сайта, сложной разработки и лишних затрат.</div></div> </div> </div> </div> </div> 
1003<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t230_init',function() {t230_init('1789809021');});});</script>
1003 <style>#rec1789809021 .t230__title{font-size:16px;}#rec1789809021 .t230__text{font-weight:700;}</style> </div> <div id="rec1737260221" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
1004class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
1005href="https://admin.webbot.shop/register"
1006target="_blank"><span class="t-btnflex__text">Создать бесплатно</span> <style>#rec1737260221 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec1737260221 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec1737260221 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec2027742841" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 t123__centeredContainer"> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="stats-section"> <div class="stats-container"> <div class="stat-item"> <div class="stat-prefix">Более</div> <div class="stat-number"> <span class="counter" data-target="15" data-suffix=" тыс.">15000</span> </div> <div class="stat-label">магазинов создано</div> </div> <div class="divider"></div> <div class="stat-item"> <div class="stat-prefix">Более</div> <div class="stat-number"> <span class="counter" data-target="400" data-suffix=" тыс.">400000</span> </div> <div class="stat-label">заказов оформлено</div> </div> <div class="divider"></div> <div class="stat-item"> <div class="stat-prefix">Более</div> <div class="stat-number"> <span class="counter" data-target="1.4" data-suffix=" млн.">1400000</span> </div> <div class="stat-label">пользователей запустили магазины</div> </div> </div> </div> <style>
1007  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
1008
1009  .stats-section {
1010    font-family: 'Inter', sans-serif;
1011    padding: 10px 40px;
1012    background: transparent;
1013  }
1014
1015  .stats-container {
1016    display: flex;
1017    justify-content: center;
1018    align-items: center;
1019    gap: 0;
1020    max-width: 1100px;
1021    margin: 0 auto;
1022    flex-wrap: wrap;
1023  }
1024
1025  .stat-item {
1026    flex: 1;
1027    min-width: 220px;
1028    text-align: center;
1029    padding: 40px 30px;
1030    position: relative;
1031  }
1032
1033  .stat-prefix {
1034    font-size: 13px;
1035    font-weight: 500;
1036    color: #999;
1037    text-transform: uppercase;
1038    letter-spacing: 1.5px;
1039    margin-bottom: 6px;
1040  }
1041
1042  .stat-number {
1043    font-size: 64px;
1044    font-weight: 800;
1045    line-height: 1;
1046    margin-bottom: 12px;
1047    background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
1048    -webkit-background-clip: text;
1049    -webkit-text-fill-color: transparent;
1050    background-clip: text;
1051    position: relative;
1052  }
1053
1054  .stat-number::after {
1055    content: '';
1056    position: absolute;
1057    bottom: -4px;
1058    left: 50%;
1059    transform: translateX(-50%);
1060    width: 40px;
1061    height: 3px;
1062    background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
1063    border-radius: 2px;
1064    opacity: 0.4;
1065  }
1066
1067  .stat-label {
1068    font-size: 16px;
1069    font-weight: 500;
1070    color: #374151;
1071    line-height: 1.5;
1072    margin-top: 14px;
1073  }
1074
1075  .divider {
1076    width: 1px;
1077    height: 80px;
1078    background: linear-gradient(180deg, transparent, #e5e7eb, transparent);
1079    flex-shrink: 0;
1080  }
1081
1082  /* Адаптив */
1083  @media (max-width: 768px) {
1084    .stats-container {
1085      flex-direction: column;
1086    }
1087
1088    .divider {
1089      width: 80px;
1090      height: 1px;
1091      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
1092    }
1093
1094    .stat-number {
1095      font-size: 52px;
1096    }
1097
1098    .stat-item {
1099      padding: 30px 20px;
1100    }
1101  }
1102</style> 
1102<script>
1103  /* Форматирование счётчиков без анимации */
1104  (function () {
1105    const counters = document.querySelectorAll('.counter');
1106    
1107    counters.forEach(counter => {
1108      const target = parseFloat(counter.dataset.target);
1109      const suffix = counter.dataset.suffix || '';
1110      const isFloat = !Number.isInteger(target);
1111      
1112      /* Сразу выводим финальное отформатированное значение */
1113      counter.textContent = (isFloat
1114        ? target.toFixed(1).replace('.', ',')
1115        : target.toLocaleString('ru-RU')
1116      ) + suffix;
1117    });
1118  })();
1119</script>
1119 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2056668401" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
1120
1121  .wbmx-block {
1122    width: 100%;
1123    box-sizing: border-box;
1124    padding: 0 20px;
1125    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
1126  }
1127
1128  .wbmx-block__inner {
1129    max-width: 860px;
1130    margin: 0 auto;
1131    background: linear-gradient(135deg, #5b7ff5 0%, #7c4ddb 100%);
1132    border-radius: 18px;
1133    padding: 36px 48px;
1134    position: relative;
1135    overflow: hidden;
1136  }
1137
1138  /* Декоративные фигуры */
1139  .wbmx-block__inner::before,
1140  .wbmx-block__inner::after {
1141    content: '';
1142    position: absolute;
1143    border-radius: 50%;
1144    opacity: 0.12;
1145    background: #fff;
1146    pointer-events: none;
1147  }
1148
1149  .wbmx-block__inner::before {
1150    width: 220px;
1151    height: 220px;
1152    top: -80px;
1153    left: -60px;
1154  }
1155
1156  .wbmx-block__inner::after {
1157    width: 160px;
1158    height: 160px;
1159    bottom: -60px;
1160    right: -40px;
1161  }
1162
1163  /* Заголовок */
1164  .wbmx-block__title {
1165    margin: 0 0 20px 0;
1166    font-size: 20px;
1167    font-weight: 800;
1168    color: #fff;
1169    text-align: center;
1170    line-height: 1.35;
1171    position: relative;
1172    z-index: 1;
1173  }
1174
1175  /* Разделитель */
1176  .wbmx-block__divider {
1177    width: 48px;
1178    height: 3px;
1179    background: rgba(255,255,255,0.45);
1180    border-radius: 2px;
1181    margin: 0 auto 24px;
1182    position: relative;
1183    z-index: 1;
1184  }
1185
1186  /* Текст */
1187  .wbmx-block__text {
1188    margin: 0 0 16px 0;
1189    font-size: 14.5px;
1190    line-height: 1.8;
1191    color: rgba(255,255,255,0.92);
1192    position: relative;
1193    z-index: 1;
1194  }
1195
1196  .wbmx-block__text:last-of-type {
1197    margin-bottom: 0;
1198  }
1199
1200  /* Кнопка */
1201  .wbmx-block__footer {
1202    margin-top: 28px;
1203    display: flex;
1204    justify-content: center;
1205    position: relative;
1206    z-index: 1;
1207  }
1208
1209  .wbmx-block__btn {
1210    display: inline-flex;
1211    align-items: center;
1212    height: 40px;
1213    padding: 0 28px;
1214    background: #fff;
1215    color: #5b7ff5!important;
1216    font-size: 14px;
1217    font-weight: 700;
1218    border-radius: 10px;
1219    text-decoration: none;
1220    border: none;
1221    cursor: pointer;
1222    transition: opacity .2s, transform .2s;
1223    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
1224  }
1225
1226  .wbmx-block__btn:hover {
1227    opacity: .9;
1228    transform: translateY(-1px);
1229  }
1230
1231  /* Мигающая точка в заголовке */
1232  .wbmx-block__blink {
1233    display: inline-block;
1234    width: 8px;
1235    height: 8px;
1236    background: #fff;
1237    border-radius: 50%;
1238    margin-left: 8px;
1239    vertical-align: middle;
1240    position: relative;
1241    top: -1px;
1242    animation: wbmx-pulse 1.4s ease-in-out infinite;
1243  }
1244
1245  @keyframes wbmx-pulse {
1246    0%, 100% { opacity: 1;    transform: scale(1);    }
1247    50%       { opacity: 0.2; transform: scale(0.6);  }
1248  }
1249
1250  /* Адаптив */
1251  @media (max-width: 640px) {
1252    .wbmx-block {
1253      padding: 0 12px;
1254    }
1255
1256    .wbmx-block__inner {
1257      padding: 28px 24px;
1258      border-radius: 14px;
1259    }
1260
1261    .wbmx-block__title {
1262      font-size: 17px;
1263    }
1264
1265    .wbmx-block__text {
1266      font-size: 13.5px;
1267      line-height: 1.7;
1268    }
1269  }
1270
1271  @media (max-width: 400px) {
1272    .wbmx-block__inner {
1273      padding: 22px 18px;
1274    }
1275
1276    .wbmx-block__title {
1277      font-size: 15px;
1278    }
1279
1280    .wbmx-block__text {
1281      font-size: 13px;
1282    }
1283
1284    .wbmx-block__btn {
1285      width: 100%;
1286      justify-content: center;
1287    }
1288  }
1289
1290</style> </head> <body> <div class="wbmx-block"> <div class="wbmx-block__inner"> <h2 class="wbmx-block__title">
1291      Почему бизнес выбирает магазин в Телеграм?
1292      <span class="wbmx-block__blink"></span> </h2> <div class="wbmx-block__divider"></div> <p class="wbmx-block__text">
1293Telegram - это более 1 млрд активных пользователей в месяц. Интернет-магазин в Телеграм позволяет продавать прямо внутри мессенджера, где аудитория уже общается, читает и принимает решения о покупке.    </p> <div class="wbmx-block__footer"> <a href="https://admin.webbot.shop/register" class="wbmx-block__btn">Подключить</a> </div> </div> </div> </body> </html> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3982949301" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <section class="wbtwht-section"> <div class="wbtwht-glow"></div> <div class="wbtwht-inner"> <div class="wbtwht-head"> <h2 class="wbtwht-title">Что вы получаете, используя <em>WebBot</em> в Телеграме?</h2> </div> <div class="wbtwht-grid"> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"></rect><path d="M3 8h18"></path><path d="M12 17v-3"></path><path d="M8.5 17a3.5 3.5 0 0 1 7 0"></path></svg> </div> <p class="wbtwht-text">Mini app в Телеграм - быстрый и стабильный формат, который выглядит как полноценный сайт</p> </article> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 1-9 9 9 9 0 0 1-7.7-4.4"></path><path d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 7.7 4.4"></path><path d="M20 3v4.5h-4.5"></path><path d="M4 21v-4.5h4.5"></path><path d="M9.5 12l1.8 1.8 3.2-3.4"></path></svg> </div> <p class="wbtwht-text">Интеграции с CRM и автоматизация обработки заказов</p> </article> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="3"></rect><path d="M7 9h3"></path><path d="M13 9h4"></path><path d="M7 14h3"></path><path d="M13 14h4"></path></svg> </div> <p class="wbtwht-text">Бот интернет-магазина в Телеграм с каталогом, корзиной и оформлением заказа</p> </article> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="13" rx="3"></rect><path d="M2 11h20"></path><path d="M6 15.5h4"></path></svg> </div> <p class="wbtwht-text">Подключение платежных систем и приём оплат внутри мессенджера</p> </article> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1.5"></rect><rect x="14" y="3" width="7" height="7" rx="1.5"></rect><rect x="3" y="14" width="7" height="7" rx="1.5"></rect><path d="M14 14h3v3"></path><path d="M21 17v4h-4"></path></svg> </div> <p class="wbtwht-text">QR-код и прямая ссылка на ваш магазин</p> </article> <article class="wbtwht-card"> <div class="wbtwht-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 9a6 6 0 1 0-12 0c0 5-2 6.5-2 6.5h16S18 14 18 9"></path><path d="M10.3 19a2 2 0 0 0 3.4 0"></path></svg> </div> <p class="wbtwht-text">Индивидуальные push-уведомления каждому клиенту за 0 рублей</p> </article> </div> </div> </section> <style>
1294.wbtwht-section{
1295  position:relative;overflow:hidden;background:#fff;padding:96px 24px;
1296  font-family:'Manrope',system-ui,-apple-system,sans-serif;
1297  -webkit-font-smoothing:antialiased;box-sizing:border-box;
1298}
1299.wbtwht-section *,.wbtwht-section *::before,.wbtwht-section *::after{box-sizing:border-box;}
1300.wbtwht-glow{
1301  position:absolute;top:-220px;left:50%;transform:translateX(-50%);
1302  width:900px;height:520px;pointer-events:none;
1303  background:radial-gradient(50% 50% at 50% 50%,rgba(51,144,236,.16) 0%,rgba(51,144,236,0) 70%);
1304}
1305.wbtwht-inner{position:relative;max-width:1240px;margin:0 auto;}
1306.wbtwht-head{max-width:760px;margin:0 0 56px;}
1307.wbtwht-eyebrow{
1308  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
1309  color:#3390EC;margin-bottom:16px;
1310}
1311.wbtwht-title{
1312  margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.03em;
1313  font-weight:800;color:#0F1620;text-wrap:pretty;
1314}
1315.wbtwht-title em{font-style:normal;color:#3390EC;}
1316.wbtwht-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
1317.wbtwht-card{
1318  display:flex;flex-direction:column;gap:20px;padding:28px;background:#fff;
1319  border:1px solid #E4E9F0;border-radius:20px;
1320  transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;
1321}
1322.wbtwht-card:hover{
1323  transform:translateY(-2px);
1324  box-shadow:0 14px 34px -14px rgba(51,144,236,.35);
1325  border-color:rgba(51,144,236,.4);
1326}
1327.wbtwht-ico{
1328  display:flex;align-items:center;justify-content:center;flex:none;
1329  width:56px;height:56px;border-radius:16px;background:#E7F3FE;color:#3390EC;
1330}
1331.wbtwht-ico svg{display:block;width:26px;height:26px;}
1332.wbtwht-text{
1333  margin:0;font-size:17px;line-height:1.55;font-weight:500;color:#2E3A4B;text-wrap:pretty;
1334}
1335@media screen and (max-width:1000px){
1336  .wbtwht-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
1337}
1338@media screen and (max-width:640px){
1339  .wbtwht-section{padding:64px 16px;}
1340  .wbtwht-head{margin-bottom:36px;}
1341  .wbtwht-grid{grid-template-columns:1fr;gap:14px;}
1342  .wbtwht-card{padding:22px;gap:16px;}
1343  .wbtwht-text{font-size:16px;}
1344}
1345@media (prefers-reduced-motion:reduce){
1346  .wbtwht-card{transition:none;}
1347  .wbtwht-card:hover{transform:none;}
1348}
1349</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec793085628" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
1350class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
1351href="https://admin.webbot.shop/register"
1352target="_blank" rel="nofollow"><span class="t-btnflex__text">Создать бесплатно</span> <style>#rec793085628 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec793085628 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec793085628 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec3987462101" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wbtstxt-root"> <div class="wbtstxt-card"> <span class="wbtstxt-blob wbtstxt-blob_1"></span> <span class="wbtstxt-blob wbtstxt-blob_2"></span> <div class="wbtstxt-col"> <h2 class="wbtstxt-title">Telegram Mini App - новый стандарт продаж магазинов</h2> </div> <div class="wbtstxt-col wbtstxt-col_text"> <p class="wbtstxt-text">Mini app - это современный формат, который делает бота в телеграме удобным, быстрым и визуально понятным под любой магазин позволяя автоматизировать любые процессы. Такой бот не уступает классическим сайтам, но работает внутри Telegram, повышая конверсию и упрощая путь клиента к покупке.</p> </div> </div> </div> <style>
1353.wbtstxt-root{
1354  --wbtstxt-blue:#3390EC;
1355  --wbtstxt-blue-dark:#168ACD;
1356  --wbtstxt-blue-soft:#EAF4FE;
1357  --wbtstxt-blue-ink:#1A6FBF;
1358  --wbtstxt-ink:#0F1620;
1359  --wbtstxt-body:#41505F;
1360  --wbtstxt-line:#E4E9F0;
1361  box-sizing:border-box;
1362  width:100%;
1363  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
1364  -webkit-font-smoothing:antialiased;
1365}
1366.wbtstxt-root *,.wbtstxt-root *::before,.wbtstxt-root *::after{box-sizing:border-box;}
1367
1368.wbtstxt-card{
1369  position:relative;
1370  overflow:hidden;
1371  max-width:1200px;
1372  margin:0 auto;
1373  background:#fff;
1374  border:1px solid var(--wbtstxt-line);
1375  border-radius:28px;
1376  padding:44px 48px;
1377  display:grid;
1378  grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);
1379  gap:48px;
1380  align-items:start;
1381  box-shadow:0 1px 2px rgba(15,22,32,.04);
1382}
1383
1384.wbtstxt-col{display:flex;flex-direction:column;gap:18px;min-width:0;}
1385.wbtstxt-col_text{gap:24px;}
1386
1387.wbtstxt-eyebrow{
1388  display:inline-flex;
1389  align-self:flex-start;
1390  align-items:center;
1391  gap:9px;
1392  padding:7px 14px 7px 10px;
1393  border-radius:999px;
1394  background:var(--wbtstxt-blue-soft);
1395  color:var(--wbtstxt-blue-ink);
1396  font-size:12px;
1397  font-weight:700;
1398  line-height:1;
1399  letter-spacing:.08em;
1400  text-transform:uppercase;
1401  white-space:nowrap;
1402}
1403.wbtstxt-eyebrow svg{display:block;width:16px;height:16px;flex:none;}
1404
1405.wbtstxt-title{
1406  margin:0;
1407  font-size:34px;
1408  font-weight:800;
1409  line-height:1.15;
1410  letter-spacing:-.03em;
1411  color:var(--wbtstxt-ink);
1412  text-wrap:pretty;
1413}
1414
1415.wbtstxt-text{
1416  margin:0;
1417  font-size:16px;
1418  font-weight:300;
1419  line-height:1.6;
1420  color:var(--wbtstxt-body);
1421  text-wrap:pretty;
1422}
1423
1424/* --- синий вариант --- */
1425.wbtstxt-card_accent{
1426  background:linear-gradient(135deg,var(--wbtstxt-blue) 0%,var(--wbtstxt-blue-dark) 100%);
1427  border-color:transparent;
1428  padding:48px;
1429  box-shadow:0 18px 40px -18px rgba(51,144,236,.55);
1430}
1431.wbtstxt-card_accent .wbtstxt-eyebrow{background:rgba(255,255,255,.18);color:#fff;}
1432.wbtstxt-card_accent .wbtstxt-title,
1433.wbtstxt-card_accent .wbtstxt-text{color:#fff;}
1434.wbtstxt-card_accent .wbtstxt-col,
1435.wbtstxt-card_accent .wbtstxt-col_text{position:relative;z-index:1;}
1436.wbtstxt-blob{position:absolute;border-radius:999px;background:rgba(255,255,255,.08);pointer-events:none;}
1437.wbtstxt-blob_1{top:-90px;right:-60px;width:320px;height:320px;}
1438.wbtstxt-blob_2{bottom:-140px;right:140px;width:260px;height:260px;background:rgba(255,255,255,.06);}
1439.wbtstxt-card:not(.wbtstxt-card_accent) .wbtstxt-blob{display:none;}
1440
1441/* --- адаптив --- */
1442@media (max-width:1000px){
1443  .wbtstxt-card{grid-template-columns:1fr;gap:24px;padding:36px 32px;}
1444  .wbtstxt-card_accent{padding:36px 32px;}
1445  .wbtstxt-title{font-size:30px;}
1446}
1447@media (max-width:640px){
1448  .wbtstxt-card,.wbtstxt-card_accent{padding:28px 20px;border-radius:22px;gap:20px;}
1449  .wbtstxt-title{font-size:25px;}
1450  .wbtstxt-text{font-size:16px;}
1451  .wbtstxt-blob_1{width:220px;height:220px;top:-70px;right:-70px;}
1452  .wbtstxt-blob_2{display:none;}
1453}
1454</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3985043501" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <section class="wbtwhy-sec"> <div class="wbtwhy-wrap"> <div class="wbtwhy-intro"> <h2 class="wbtwhy-title">Почему выбирают <span class="wbtwhy-title-accent">WebBot</span> для создания магазина?</h2> <div class="wbtwhy-panel"> <div class="wbtwhy-blob wbtwhy-blob--tr"></div> <div class="wbtwhy-blob wbtwhy-blob--bl"></div> <img class="wbtwhy-tg" src="https://static.tildacdn.com/tild6365-3935-4137-a638-636166373038/telegram_1_1.png" alt="Telegram" loading="lazy"> <img class="wbtwhy-hero" src="https://static.tildacdn.com/tild3165-3334-4365-b338-653966313537/business-3d-with-pho.
1454svg" alt="WebBot" loading="lazy"> </div> </div> <div class="wbtwhy-grid"> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> </div> <div class="wbtwhy-txt">Создание магазина в Telegram без навыков программирования</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><polyline points="12 7 12 12 16 14"></polyline></svg> </div> <div class="wbtwhy-txt">Создать приложение и запустить его за 10 минут</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg> </div> <div class="wbtwhy-txt">Удобная админ-панель в конструкторе</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5.5A2.5 2.5 0 0 1 5.5 3H11v17H5.5A2.5 2.5 0 0 0 3 22.5z"></path><path d="M21 5.5A2.5 2.5 0 0 0 18.5 3H13v17h5.5A2.5 2.5 0 0 1 21 22.5z"></path></svg> </div> <div class="wbtwhy-txt">Инструкция по использованию конструктора</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="2" width="12" height="20" rx="3"></rect><line x1="11" y1="18" x2="13" y2="18"></line></svg> </div> <div class="wbtwhy-txt">Возможность управлять с телефона</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.5"></circle><path d="M2.5 20a6.5 6.5 0 0 1 13 0"></path><path d="M16.5 5.5a3 3 0 0 1 0 5.6"></path><path d="M18 20a5.5 5.5 0 0 0-2-4.3"></path></svg> </div> <div class="wbtwhy-txt">База клиентов для маркетинга и рассылок для Телеграм</div> </div> <div class="wbtwhy-card"> <div class="wbtwhy-ico wbtwhy-ico--ru">RU</div> <div class="wbtwhy-txt">Полностью российская разработка</div> </div> </div> </div> </section> <style>
1455
1456.wbtwhy-sec,
1457.wbtwhy-sec *,
1458.wbtwhy-sec *::before,
1459.wbtwhy-sec *::after { box-sizing: border-box; }
1460
1461.wbtwhy-sec {
1462  --wbtwhy-blue: #3390EC;
1463  --wbtwhy-blue-deep: #168ACD;
1464  --wbtwhy-blue-soft: #E7F3FE;
1465  --wbtwhy-ink: #0F1620;
1466  --wbtwhy-ink-body: #14202B;
1467  --wbtwhy-line: #E4E9F0;
1468  width: 100%;
1469  padding: 72px 28px;
1470  background: #FFFFFF;
1471  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
1472  -webkit-font-smoothing: antialiased;
1473}
1474
1475.wbtwhy-wrap {
1476  max-width: 1240px;
1477  margin: 0 auto;
1478  display: grid;
1479  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
1480  gap: 56px;
1481  align-items: start;
1482}
1483
1484.wbtwhy-intro {
1485  display: flex;
1486  flex-direction: column;
1487  gap: 28px;
1488  min-width: 0;
1489}
1490
1491.wbtwhy-eyebrow {
1492  margin: 0;
1493  font-size: 13px;
1494  font-weight: 700;
1495  line-height: 1.2;
1496  letter-spacing: 0.08em;
1497  text-transform: uppercase;
1498  color: var(--wbtwhy-blue);
1499}
1500
1501.wbtwhy-title {
1502  margin: 0;
1503  font-family: inherit;
1504  font-size: 46px;
1505  line-height: 1.08;
1506  letter-spacing: -0.03em;
1507  font-weight: 800;
1508  color: var(--wbtwhy-ink);
1509  text-wrap: pretty;
1510}
1511
1512.wbtwhy-title-accent { color: var(--wbtwhy-blue); }
1513
1514.wbtwhy-panel {
1515  position: relative;
1516  overflow: hidden;
1517  border-radius: 28px;
1518  background: linear-gradient(160deg, #3390EC 0%, #168ACD 100%);
1519  min-height: 340px;
1520  display: flex;
1521  align-items: flex-end;
1522  justify-content: center;
1523  box-shadow: 0 14px 30px -10px rgba(51, 144, 236, .45);
1524}
1525
1526.wbtwhy-blob {
1527  position: absolute;
1528  border-radius: 999px;
1529  background: rgba(255, 255, 255, .10);
1530  pointer-events: none;
1531}
1532
1533.wbtwhy-blob--tr { top: -70px; right: -60px; width: 220px; height: 220px; }
1534.wbtwhy-blob--bl { bottom: -90px; left: -70px; width: 240px; height: 240px; background: rgba(255, 255, 255, .08); }
1535
1536.wbtwhy-tg {
1537  position: absolute;
1538  left: 18px;
1539  top: 74px;
1540  width: 132px;
1541  height: auto;
1542  filter: drop-shadow(0 18px 30px rgba(15, 22, 32, .25));
1543}
1544
1545.wbtwhy-hero {
1546  position: relative;
1547  display: block;
1548  width: 74%;
1549  max-width: 280px;
1550  height: auto;
1551}
1552
1553.wbtwhy-grid {
1554  display: grid;
1555  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
1556  gap: 16px;
1557  min-width: 0;
1558}
1559
1560.wbtwhy-card {
1561  display: flex;
1562  gap: 16px;
1563  align-items: flex-start;
1564  padding: 22px;
1565  border: 1px solid var(--wbtwhy-line);
1566  border-radius: 18px;
1567  background: #FFFFFF;
1568  transition: transform .18s cubic-bezier(.2, .7, .3, 1), box-shadow .18s, border-color .18s;
1569}
1570
1571.wbtwhy-card:hover {
1572  transform: translateY(-2px);
1573  border-color: rgba(51, 144, 236, .45);
1574  box-shadow: 0 14px 30px -16px rgba(51, 144, 236, .45);
1575}
1576
1577.wbtwhy-ico {
1578  flex: 0 0 auto;
1579  width: 46px;
1580  height: 46px;
1581  border-radius: 14px;
1582  background: var(--wbtwhy-blue-soft);
1583  color: var(--wbtwhy-blue);
1584  display: flex;
1585  align-items: center;
1586  justify-content: center;
1587}
1588
1589.wbtwhy-ico svg { display: block; width: 24px; height: 24px; }
1590
1591.wbtwhy-ico--ru {
1592  font-size: 14px;
1593  font-weight: 800;
1594  letter-spacing: 0.02em;
1595  line-height: 1;
1596}
1597
1598.wbtwhy-txt {
1599  font-size: 17px;
1600  line-height: 1.45;
1601  font-weight: 500;
1602  color: var(--wbtwhy-ink-body);
1603  text-wrap: pretty;
1604}
1605
1606@media screen and (max-width: 1100px) {
1607  .wbtwhy-wrap { gap: 40px; }
1608  .wbtwhy-title { font-size: 40px; }
1609}
1610
1611@media screen and (max-width: 960px) {
1612  .wbtwhy-sec { padding: 56px 20px; }
1613  .wbtwhy-wrap { grid-template-columns: minmax(0, 1fr); gap: 32px; }
1614  .wbtwhy-panel { min-height: 300px; }
1615}
1616
1617@media screen and (max-width: 640px) {
1618  .wbtwhy-sec { padding: 48px 16px; }
1619  .wbtwhy-title { font-size: 32px; }
1620  .wbtwhy-grid { grid-template-columns: minmax(0, 1fr); }
1621  .wbtwhy-card { padding: 18px; gap: 14px; }
1622  .wbtwhy-ico { width: 42px; height: 42px; border-radius: 12px; }
1623  .wbtwhy-txt { font-size: 16px; }
1624  .wbtwhy-panel { min-height: 260px; border-radius: 22px; }
1625  .wbtwhy-tg { width: 96px; top: 56px; left: 10px; }
1626}
1627
1628@media (prefers-reduced-motion: reduce) {
1629  .wbtwhy-card { transition: none; }
1630  .wbtwhy-card:hover { transform: none; }
1631}
1632</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3988608601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wbttxtblck-root"> <div class="wbttxtblck-card"> <p class="wbttxtblck-text">Mini Apps показывают более высокую эффективность в продажах по сравнению с обычными чат-ботами, поэтому тысячи наших клиентов выбирают созданием своего магазина с помощью Mini App в Телеграм.</p> </div> </div> <style>
1633.wbttxtblck-root{
1634  --wbttxtblck-body:#41505F;
1635  --wbttxtblck-line:#E4E9F0;
1636  box-sizing:border-box;
1637  width:100%;
1638  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
1639  -webkit-font-smoothing:antialiased;
1640}
1641.wbttxtblck-root *,.wbttxtblck-root *::before,.wbttxtblck-root *::after{box-sizing:border-box;}
1642
1643.wbttxtblck-card{
1644  max-width:1200px;
1645  margin:0 auto;
1646  background:#fff;
1647  border:1px solid var(--wbttxtblck-line);
1648  border-radius:28px;
1649  padding:44px 48px;
1650  box-shadow:0 1px 2px rgba(15,22,32,.04);
1651}
1652
1653.wbttxtblck-text{
1654  margin:0;
1655  text-align: center;
1656  font-size:16px;
1657  font-weight:250;
1658  line-height:1.6;
1659  color:var(--wbttxtblck-body);
1660  text-wrap:pretty;
1661}
1662.wbttxtblck-text + .wbttxtblck-text{margin-top:18px;}
1663
1664@media (max-width:1000px){
1665  .wbttxtblck-card{padding:36px 32px;}
1666}
1667@media (max-width:640px){
1668  .wbttxtblck-card{padding:28px 20px;border-radius:22px;}
1669  .wbttxtblck-text{font-size:16px;}
1670}
1671</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3981625601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap"> <section class="wbtpmnt-section"> <div class="wbtpmnt-wrap"> <header class="wbtpmnt-header"> <h2 class="wbtpmnt-title">Подключение онлайн-оплаты внутри Telegram</h2> <p class="wbtpmnt-text">WebBot поддерживает платежи для магазина более чем из 200 стран через Telegram Payments. Доступны прямые интеграции с банками и фискализацией. Полный список платёжных систем доступен в @botfather (раздел Payments) и в админ-панели.</p> </header> <ul class="wbtpmnt-grid"> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild6234-3761-4363-b531-393638373431/logo-black.svg" alt="Интеграция юкасса с телеграм" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild3563-6639-4364-b061-626262623763/-/resize/318x/-/format/webp/e77db3f8-d997-45b0-9.png.webp" alt="Интеграция Т-банка Тинькофф с телеграм" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild3862-3834-4666-b338-353338303537/logo.svg" alt="Интеграция Робокасса с телеграм" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6234-3865-4161-a162-313433306531/-/resize/318x/-/format/webp/image.png.webp" alt="Подключение Точка в Телеграм" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://admin.webbot.shop/images/ozonpay_logo.svg" alt="Подключение Ozon Pay в Телеграм" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6166-3236-4263-b964-356439316235/-/resize/318x/-/format/webp/icon-pay_paymaster.png.webp" alt="Интеграция PayMaster с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6335-3465-4366-b037-646439396636/-/resize/320x
1671/-/format/webp/_131__2021.jpg.webp" alt="Интеграция банка с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild3738-3938-4931-a432-323166336430/116c9ee8a1e66f18d7a6.svg" alt="Интеграция банка Paybox money с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild3932-3830-4637-b933-336162396335/g10.svg" alt="Интеграция freedompay с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6435-6162-4433-b764-393435383633/-/resize/318x/-/format/webp/click.png.webp" alt="Интеграция CLICK с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6231-6135-4238-b962-363135663738/-/resize/318x/-/format/webp/Global_Solutions.jpg.webp" alt="Интеграция GS с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild3530-6461-4537-a637-666666376437/-/resize/318x/-/format/webp/Ecommpay_logo_rgb_bl.png.webp" alt="Интеграция ecommpay с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild3234-6336-4963-b630-303839653838/Union.svg" alt="Интеграция smart glocal с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild6562-3230-4134-b834-363237363134/logo.svg" alt="Интеграция unlimint с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6135-6565-4563-b535-626264303861/-/resize/318x/-/format/webp/ipay88-og-1024x538.jpg.webp" alt="Интеграция ipay88 с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild6236-3835-4766-a335-376438656265/Logo_1.svg" alt="Интеграция pasykassma с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild3933-3139-4564-b363-363963366136/-/resize/318x/-/format/webp/logo_2.png.webp" alt="Интеграция redsys с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://static.tildacdn.com/tild6332-6638-4263-a461-616531336630/pb_color_logo_horizo.svg" alt="Интеграция paycom.uz с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <div class="wbtpmnt-card"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild6634-3462-4832-b262-656138373432/-/resize/320x/-/format/webp/runpay2.png.webp" alt="Интеграция RunPay с Telegram" loading="lazy"></div> </li> <li class="wbtpmnt-item"> <a class="wbtpmnt-card" href="https://t.me/webbot_shop" target="_blank" rel="nofollow noopener" aria-label="Подключить онлайн-оплату к телеграм"><img class="wbtpmnt-logo" src="https://optim.tildacdn.com/tild3439-3766-4438-b030-356435373933/-/resize/318x/-/format/webp/Normal_2.png.webp" alt="Подключить онлайн-оплату к телеграм" loading="lazy"></a> </li> </ul> </div> </section> <style>
1672.wbtpmnt-section {
1673  --wbtpmnt-ink: #0F1620;
1674  --wbtpmnt-ink-soft: #4A5A68;
1675  --wbtpmnt-line: #E4E9F0;
1676  --wbtpmnt-accent: #3390EC;
1677  --wbtpmnt-bg: #F7FAFD;
1678  box-sizing: border-box;
1679  padding: 72px 24px;
1680  background: var(--wbtpmnt-bg);
1681  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
1682  -webkit-font-smoothing: antialiased;
1683}
1684.wbtpmnt-section *,
1685.wbtpmnt-section *::before,
1686.wbtpmnt-section *::after { box-sizing: border-box; }
1687.wbtpmnt-wrap { max-width: 1240px; margin: 0 auto; }
1688.wbtpmnt-header { max-width: 720px; margin: 0 0 40px; }
1689.wbtpmnt-title {
1690  margin: 0 0 16px;
1691  font-family: inherit;
1692  font-size: clamp(30px, 4vw, 46px);
1693  font-weight: 800;
1694  letter-spacing: -0.03em;
1695  line-height: 1.1;
1696  color: var(--wbtpmnt-ink);
1697  text-wrap: pretty;
1698}
1699.wbtpmnt-text {
1700  margin: 0;
1701  font-family: inherit;
1702  font-size: 18px;
1703  font-weight: 400;
1704  line-height: 1.6;
1705  color: var(--wbtpmnt-ink-soft);
1706  text-wrap: pretty;
1707}
1708.wbtpmnt-grid {
1709  display: grid;
1710  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
1711  gap: 12px;
1712  list-style: none;
1713  margin: 0;
1714  padding: 0;
1715}
1716.wbtpmnt-item { margin: 0; padding: 0; list-style: none; }
1717.wbtpmnt-card {
1718  display: flex;
1719  align-items: center;
1720  justify-content: center;
1721  height: 108px;
1722  padding: 18px;
1723  background: #fff;
1724  border: 1px solid var(--wbtpmnt-line);
1725  border-radius: 18px;
1726  text-decoration: none;
1727  transition: transform .16s ease-out, box-shadow .16s ease-out, border-color .16s ease-out;
1728}
1729a.wbtpmnt-card:hover,
1730a.wbtpmnt-card:focus-visible {
1731  border-color: rgba(51, 144, 236, .45);
1732  box-shadow: 0 10px 24px -12px rgba(51, 144, 236, .35);
1733  transform: translateY(-2px);
1734  outline: none;
1735}
1736div.wbtpmnt-card:hover {
1737  border-color: rgba(51, 144, 236, .45);
1738  box-shadow: 0 10px 24px -12px rgba(51, 144, 236, .35);
1739  transform: translateY(-2px);
1740}
1741.wbtpmnt-logo {
1742  display: block;
1743  max-width: 100%;
1744  max-height: 52px;
1745  width: auto;
1746  height: auto;
1747  object-fit: contain;
1748}
1749@media (max-width: 640px) {
1750  .wbtpmnt-section { padding: 56px 16px; }
1751  .wbtpmnt-header { margin-bottom: 28px; }
1752  .wbtpmnt-text { font-size: 16px; }
1753  .wbtpmnt-grid { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; }
1754  .wbtpmnt-card { height: 88px; padding: 14px; border-radius: 14px; }
1755  .wbtpmnt-logo { max-height: 42px; }
1756}
1757@media (prefers-reduced-motion: reduce) {
1758  .wbtpmnt-card { transition: none; }
1759  a.wbtpmnt-card:hover, div.wbtpmnt-card:hover { transform: none; }
1760}
1761</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1791910471" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
1762class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
1763href="https://admin.webbot.shop/register"
1764target="_blank" rel="nofollow"><span class="t-btnflex__text">Создать магазин</span> <style>#rec1791910471 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec1791910471 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec1791910471 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec3988462401" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wbttxtblck-root"> <div class="wbttxtblck-card"> <p class="wbttxtblck-text">Mini apps позволяет не покидать экосистему мессенджера для оплаты - что значительно увеличивает конверсию.</p> </div> </div> <style>
1765.wbttxtblck-root{
1766  --wbttxtblck-body:#41505F;
1767  --wbttxtblck-line:#E4E9F0;
1768  box-sizing:border-box;
1769  width:100%;
1770  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
1771  -webkit-font-smoothing:antialiased;
1772}
1773.wbttxtblck-root *,.wbttxtblck-root *::before,.wbttxtblck-root *::after{box-sizing:border-box;}
1774
1775.wbttxtblck-card{
1776  max-width:1200px;
1777  margin:0 auto;
1778  background:#fff;
1779  border:1px solid var(--wbttxtblck-line);
1780  border-radius:28px;
1781  padding:44px 48px;
1782  box-shadow:0 1px 2px rgba(15,22,32,.04);
1783}
1784
1785.wbttxtblck-text{
1786  margin:0;
1787  text-align: center;
1788  font-size:16px;
1789  font-weight:250;
1790  line-height:1.6;
1791  color:var(--wbttxtblck-body);
1792  text-wrap:pretty;
1793}
1794.wbttxtblck-text + .wbttxtblck-text{margin-top:18px;}
1795
1796@media (max-width:1000px){
1797  .wbttxtblck-card{padding:36px 32px;}
1798}
1799@media (max-width:640px){
1800  .wbttxtblck-card{padding:28px 20px;border-radius:22px;}
1801  .wbttxtblck-text{font-size:16px;}
1802}
1803</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3983843901" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <section class="wbtshps-section"> <div class="wbtshps-glow"></div> <div class="wbtshps-inner"> <div class="wbtshps-head"> <h2 class="wbtshps-title">Примеры работающих магазинов</h2> <!--<p class="wbtshps-lead"></p>--> </div> <div class="wbtshps-grid"> <div class="wbtshps-card"> <div class="wbtshps-meta"> <span class="wbtshps-tag">Одежда</span> <span class="wbtshps-store">Fashion Store</span> </div> <div class="wbtshps-frame"> <div class="wbtshps-screen"> <img loading="lazy" src="https://static.tildacdn.com/tild3838-3865-4965-b064-663366636236/video_2023-10-21_18-.gif" alt="МагаÐ
1803·Ð¸Ð½ одежды в Телеграм"> </div> </div> <a class="wbtshps-link" href="https://t.me/WebbotVapeStore_bot?start=site" rel="nofollow noopener" target="_blank"> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.7 3.3 2.9 10.6c-1 .4-1 1.8.1 2.1l4.4 1.4 1.7 5.3c.3.9 1.4 1.1 2 .4l2.4-2.6 4.4 3.2c.8.6 1.9.2 2.1-.8l3-14.2c.2-1-.7-1.8-1.3-1.1Z"/></svg>
1804          @WebbotVapeStore_bot
1805        </a> </div> <div class="wbtshps-card"> <div class="wbtshps-meta"> <span class="wbtshps-tag">Еда</span> <span class="wbtshps-store">PizzaRio</span> </div> <div class="wbtshps-frame"> <div class="wbtshps-screen"> <img loading="lazy" src="https://static.tildacdn.com/tild6536-3066-4563-b566-383932626438/video_2023-09-09_17-.gif" alt="создать магазин в телеграм"> </div> </div> <a class="wbtshps-link" href="https://t.me/PizzaRio21_bot?start=site" rel="nofollow noopener" target="_blank"> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.7 3.3 2.9 10.6c-1 .4-1 1.8.1 2.1l4.4 1.4 1.7 5.3c.3.9 1.4 1.1 2 .4l2.4-2.6 4.4 3.2c.8.6 1.9.2 2.1-.8l3-14.2c.2-1-.7-1.8-1.3-1.1Z"/></svg>
1806          @PizzaRio21_bot
1807        </a> </div> <div class="wbtshps-card"> <div class="wbtshps-meta"> <span class="wbtshps-tag">Цветы</span> <span class="wbtshps-store">flowers_bot</span> </div> <div class="wbtshps-frame"> <div class="wbtshps-screen"> <img loading="lazy" src="https://static.tildacdn.com/tild6336-6433-4639-b831-326538353361/video_2023-09-09_18-.gif" alt="Цветочный магазин в Телеграмме"> </div> </div> <a class="wbtshps-link" href="https://t.me/web_flowers21_bot?start=site" rel="nofollow noopener" target="_blank"> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.7 3.3 2.9 10.6c-1 .4-1 1.8.1 2.1l4.4 1.4 1.7 5.3c.3.9 1.4 1.1 2 .4l2.4-2.6 4.4 3.2c.8.6 1.9.2 2.1-.8l3-14.2c.2-1-.7-1.8-1.3-1.1Z"/></svg>
1808          @web_flowers21_bot
1809        </a> </div> </div> </div> </section> <style>
1810.wbtshps-section{
1811  --wbtshps-accent:#3390EC;
1812  --wbtshps-accent-cyan:#2AABEE;
1813  --wbtshps-accent-ink:#168ACD;
1814  --wbtshps-accent-soft:#E7F3FE;
1815  --wbtshps-ink-900:#0F1620;
1816  --wbtshps-ink-500:#4A5A68;
1817  --wbtshps-ink-400:#707991;
1818  --wbtshps-line:#E4E9F0;
1819  --wbtshps-chat-bg:#DCE5F0;
1820  position:relative;
1821  box-sizing:border-box;
1822  overflow:hidden;
1823  padding:96px 24px;
1824  background:#fff;
1825  font-family:'Manrope',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
1826  -webkit-font-smoothing:antialiased;
1827}
1828.wbtshps-section *,
1829.wbtshps-section *::before,
1830.wbtshps-section *::after{box-sizing:border-box}
1831
1832.wbtshps-glow{
1833  position:absolute;top:-140px;left:50%;transform:translateX(-50%);
1834  width:900px;height:460px;pointer-events:none;
1835  background:radial-gradient(50% 50% at 50% 50%,rgba(51,144,236,.13),rgba(51,144,236,0) 70%);
1836}
1837.wbtshps-inner{position:relative;max-width:1240px;margin:0 auto}
1838
1839.wbtshps-head{
1840  display:flex;flex-direction:column;align-items:center;
1841  gap:16px;text-align:center;margin-bottom:56px;
1842}
1843.wbtshps-eyebrow{
1844  font-size:13px;font-weight:700;letter-spacing:.08em;
1845  text-transform:uppercase;color:var(--wbtshps-accent);
1846}
1847.wbtshps-title{
1848  margin:0;font-size:clamp(30px,4.4vw,52px);font-weight:800;
1849  letter-spacing:-.03em;line-height:1.08;color:var(--wbtshps-ink-900);
1850  text-wrap:pretty;
1851}
1852.wbtshps-lead{
1853  margin:0;max-width:560px;font-size:17px;font-weight:400;
1854  line-height:1.55;color:var(--wbtshps-ink-500);
1855}
1856
1857.wbtshps-grid{
1858  display:grid;
1859  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
1860  gap:24px;
1861}
1862
1863.wbtshps-card{
1864  display:flex;flex-direction:column;align-items:center;gap:22px;
1865  padding:28px 24px 24px;background:#fff;
1866  border:1px solid var(--wbtshps-line);border-radius:22px;
1867  transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;
1868}
1869.wbtshps-card:hover{
1870  transform:translateY(-2px);
1871  border-color:rgba(51,144,236,.35);
1872  box-shadow:0 14px 34px rgba(51,144,236,.16);
1873}
1874
1875.wbtshps-meta{display:flex;align-items:center;gap:8px;align-self:flex-start}
1876.wbtshps-tag{
1877  padding:5px 11px;border-radius:8px;background:var(--wbtshps-accent-soft);
1878  color:var(--wbtshps-accent-ink);font-size:12px;font-weight:700;letter-spacing:.02em;
1879}
1880.wbtshps-store{font-size:14px;font-weight:600;color:var(--wbtshps-ink-400)}
1881
1882.wbtshps-frame{
1883  padding:10px;border-radius:34px;
1884  background:linear-gradient(160deg,var(--wbtshps-accent),var(--wbtshps-accent-cyan));
1885  box-shadow:0 18px 40px rgba(15,22,32,.18);
1886}
1887.wbtshps-screen{
1888  width:196px;max-width:100%;aspect-ratio:352/764;
1889  border-radius:26px;overflow:hidden;background:var(--wbtshps-chat-bg);
1890}
1891.wbtshps-screen img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
1892
1893.wbtshps-link{
1894  display:inline-flex;align-items:center;gap:8px;
1895  padding:10px 18px;border-radius:999px;border:1px solid var(--wbtshps-line);
1896  background:#fff;font-size:15px;font-weight:700;line-height:1;
1897  color:var(--wbtshps-ink-900);text-decoration:none;
1898  transition:border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;
1899}
1900.wbtshps-link:hover,
1901.wbtshps-link:focus{
1902  color:var(--wbtshps-accent);border-color:var(--wbtshps-accent);
1903  box-shadow:0 6px 16px rgba(51,144,236,.16);text-decoration:none;
1904}
1905.wbtshps-link svg{flex:none;color:var(--wbtshps-accent);fill:currentColor}
1906
1907@media (max-width:640px){
1908  .wbtshps-section{padding:64px 20px}
1909  .wbtshps-head{margin-bottom:36px}
1910  .wbtshps-lead{font-size:16px}
1911  .wbtshps-grid{gap:20px}
1912}
1913@media (prefers-reduced-motion:reduce){
1914  .wbtshps-card,.wbtshps-link{transition:none}
1915  .wbtshps-card:hover{transform:none}
1916}
1917</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec793088042" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
1918class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
1919href="https://admin.webbot.shop/register"
1920target="_blank" rel="nofollow"><span class="t-btnflex__text">Хочу так же!</span> <style>#rec793088042 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec793088042 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec793088042 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec3986257601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <section class="wbtntfctns-section"> <div class="wbtntfctns-card"> <div class="wbtntfctns-copy"> <h2 class="wbtntfctns-title">Бесплатная рассылка клиентам в <span class="wbtntfctns-title-accent">Telegram</span></h2> <p class="wbtntfctns-text">Отправляйте важные сообщения, акции и Ð
1920½Ð¾Ð²Ð¾ÑÑ‚и подписчикам.<br>Без ограничений по количеству пользователей и заказов.</p> <div class="wbtntfctns-illustration"> <img class="wbtntfctns-illustration-tg" src="https://static.tildacdn.com/tild3837-6235-4062-b634-663337313666/telegram_1_1.png" alt="Телеграм" loading="lazy"> <img class="wbtntfctns-illustration-man" src="https://static.tildacdn.com/tild3963-3962-4066-b965-316334343362/d4af88e6-94d3-4356-a.png" alt="Мужчина" loading="lazy"> </div> </div> <div class="wbtntfctns-panel"> <div class="wbtntfctns-blob wbtntfctns-blob--tr"></div> <div class="wbtntfctns-blob wbtntfctns-blob--bl"></div> <svg class="wbtntfctns-plane wbtntfctns-plane--one" viewBox="0 0 24 24" fill="#FFFFFF"><path d="M21.6 3.2 2.6 10.5c-.9.35-.87 1.63.04 1.94l4.9 1.66 1.8 5.2c.3.86 1.46.98 1.93.2l2.5-4.1 4.5 3.3c.7.5 1.7.1 1.85-.76l2.4-13.6c.14-.8-.65-1.44-1.42-1.14Z"></path></svg> <svg class="wbtntfctns-plane wbtntfctns-plane--two" viewBox="0 0 24 24" fill="#FFFFFF"><path d="M21.6 3.2 2.6 10.5c-.9.35-.87 1.63.04 1.94l4.9 1.66 1.8 5.2c.3.86 1.46.98 1.93.2l2.5-4.1 4.5 3.3c.7.5 1.7.1 1.85-.76l2.4-13.6c.14-.8-.65-1.44-1.42-1.14Z"></path></svg> <div class="wbtntfctns-phone"> <div class="wbtntfctns-screen"> <div class="wbtntfctns-notch"></div> <div class="wbtntfctns-statusbar"> <span>19:02</span> <span class="wbtntfctns-statusbar-right">LTE
1921              <svg class="wbtntfctns-battery" viewBox="0 0 26 12" fill="none"><rect x=".6" y=".6" width="20" height="10.8" rx="3" stroke="#0F1620" stroke-opacity=".5"></rect><rect x="2.4" y="2.4" width="14" height="7.2" rx="1.8" fill="#0F1620"></rect><path d="M22.6 4.2v3.6a2 2 0 0 0 0-3.6Z" fill="#0F1620" fill-opacity=".5"></path></svg> </span> </div> <div class="wbtntfctns-chat-header"> <svg class="wbtntfctns-back" viewBox="0 0 24 24" fill="none" stroke="#3390EC" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M15 5l-7 7 7 7"></path></svg> <div class="wbtntfctns-chat-titles"> <div class="wbtntfctns-chat-name">Webbot.shop</div> <div class="wbtntfctns-chat-status">online</div> </div> <div class="wbtntfctns-avatar"> <svg viewBox="0 0 24 24" fill="#FFFFFF"><path d="M21.6 3.2 2.6 10.5c-.9.35-.87 1.63.04 1.94l4.9 1.66 1.8 5.2c.3.86 1.46.98 1.93.2l2.5-4.1 4.5 3.3c.7.5 1.7.1 1.85-.76l2.4-13.6c.14-.8-.65-1.44-1.42-1.14Z"></path></svg> </div> </div> <!--noindex--> <div class="wbtntfctns-feed" data-nosnippet> <div class="wbtntfctns-msg wbtntfctns-msg--1">Всем привет👋</div> <div class="wbtntfctns-msg wbtntfctns-msg--2">У нас новые акции🔥</div> <div class="wbtntfctns-msg wbtntfctns-msg--3">Переходи в наш магазин и успей заказать товары со скидкой 👇</div> <div class="wbtntfctns-msg-btn">Перейти в магазин🥳</div> </div> <!--/noindex--> <div class="wbtntfctns-inputbar"> <div class="wbtntfctns-input"></div> <div class="wbtntfctns-send"> <svg viewBox="0 0 24 24" fill="#FFFFFF"><path d="M21.6 3.2 2.6 10.5c-.9.35-.87 1.63.04 1.94l4.9 1.66 1.8 5.2c.3.86 1.46.98 1.93.2l2.5-4.1 4.5 3.3c.7.5 1.7.1 1.85-.76l2.4-13.6c.14-.8-.65-1.44-1.42-1.14Z"></path></svg> </div> </div> </div> </div> </div> </div> </section> <style>
1922.wbtntfctns-section {
1923  box-sizing: border-box;
1924  padding: 72px 20px;
1925  background: #FFFFFF;
1926  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
1927  -webkit-font-smoothing: antialiased;
1928}
1929.wbtntfctns-section *,
1930.wbtntfctns-section *::before,
1931.wbtntfctns-section *::after { box-sizing: border-box; }
1932
1933.wbtntfctns-card {
1934  max-width: 1240px;
1935  margin: 0 auto;
1936  display: grid;
1937  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
1938  align-items: stretch;
1939  background: #FFFFFF;
1940  border: 1px solid #E4E9F0;
1941  border-radius: 28px;
1942  overflow: hidden;
1943  box-shadow: 0 18px 50px -32px rgba(15, 22, 32, .28);
1944}
1945
1946
1947.wbtntfctns-copy {
1948  padding: 64px 56px 0 56px;
1949  display: flex;
1950  flex-direction: column;
1951  gap: 28px;
1952  min-width: 0;
1953}
1954.wbtntfctns-title {
1955  margin: 0;
1956  font-family: inherit;
1957  font-size: 46px;
1958  line-height: 1.06;
1959  font-weight: 800;
1960  letter-spacing: -.03em;
1961  color: #0F1620;
1962  text-wrap: pretty;
1963}
1964.wbtntfctns-title-accent { color: #3390EC; }
1965.wbtntfctns-text {
1966  margin: 0;
1967  font-family: inherit;
1968  font-size: 19px;
1969  line-height: 1.6;
1970  font-weight: 500;
1971  color: #2E3A4B;
1972  max-width: 460px;
1973  text-wrap: pretty;
1974}
1975.wbtntfctns-illustration {
1976  margin-top: auto;
1977  display: flex;
1978  align-items: flex-end;
1979  min-height: 200px;
1980}
1981.wbtntfctns-illustration-tg {
1982  width: 168px;
1983  height: 168px;
1984  object-fit: contain;
1985  margin-bottom: 8px;
1986  margin-right: -46px;
1987}
1988.wbtntfctns-illustration-man {
1989  width: 158px;
1990  height: 274px;
1991  object-fit: contain;
1992  object-position: bottom;
1993  display: block;
1994}
1995
1996.wbtntfctns-panel {
1997  position: relative;
1998  overflow: hidden;
1999  background: linear-gradient(160deg, #3390EC 0%, #168ACD 100%);
2000  display: flex;
2001  justify-content: center;
2002  align-items: flex-end;
2003  padding: 56px 24px 44px 24px;
2004  min-height: 660px;
2005}
2006.wbtntfctns-blob { position: absolute; border-radius: 999px; }
2007.wbtntfctns-blob--tr {
2008  top: -90px; right: -70px;
2009  width: 320px; height: 320px;
2010  background: rgba(255, 255, 255, .10);
2011}
2012.wbtntfctns-blob--bl {
2013  bottom: -140px; left: -110px;
2014  width: 360px; height: 360px;
2015  background: rgba(255, 255, 255, .08);
2016}
2017
2018.wbtntfctns-plane {
2019  position: absolute;
2020  z-index: 3;
2021  filter: drop-shadow(0 8px 18px rgba(4, 32, 64, .35));
2022}
2023.wbtntfctns-plane--one {
2024  top: 5%; right: 12%;
2025  width: 30px; height: 30px;
2026  opacity: .75;
2027  transform: rotate(-12deg);
2028  animation: wbtntfctns-float 5s ease-in-out infinite;
2029}
2030.wbtntfctns-plane--two {
2031  bottom: 6%; right: 7%;
2032  width: 20px; height: 20px;
2033  opacity: .55;
2034  transform: rotate(8deg);
2035  animation: wbtntfctns-float-alt 6.4s ease-in-out infinite;
2036  animation-delay: .8s;
2037}
2038
2039.wbtntfctns-phone {
2040  position: relative;
2041  z-index: 1;
2042  width: 316px;
2043  max-width: 86%;
2044  padding: 9px;
2045  border-radius: 46px;
2046  background: linear-gradient(180deg, #2C3038 0%, #14171C 100%);
2047  box-shadow: 0 30px 60px rgba(4, 32, 64, .45), inset 0 0 0 1.5px rgba(255, 255, 255, .14);
2048}
2049.wbtntfctns-screen {
2050  position: relative;
2051  display: flex;
2052  flex-direction: column;
2053  height: 540px;
2054  border-radius: 38px;
2055  overflow: hidden;
2056  background: #FFFFFF;
2057}
2058.wbtntfctns-notch {
2059  position: absolute;
2060  top: 9px; left: 50%;
2061  transform: translateX(-50%);
2062  width: 78px; height: 20px;
2063  border-radius: 999px;
2064  background: #14171C;
2065  z-index: 4;
2066}
2067.wbtntfctns-statusbar {
2068  display: flex;
2069  align-items: center;
2070  justify-content: space-between;
2071  padding: 10px 20px 4px 20px;
2072  background: rgba(255, 255, 255, .92);
2073  font-size: 11px;
2074  font-weight: 700;
2075  color: #0F1620;
2076}
2077.wbtntfctns-statusbar-right {
2078  display: flex;
2079  align-items: center;
2080  gap: 4px;
2081  font-size: 10px;
2082  letter-spacing: .02em;
2083}
2084.wbtntfctns-battery { width: 22px; height: 11px; }
2085.wbtntfctns-chat-header {
2086  display: flex;
2087  align-items: center;
2088  gap: 10px;
2089  padding: 8px 12px 10px 12px;
2090  background: rgba(255, 255, 255, .92);
2091  border-bottom: 1px solid #E4E9F0;
2092}
2093.wbtntfctns-back { width: 18px; height: 18px; flex: none; }
2094.wbtntfctns-chat-titles { flex: 1; min-width: 0; text-align: center; }
2095.wbtntfctns-chat-name {
2096  font-size: 14px;
2097  font-weight: 700;
2098  letter-spacing: -.01em;
2099  color: #0F1620;
2100}
2101.wbtntfctns-chat-status {
2102  font-size: 11px;
2103  font-weight: 500;
2104  color: #707991;
2105}
2106.wbtntfctns-avatar {
2107  flex: none;
2108  width: 30px; height: 30px;
2109  border-radius: 999px;
2110  background: linear-gradient(180deg, #2AABEE 0%, #3390EC 100%);
2111  display: flex;
2112  align-items: center;
2113  justify-content: center;
2114}
2115.wbtntfctns-avatar svg { width: 16px; height: 16px; }
2116.wbtntfctns-feed {
2117  flex: 1;
2118  min-height: 0;
2119  padding: 16px 12px;
2120  display: flex;
2121  flex-direction: column;
2122  justify-content: flex-end;
2123  gap: 8px;
2124  background-color: #6EC2F0;
2125  background-image:
2126    radial-gradient(48% 52% at 18% 14%, #8FD6F7 0%, rgba(143, 214, 247, 0) 62%),
2127    radial-gradient(46% 50% at 84% 22%, #3390EC 0%, rgba(51, 144, 236, 0) 64%),
2128    radial-gradient(52% 54% at 22% 84%, #2AABEE 0%, rgba(42, 171, 238, 0) 66%),
2129    radial-gradient(50% 52% at 88% 88%, #168ACD 0%, rgba(22, 138, 205, 0) 66%),
2130    radial-gradient(60% 40% at 50% 50%, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 70%);
2131  background-size: 180% 180%;
2132  animation: wbtntfctns-mesh 22s ease-in-out infinite;
2133}
2134.wbtntfctns-msg {
2135  align-self: flex-start;
2136  max-width: 84%;
2137  padding: 8px 12px;
2138  border-radius: 16px 16px 16px 6px;
2139  background: #FFFFFF;
2140  box-shadow: 0 1px 2px rgba(15, 22, 32, .12);
2141  font-size: 13px;
2142  line-height: 1.4;
2143  font-weight: 500;
2144  color: #14202B;
2145  animation: wbtntfctns-cycle-1 4s cubic-bezier(.2, .8, .25, 1) infinite both;
2146}
2147.wbtntfctns-msg--1 { animation-name: wbtntfctns-cycle-1; }
2148.wbtntfctns-msg--2 { animation-name: wbtntfctns-cycle-2; }
2149.wbtntfctns-msg--3 { animation-name: wbtntfctns-cycle-3; max-width: 88%; }
2150.wbtntfctns-msg-btn {
2151  align-self: stretch;
2152  margin-top: 2px;
2153  padding: 11px 14px;
2154  border-radius: 12px;
2155  background: #3390EC;
2156  color: #FFFFFF;
2157  font-size: 13px;
2158  font-weight: 700;
2159  text-align: center;
2160  box-shadow: 0 8px 18px -8px rgba(51, 144, 236, .9);
2161  animation: wbtntfctns-cycle-4 4s cubic-bezier(.2, .8, .25, 1) infinite both;
2162}
2163.wbtntfctns-inputbar {
2164  display: flex;
2165  align-items: center;
2166  gap: 10px;
2167  padding: 10px 12px 14px 12px;
2168  background: rgba(255, 255, 255, .94);
2169  border-top: 1px solid #E4E9F0;
2170}
2171.wbtntfctns-input {
2172  flex: 1;
2173  height: 30px;
2174  border-radius: 999px;
2175  background: #EAEEF3;
2176}
2177.wbtntfctns-send {
2178  flex: none;
2179  width: 30px; height: 30px;
2180  border-radius: 999px;
2181  background: #3390EC;
2182  display: flex;
2183  align-items: center;
2184  justify-content: center;
2185}
2186.wbtntfctns-send svg { width: 15px; height: 15px; }
2187
2188@keyframes wbtntfctns-mesh {
2189  0%, 100% { background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 50%; }
2190  33%      { background-position: 30% 20%, 70% 30%, 25% 75%, 80% 70%, 60% 40%; }
2191  66%      { background-position: 10% 45%, 90% 10%, 5% 60%, 65% 95%, 40% 60%; }
2192}
2193@keyframes wbtntfctns-cycle-1 {
2194  0%, 3%    { opacity: 0; transform: translateY(14px) scale(.94); }
2195  9%, 92%   { opacity: 1; transform: none; }
2196  97%, 100% { opacity: 0; transform: translateY(-6px) scale(.98); }
2197}
2198@keyframes wbtntfctns-cycle-2 {
2199  0%, 14%   { opacity: 0; transform: translateY(14px) scale(.94); }
2200  20%, 92%  { opacity: 1; transform: none; }
2201  97%, 100% { opacity: 0; transform: translateY(-6px) scale(.98); }
2202}
2203@keyframes wbtntfctns-cycle-3 {
2204  0%, 25%   { opacity: 0; transform: translateY(14px) scale(.94); }
2205  31%, 92%  { opacity: 1; transform: none; }
2206  97%, 100% { opacity: 0; transform: translateY(-6px) scale(.98); }
2207}
2208@keyframes wbtntfctns-cycle-4 {
2209  0%, 36%   { opacity: 0; transform: translateY(14px) scale(.94); }
2210  42%, 92%  { opacity: 1; transform: none; }
2211  97%, 100% { opacity: 0; transform: translateY(-6px) scale(.98); }
2212}
2213@keyframes wbtntfctns-float {
2214  0%, 100% { transform: translateY(0) rotate(-12deg); }
2215  50%      { transform: translateY(-14px) rotate(-6deg); }
2216}
2217@keyframes wbtntfctns-float-alt {
2218  0%, 100% { transform: translateY(0) rotate(8deg); }
2219  50%      { transform: translateY(-12px) rotate(2deg); }
2220}
2221
2222@media screen and (max-width: 1100px) {
2223  .wbtntfctns-copy { padding: 52px 40px 0 40px; gap: 24px; }
2224  .wbtntfctns-title { font-size: 38px; }
2225  .wbtntfctns-text { font-size: 18px; }
2226}
2227@media screen and (max-width: 760px) {
2228  .wbtntfctns-section { padding: 40px 16px; }
2229  .wbtntfctns-card { border-radius: 22px; grid-template-columns: 1fr; }
2230  .wbtntfctns-copy { padding: 40px 28px 0 28px; }
2231  .wbtntfctns-title { font-size: 30px; }
2232  .wbtntfctns-text { font-size: 16px; max-width: none; }
2233  .wbtntfctns-illustration { min-height: 0; justify-content: center; }
2234  .wbtntfctns-illustration-tg { width: 120px; height: 120px; margin-right: -34px; }
2235  .wbtntfctns-illustration-man { width: 118px; height: 204px; }
2236  .wbtntfctns-panel { min-height: 0; padding: 40px 16px 36px 16px; }
2237  .wbtntfctns-phone { width: 280px; }
2238  .wbtntfctns-screen { height: 500px; }
2239  .wbtntfctns-plane--one { width: 24px; height: 24px; right: 8%; }
2240  .wbtntfctns-plane--two { display: none; }
2241}
2242
2243@media (prefers-reduced-motion: reduce) {
2244  .wbtntfctns-feed,
2245  .wbtntfctns-plane,
2246  .wbtntfctns-msg,
2247  .wbtntfctns-msg-btn { animation: none !important; }
2248}
2249</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec2295818921" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wb-pricing"> <div class="wb-section" id="pricing"> <div class="wb-wrap"> <div class="wb-sec-head"> <div> <h2>Гибкие тарифы под <span class="wb-accent">любые задачи</span> и любой магазин</h2> </div> <p>Цены указаны за 30 дней. Тариф «Бесплатный» — бессрочный.</p> </div> <div class="wb-pricing-grid"> <!-- Free --> <div class="wb-price-card"> <span class="wb-pname">Бесплатный</span> <div class="wb-amt">0₽<small>/ навсегда</small></div> <p class="wb-desc">Подходит для старта и тестирования.</p> <ul> <li>
2249<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>2 магазина (Telegram, MAX)</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Добавление до 21 товара</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Безлимитное количество подписчиков и заказов</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>10 запросов к WebBot AI</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 3 рассылок в месяц</li> </ul> <a onclick="ym(109208221,'reachGoal','visit_palform');" target="_blank" href="https://admin.webbot.shop/register" class="wb-btn wb-btn-outline">Узнать подробнее</a> </div> <!-- Standard --> <div class="wb-price-card"> <span class="wb-pname">Старт</span> <div class="wb-amt">750₽<small>/ 30 дней</small></div> <p class="wb-desc">Оптимальный вариант для растущего бизнеса для продаж через интернет.</p> <ul> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>2 магазина (Telegram, MAX)</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 101 товара</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Безлимитное количество подписчиков и заказов</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>100 запросов в месяц к WebBot AI</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 10 рассылок в месяц</li> </ul> <a onclick="ym(109208221,'reachGoal','visit_palform');" target="_blank" href="https://admin.webbot.shop/register" class="wb-btn wb-btn-outline">Узнать подробнее</a> </div> <!-- Premium (featured) --> <div class="wb-price-card wb-featured"> <span class="wb-ribbon">★ Популярный</span> <span class="wb-pname">Про</span> <div class="wb-amt">990₽<small>/ 30 дней</small></div> <p class="wb-desc">Для активных продаж из магазина через интернет и масштабирования.</p> <ul> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>2 магазина (Telegram, MAX)</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 501 товара</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Безлимитное количество подписчиков и заказов</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>500 запросов в месяц к WebBot AI</li> <li>
2249<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 30 рассылок в месяц</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>API и импорт</li> </ul> <a onclick="ym(109208221,'reachGoal','visit_palform');" target="_blank" href="https://admin.webbot.shop/register" class="wb-btn wb-btn-featured">Узнать подробнее <span class="wb-arr">→</span></a> </div> <!-- Premium 1000 --> <div class="wb-price-card"> <span class="wb-pname">Бизнес</span> <div class="wb-amt">1990₽<small>/ 30 дней</small></div> <p class="wb-desc">Для крупных каталогов и продаж через интернет, API и импорта.</p> <ul> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>2 магазина (Telegram, MAX)</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>До 1000 товаров</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Безлимитное количество подписчиков и заказов</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>1000 запросов в месяц к WebBot AI</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>Безлимитные рассылки</li> <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="5 13 9 17 19 7"/></svg>API и импорт</li> </ul> <a onclick="ym(109208221,'reachGoal','visit_palform');" target="_blank" href="https://admin.webbot.shop/register" class="wb-btn wb-btn-outline">Узнать подробнее</a> </div> </div> </div> </div> </div> <style>
2250
2251  .wb-pricing {
2252    --tg-blue: #3390EC;
2253    --tg-blue-deep: #168ACD;
2254    --tg-blue-soft: #E7F3FE;
2255    --bg: #FFFFFF;
2256    --paper: #FFFFFF;
2257    --line: #E4E9F0;
2258    --line-2: #D9E0EA;
2259    --ink: #0F1620;
2260    --ink-2: #2E3A4B;
2261    --muted: #707991;
2262    font-family: "Manrope", "SF Pro Display", -apple-system, system-ui, sans-serif;
2263    -webkit-font-smoothing: antialiased;
2264    color: var(--ink);
2265    background: var(--bg);
2266  }
2267  .wb-pricing * { box-sizing: border-box; }
2268  .wb-pricing a { color: inherit; text-decoration: none; }
2269
2270  .wb-pricing .wb-section { padding: 50px 0 40px; }
2271  .wb-pricing .wb-wrap { max-width: 1240px; margin: 0 auto; padding: 0 28px; }
2272
2273  .wb-pricing .wb-sec-tag {
2274    display: inline-flex;
2275    align-items: center;
2276    gap: 8px;
2277    padding: 6px 12px;
2278    border-radius: 999px;
2279    background: var(--tg-blue-soft);
2280    color: var(--tg-blue-deep);
2281    font-size: 13px;
2282    font-weight: 600;
2283  }
2284  .wb-pricing h2 {
2285    font-size: clamp(34px, 4.4vw, 56px);
2286    line-height: 1.05;
2287    letter-spacing: -0.03em;
2288    font-weight: 800;
2289    margin: 14px 0 0;
2290    max-width: 780px;
2291    color: var(--ink);
2292  }
2293  .wb-pricing h2 .wb-accent { color: var(--tg-blue); }
2294  .wb-pricing .wb-sec-head {
2295    display: flex;
2296    align-items: end;
2297    justify-content: space-between;
2298    gap: 40px;
2299    margin-bottom: 0;
2300  }
2301  .wb-pricing .wb-sec-head p {
2302    max-width: 420px;
2303    color: var(--ink-2);
2304    font-size: 16.5px;
2305    line-height: 1.55;
2306    margin: 0;
2307  }
2308
2309  .wb-pricing .wb-pricing-grid {
2310    display: grid;
2311    grid-template-columns: repeat(4, 1fr);
2312    gap: 16px;
2313    margin-top: 32px;
2314  }
2315  .wb-pricing .wb-price-card {
2316    background: var(--paper);
2317    border: 1px solid var(--line);
2318    border-radius: 20px;
2319    padding: 28px;
2320    display: flex;
2321    flex-direction: column;
2322    gap: 18px;
2323    position: relative;
2324    transition: all .2s;
2325  }
2326  .wb-pricing .wb-price-card:hover {
2327    border-color: rgba(51,144,236,.3);
2328    transform: translateY(-2px);
2329  }
2330  .wb-pricing .wb-price-card.wb-featured {
2331    background: linear-gradient(180deg, #3390EC 0%, #168ACD 100%);
2332    color: #fff;
2333    border-color: transparent;
2334    box-shadow: 0 24px 50px -20px rgba(51,144,236,.45);
2335  }
2336  .wb-pricing .wb-price-card.wb-featured .wb-desc { color: #FFFFFFcc; }
2337  .wb-pricing .wb-pname {
2338    font-size: 13px;
2339    text-transform: uppercase;
2340    letter-spacing: .08em;
2341    color: var(--muted);
2342    font-weight: 700;
2343  }
2344  .wb-pricing .wb-price-card.wb-featured .wb-pname { color: rgba(255,255,255,.85); }
2345  .wb-pricing .wb-desc {
2346    font-size: 14.5px;
2347    line-height: 1.45;
2348    color: var(--ink-2);
2349    min-height: 42px;
2350  }
2351  .wb-pricing .wb-amt {
2352    font-size: 46px;
2353    font-weight: 800;
2354    letter-spacing: -0.035em;
2355    line-height: 1;
2356  }
2357  .wb-pricing .wb-amt small { font-size: 14px; font-weight: 500; color: var(--muted); margin-left: 6px; }
2358  .wb-pricing .wb-price-card.wb-featured .wb-amt small { color: rgba(255,255,255,.7); }
2359  .wb-pricing .wb-price-card ul {
2360    list-style: none;
2361    margin: 0;
2362    padding: 0;
2363    display: flex;
2364    flex-direction: column;
2365    gap: 10px;
2366    font-size: 14px;
2367    flex: 1;
2368  }
2369  .wb-pricing .wb-price-card li { display: flex; gap: 10px; align-items: center; }
2370  .wb-pricing .wb-price-card li svg { flex: none; color: var(--tg-blue); }
2371  .wb-pricing .wb-price-card.wb-featured li svg { color: #fff; }
2372  .wb-pricing .wb-ribbon {
2373    position: absolute;
2374    top: -12px; right: 24px;
2375    background: #FFC633;
2376    color: #1A1500;
2377    font-size: 12px;
2378    font-weight: 700;
2379    padding: 6px 12px;
2380    border-radius: 999px;
2381    letter-spacing: .02em;
2382    box-shadow: 0 6px 16px -4px rgba(255,198,51,.6);
2383  }
2384
2385  .wb-pricing .wb-btn {
2386      color: #000!important;
2387    display: inline-flex;
2388    align-items: center;
2389    gap: 8px;
2390    padding: 11px 20px;
2391    border-radius: 999px;
2392    font-weight: 600;
2393    font-size: 14.5px;
2394    border: 1px solid transparent;
2395    transition: all .18s ease;
2396    line-height: 1;
2397    cursor: pointer;
2398    font-family: inherit;
2399    text-align: center;
2400    justify-content: center;
2401  }
2402  .wb-pricing .wb-btn-outline {
2403    color: var(--ink);
2404    background: #fff;
2405    border-color: var(--line-2);
2406  }
2407  .wb-pricing .wb-btn-outline:hover { border-color: var(--tg-blue); color: var(--tg-blue); }
2408  .wb-pricing .wb-btn-featured { background: #fff; color: var(--tg-blue); }
2409  .wb-pricing .wb-btn-featured:hover { background: #f0f8ff; transform: translateY(-1px); }
2410  .wb-pricing .wb-btn .wb-arr { transition: transform .2s; font-weight: 400; }
2411  .wb-pricing .wb-btn:hover .wb-arr { transform: translateX(3px); }
2412
2413  @media (max-width: 1080px) {
2414    .wb-pricing .wb-pricing-grid { grid-template-columns: repeat(2, 1fr); }
2415    .wb-pricing .wb-sec-head { flex-direction: column; align-items: start; }
2416  }
2417  @media (max-width: 640px) {
2418    .wb-pricing .wb-wrap { padding: 0 18px; }
2419    .wb-pricing .wb-section { padding: 32px 0; }
2420    .wb-pricing .wb-pricing-grid { grid-template-columns: 1fr; }
2421  }
2422</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec2363775571" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wbtt-wrap"> <div class="wbtt-promo"> <div class="wbtt-badge"> <svg
2423                viewBox="0 0 24 24"
2424                fill="none"
2425                stroke="currentColor"
2426                stroke-width="1.8"
2427                stroke-linecap="round"
2428                stroke-linejoin="round"
2429            > <path d="M5 16L3 6l5.5 4L12 4l3.5 6L21 6l-2 10z" /> <path d="M5 20h14" /> </svg> </div> <div class="wbtt-copy"> <span class="wbtt-title">Протестируйте Про</span> <span class="wbtt-sub">все функции без ограничений · 7 дней</span> </div> <div class="wbtt-divider"></div> <div class="wbtt-price"> <div class="wbtt-amt"><span class="wbtt-cur">₽</span>10</div> <div class="wbtt-terms"> <span class="wbtt-old">990 ₽ / 30 дней</span> <span class="wbtt-days">за 7 дней</span> </div> </div> <a href="https://admin.webbot.shop/register" class="wbtt-cta"
2430            >Активировать за 10 ₽ <span class="wbtt-arr">→</span></a
2431        > </div> </div> <style>
2432    .wbtt-wrap {
2433        --wbtt-tg-blue: #3390ec;
2434        --wbtt-tg-blue-deep: #168acd;
2435        width: 100%;
2436        padding: 8px 0;
2437        -webkit-font-smoothing: antialiased;
2438    }
2439    .wbtt-wrap *,
2440    .wbtt-wrap *::before,
2441    .wbtt-wrap *::after {
2442        box-sizing: border-box;
2443    }
2444
2445    .wbtt-promo {
2446        width: 100%;
2447        max-width: 1280px;
2448        margin: 0 auto;
2449        background: linear-gradient(
2450            110deg,
2451            #168acd 0%,
2452            #3390ec 50%,
2453            #2aabee 100%
2454        );
2455        border-radius: 18px;
2456        color: #fff;
2457        position: relative;
2458        overflow: hidden;
2459        box-shadow: 0 16px 36px -18px rgba(51, 144, 236, 0.55);
2460        display: flex;
2461        align-items: center;
2462        gap: 24px;
2463        padding: 16px 24px;
2464        font-family:
2465            "Manrope",
2466            -apple-system,
2467            system-ui,
2468            sans-serif;
2469    }
2470    .wbtt-promo::before {
2471        content: "";
2472        position: absolute;
2473        right: -40px;
2474        top: -70px;
2475        width: 200px;
2476        height: 200px;
2477        border-radius: 50%;
2478        background: rgba(255, 255, 255, 0.08);
2479    }
2480    .wbtt-promo > * {
2481        position: relative;
2482        z-index: 1;
2483    }
2484
2485    .wbtt-badge {
2486        width: 46px;
2487        height: 46px;
2488        border-radius: 13px;
2489        background: rgba(255, 255, 255, 0.16);
2490        display: grid;
2491        place-items: center;
2492        flex: none;
2493        border: 1px solid rgba(255, 255, 255, 0.22);
2494    }
2495    .wbtt-badge svg {
2496        width: 24px;
2497        height: 24px;
2498        color: #fff;
2499    }
2500
2501    .wbtt-copy {
2502        display: flex;
2503        align-items: baseline;
2504        gap: 10px;
2505        min-width: 0;
2506        flex: 1;
2507    }
2508    .wbtt-title {
2509        font-size: 17px;
2510        font-weight: 800;
2511        letter-spacing: -0.02em;
2512        line-height: 1.15;
2513        white-space: nowrap;
2514        color: #fff;
2515    }
2516    .wbtt-sub {
2517        font-size: 13px;
2518        color: rgba(255, 255, 255, 0.82);
2519        font-weight: 500;
2520        line-height: 1.2;
2521        white-space: nowrap;
2522        overflow: hidden;
2523        text-overflow: ellipsis;
2524    }
2525
2526    .wbtt-divider {
2527        width: 1px;
2528        height: 40px;
2529        background: rgba(255, 255, 255, 0.22);
2530        flex: none;
2531    }
2532
2533    .wbtt-price {
2534        display: flex;
2535        align-items: baseline;
2536        gap: 8px;
2537        flex: none;
2538        white-space: nowrap;
2539    }
2540    .wbtt-amt {
2541        font-size: 34px;
2542        font-weight: 800;
2543        letter-spacing: -0.03em;
2544        display: flex;
2545        align-items: baseline;
2546        gap: 3px;
2547        color: #fff;
2548    }
2549    .wbtt-cur {
2550        font-size: 20px;
2551    }
2552    .wbtt-terms {
2553        display: flex;
2554        flex-direction: column;
2555        line-height: 1.15;
2556    }
2557    .wbtt-old {
2558        font-size: 12px;
2559        color: rgba(255, 255, 255, 0.7);
2560        text-decoration: line-through;
2561        font-weight: 600;
2562    }
2563    .wbtt-days {
2564        font-size: 12px;
2565        color: #fff;
2566        font-weight: 700;
2567    }
2568
2569    .wbtt-cta {
2570        display: inline-flex;
2571        align-items: center;
2572        gap: 8px;
2573        white-space: nowrap;
2574        flex: none;
2575        text-decoration: none;
2576        background: #fff;
2577        color: var(--wbtt-tg-blue) !important;
2578        font-weight: 700;
2579        font-size: 14.5px;
2580        padding: 12px 22px;
2581        border-radius: 999px;
2582        border: none;
2583        cursor: pointer;
2584        font-family: inherit;
2585        box-shadow: 0 10px 22px -8px rgba(0, 0, 0, 0.3);
2586        transition:
2587            transform 0.18s ease,
2588            box-shadow 0.18s ease,
2589            color 0.18s ease;
2590    }
2591    .wbtt-cta:hover {
2592        transform: translateY(-2px);
2593        box-shadow: 0 16px 30px -10px rgba(0, 0, 0, 0.4);
2594        color: var(--wbtt-tg-blue-deep);
2595    }
2596    .wbtt-arr {
2597        transition: transform 0.2s;
2598    }
2599    .wbtt-cta:hover .wbtt-arr {
2600        transform: translateX(3px);
2601    }
2602
2603    @media (max-width: 780px) {
2604        .wbtt-promo {
2605            flex-wrap: wrap;
2606            gap: 16px 20px;
2607            padding: 18px 22px;
2608        }
2609        .wbtt-copy {
2610            flex: 1 1 100%;
2611            align-items: flex-start;
2612            flex-direction: column;
2613            gap: 4px;
2614        }
2615        .wbtt-divider {
2616            display: none;
2617        }
2618        .wbtt-price {
2619            flex: 1;
2620        }
2621        .wbtt-cta {
2622            flex: none;
2623        }
2624    }
2625    @media (max-width: 460px) {
2626        .wbtt-cta {
2627            flex: 1 1 100%;
2628            justify-content: center;
2629        }
2630    }
2631</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3987867001" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <div class="wbtstxt-root"> <div class="wbtstxt-card"> <span class="wbtstxt-blob wbtstxt-blob_1"></span> <span class="wbtstxt-blob wbtstxt-blob_2"></span> <div class="wbtstxt-col"> <h2 class="wbtstxt-title">Как создать магазин в Телеграм через конструктор и начать продажи?</h2> </div> <div class="wbtstxt-col wbtstxt-col_text"> <p class="wbtstxt-text">WebBot - это конструктор бота магазина в Telegram, который позволяет быстро запустить свой бизнес без сайта и сложной разработки, а создания приложения не вызовет трудностей. Сервис подойдёт компаниям, брендам и предпринимателям, которые хотят продавать товары и услуги прямо в телеграме.</p> </div> </div> </div> <style>
2632.wbtstxt-root{
2633  --wbtstxt-blue:#3390EC;
2634  --wbtstxt-blue-dark:#168ACD;
2635  --wbtstxt-blue-soft:#EAF4FE;
2636  --wbtstxt-blue-ink:#1A6FBF;
2637  --wbtstxt-ink:#0F1620;
2638  --wbtstxt-body:#41505F;
2639  --wbtstxt-line:#E4E9F0;
2640  box-sizing:border-box;
2641  width:100%;
2642  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
2643  -webkit-font-smoothing:antialiased;
2644}
2645.wbtstxt-root *,.wbtstxt-root *::before,.wbtstxt-root *::after{box-sizing:border-box;}
2646
2647.wbtstxt-card{
2648  position:relative;
2649  overflow:hidden;
2650  max-width:1200px;
2651  margin:0 auto;
2652  background:#fff;
2653  border:1px solid var(--wbtstxt-line);
2654  border-radius:28px;
2655  padding:44px 48px;
2656  display:grid;
2657  grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);
2658  gap:48px;
2659  align-items:start;
2660  box-shadow:0 1px 2px rgba(15,22,32,.04);
2661}
2662
2663.wbtstxt-col{display:flex;flex-direction:column;gap:18px;min-width:0;}
2664.wbtstxt-col_text{gap:24px;}
2665
2666.wbtstxt-eyebrow{
2667  display:inline-flex;
2668  align-self:flex-start;
2669  align-items:center;
2670  gap:9px;
2671  padding:7px 14px 7px 10px;
2672  border-radius:999px;
2673  background:var(--wbtstxt-blue-soft);
2674  color:var(--wbtstxt-blue-ink);
2675  font-size:12px;
2676  font-weight:700;
2677  line-height:1;
2678  letter-spacing:.08em;
2679  text-transform:uppercase;
2680  white-space:nowrap;
2681}
2682.wbtstxt-eyebrow svg{display:block;width:16px;height:16px;flex:none;}
2683
2684.wbtstxt-title{
2685  margin:0;
2686  font-size:34px;
2687  font-weight:800;
2688  line-height:1.15;
2689  letter-spacing:-.03em;
2690  color:var(--wbtstxt-ink);
2691  text-wrap:pretty;
2692}
2693
2694.wbtstxt-text{
2695  margin:0;
2696  font-size:16px;
2697  font-weight:300;
2698  line-height:1.6;
2699  color:var(--wbtstxt-body);
2700  text-wrap:pretty;
2701}
2702
2703/* --- синий вариант --- */
2704.wbtstxt-card_accent{
2705  background:linear-gradient(135deg,var(--wbtstxt-blue) 0%,var(--wbtstxt-blue-dark) 100%);
2706  border-color:transparent;
2707  padding:48px;
2708  box-shadow:0 18px 40px -18px rgba(51,144,236,.55);
2709}
2710.wbtstxt-card_accent .wbtstxt-eyebrow{background:rgba(255,255,255,.18);color:#fff;}
2711.wbtstxt-card_accent .wbtstxt-title,
2712.wbtstxt-card_accent .wbtstxt-text{color:#fff;}
2713.wbtstxt-card_accent .wbtstxt-col,
2714.wbtstxt-card_accent .wbtstxt-col_text{position:relative;z-index:1;}
2715.wbtstxt-blob{position:absolute;border-radius:999px;background:rgba(255,255,255,.08);pointer-events:none;}
2716.wbtstxt-blob_1{top:-90px;right:-60px;width:320px;height:320px;}
2717.wbtstxt-blob_2{bottom:-140px;right:140px;width:260px;height:260px;background:rgba(255,255,255,.06);}
2718.wbtstxt-card:not(.wbtstxt-card_accent) .wbtstxt-blob{display:none;}
2719
2720/* --- адаптив --- */
2721@media (max-width:1000px){
2722  .wbtstxt-card{grid-template-columns:1fr;gap:24px;padding:36px 32px;}
2723  .wbtstxt-card_accent{padding:36px 32px;}
2724  .wbtstxt-title{font-size:30px;}
2725}
2726@media (max-width:640px){
2727  .wbtstxt-card,.wbtstxt-card_accent{padding:28px 20px;border-radius:22px;gap:20px;}
2728  .wbtstxt-title{font-size:25px;}
2729  .wbtstxt-text{font-size:16px;}
2730  .wbtstxt-blob_1{width:220px;height:220px;top:-70px;right:-70px;}
2731  .wbtstxt-blob_2{display:none;}
2732}
2733</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec483309355" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#ffffff; " data-animationappear="off" data-record-type="585" data-bg-color="#ffffff"> <!-- T585 --> <div class="t585"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1"> <div class="t585__accordion" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header t585__opened" style="border-top: 1px solid #000000"> <button type="button"
2734class="t585__trigger-button"
2735aria-controls="accordion1_483309355"
2736aria-expanded="true"> <span class="t585__title t-name t-name_xl" field="li_title__1480611048442"><p style="text-align: left;">Смогу ли я создать самостоятельно?</p></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #27a7e7"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #2491c8"></span> </span> </button> </div> <div class="t585__content"
2737id="accordion1_483309355"
2738style="display:block"> <div class="t585__textwrapper">
2738 <div class="t585__text t-descr t-descr_xs" field="li_descr__1480611048442">Да, конечно.<br />Для создания магазина в Telegram не требуется знаний программирования. Все легко и просто!<br />Для вас подготовлена инструкция к админ-панели и <a href="https://webbot.shop/baza-znanij" target="_blank" rel="nofollow noreferrer noopener">база знаний </a>для удобного и быстрого запуска, где по шагам показано, как настроить бота, как добавить каталог и как подключить платежные системы к магазину.<br />Если у вас возникнут сложности, то вы всегда сможете обратиться в нашу <a href="https://t.me/webbot_shop" target="_blank" rel="nofollow noreferrer noopener">техническую поддержку</a>.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_10 t-prefix_1"> <div class="t585__accordion" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #000000"> <button type="button"
2739class="t585__trigger-button"
2740aria-controls="accordion2_483309355"
2741aria-expanded="false"> <span class="t585__title t-name t-name_xl" field="li_title__1662388686049">Как начать работу?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #27a7e7"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #2491c8"></span> </span> </button> </div> <div class="t585__content"
2742id="accordion2_483309355"
2743hidden > <div class="t585__textwrapper">
2743 <div class="t585__text t-descr t-descr_xs" field="li_descr__1662388686049"><a href="https://admin.webbot.shop/register" target="_blank" rel="nofollow noreferrer noopener"><u>Зарегистрируйтесь</u></a> на платформе и следуйте инструкции.<br />Если возникнут вопросы или сложности, то вы можете ознакомится с <a href="https://webbot.shop/baza-znanij" target="_blank" rel="nofollow noreferrer noopener">нашей базой знаний</a>&nbsp;или написать нам в <a href="https://t.me/webbot_shop" target="_blank" rel="nofollow noreferrer noopener">техническую поддержку</a>.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_10 t-prefix_1"> <div class="t585__accordion" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #000000"> <button type="button"
2744class="t585__trigger-button"
2745aria-controls="accordion3_483309355"
2746aria-expanded="false"> <span class="t585__title t-name t-name_xl" field="li_title__1489600117321"><p style="text-align: left;">Может ли физическое лицо открыть магазин?</p></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #27a7e7"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #2491c8"></span> </span> </button> </div> <div class="t585__content"
2747id="accordion3_483309355"
2748hidden > <div class="t585__textwrapper">
2748 <div class="t585__text t-descr t-descr_xs" field="li_descr__1489600117321">Да, конечно. <br />Физическое лицо может создать магазин, наполнить каталог и принимать заказы.<br />Достаточно зарегистрироваться используя почту и подключить вашего бота в личном кабинете.<br />Юр.лицо или ИП будет необходимо только для подключения эквайринга (онлайн-оплаты).</div> </div> </div> </div> </div> </div> <div class="t-col t-col_10 t-prefix_1"> <div class="t585__accordion" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #000000"> <button type="button"
2749class="t585__trigger-button"
2750aria-controls="accordion4_483309355"
2751aria-expanded="false"> <span class="t585__title t-name t-name_xl" field="li_title__1691832244462"><p style="text-align: left;">Сколько стоит использование конструктора?</p></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #27a7e7"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #2491c8"></span> </span> </button> </div> <div class="t585__content"
2752id="accordion4_483309355"
2753hidden > <div class="t585__textwrapper">
2753 <div class="t585__text t-descr t-descr_xs" field="li_descr__1691832244462">У нас есть 4 тарифа:<br /><ul><li data-list="bullet">Бесплатный - 0₽ навсегда</li><li data-list="bullet">Старт - 750₽ за 30 дней</li><li data-list="bullet">Про - 990₽ за 30 дней</li><li data-list="bullet">Бизнес - 1990₽ за 30 дней</li></ul><br />Более подробно вы можете ознакомиться с тарифами <a href="https://admin.webbot.shop/tariff" target="_blank" rel="nofollow noreferrer noopener">по ссылке</a>.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_10 t-prefix_1"> <div class="t585__accordion" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #000000"> <button type="button"
2754class="t585__trigger-button"
2755aria-controls="accordion5_483309355"
2756aria-expanded="false"> <span class="t585__title t-name t-name_xl" field="li_title__1691832900403"><p style="text-align: left;">Нет нужной мне функции, что делать?</p></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #27a7e7"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #2491c8"></span> </span> </button> </div> <div class="t585__content"
2757id="accordion5_483309355"
2758hidden > <div class="t585__textwrapper">
2758 <div class="t585__text t-descr t-descr_xs" field="li_descr__1691832900403">Напишите нам в техническую поддержку <a href="https://t.me/webbot_shop" target="_blank" rel="nofollow noreferrer noopener">@webbot_shop</a>&nbsp;и расскажите какой функционал вы бы хотели добавить.</div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #000000"></div> </div> </div> </div> 
2758<script>t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('483309355');});});</script>
2758 <style>#rec483309355 .t585__title{font-family:'SFProDisplay';font-weight:500;}#rec483309355 .t585__text{font-family:'SFProDisplay';font-weight:400;}</style> </div> <div id="rec793088284" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
2759class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
2760href="https://admin.webbot.shop/register"
2761target="_blank" rel="nofollow"><span class="t-btnflex__text">Создать магазин</span> <style>#rec793088284 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec793088284 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec793088284 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec483310496" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec483310496 .t396__artboard{height:362px;background-color:#ffffff;}#rec483310496 .t396__filter{height:362px;}#rec483310496 .t396__carrier{height:362px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec483310496 .t396__artboard,#rec483310496 .t396__filter,#rec483310496 .t396__carrier{height:362px;}#rec483310496 .t396__filter{}#rec483310496 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec483310496 .t396__artboard,#rec483310496 .t396__filter,#rec483310496 .t396__carrier{height:420px;}#rec483310496 .t396__filter{}#rec483310496 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec483310496 .t396__artboard,#rec483310496 .t396__filter,#rec483310496 .t396__carrier{}#rec483310496 .t396__filter{}#rec483310496 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec483310496 .t396__artboard,#rec483310496 .t396__filter,#rec483310496 .t396__carrier{}#rec483310496 .t396__filter{}#rec483310496 .t396__carrier{background-attachment:scroll;}}#rec483310496 .tn-elem[data-elem-id="1661373559277"]{z-index:3;top:0px;left:calc(50% - 600px + 0px);width:1200px;height:362px;}#rec483310496 .tn-elem[data-elem-id="1661373559277"] .tn-atom{border-radius:20px 20px 20px 20px;background-color:#27a7e7;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1661373559277"]{display:table;top:0px;left:calc(50% - 480px + 0px);width:960px;}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1661373559277"]{display:table;top:1px;left:calc(50% - 320px + 0px);width:640px;height:420px;}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1661373559277"]{display:table;left:calc(50% - 240px + 0px);width:480px;}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1661373559277"]{display:table;top:0px;left:calc(50% - 160px + 0px);width:320px;height:420px;}}#rec483310496 .tn-elem[data-elem-id="1661373559296"]{color:#ffffff;text-align:CENTER;z-index:3;top:72px;left:calc(50% - 600px + 415px);width:370px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559296"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.3;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1661373559296"]{display:table;top:60px;left:calc(50% - 480px + 295px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559296"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1661373559296"]{display:table;top:30px;left:calc(50% - 320px + 135px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559296"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1661373559296"]{display:table;left:calc(50% - 240px + 55px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559296"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1661373559296"]{display:table;left:calc(50% - 160px + 0px);width:320px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559296"] .tn-atom{white-space:normal;font-size:30px;background-size:cover;}}#rec483310496 .tn-elem[data-elem-id="1661373559305"]{color:#ffffff;text-align:CENTER;z-index:3;top:139px;left:calc(50% - 600px + 405px);width:390px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559305"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:24px;font-family:var(--t-text-font,Arial);font-weight:300;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1661373559305"]{display:table;top:127px;left:calc(50% - 480px + 285px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559305"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1661373559305"]{display:table;top:107px;left:calc(50% - 320px + 125px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559305"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1661373559305"]{display:table;left:calc(50% - 240px + 45px);width:px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559305"] .tn-atom{white-space:normal;font-size:18px;background-size:cover;}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1661373559305"]{display:table;top:97px;left:calc(50% - 160px + 13px);width:295px;height:auto;}#rec483310496 .tn-elem[data-elem-id="1661373559305"] .tn-atom{white-space:normal;font-size:18px;background-size:cover;}}#rec483310496 .tn-elem[data-elem-id="1698135280717"]{color:#ffffff;text-align:center;z-index:3;top:221px;left:calc(50% - 600px + 193px);width:258px;height:69px;-webkit-backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;border-radius:16px 16px 16px 16px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom{color:#ffffff;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:16px 16px 16px 16px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:rgba(255,255,255,0.2);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:rgba(255,255,255,0.1);--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1698135280717"]{display:block;top:208px;left:calc(50% - 480px + 73px);width:258px;height:69px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1698135280717"]{display:block;top:156px;left:calc(50% - 320px + 191px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1698135280717"]{display:block;top:150px;left:calc(50% - 240px + 111px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1698135280717"]{display:block;top:145px;left:calc(50% - 160px + 31px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135280717"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"]{color:#ffffff;text-align:center;z-index:3;top:221px;left:calc(50% - 600px + 471px);width:258px;height:69px;-webkit-backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;border-radius:16px 16px 16px 16px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom{color:#ffffff;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:16px 16px 16px 16px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:rgba(255,255,255,0.2);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:rgba(255,255,255,0.1);--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-p
2761ack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"]{display:block;top:208px;left:calc(50% - 480px + 351px);width:258px;height:69px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"]{display:block;top:234px;left:calc(50% - 320px + 191px);width:px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"]{display:block;top:229px;left:calc(50% - 240px + 111px);width:px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"]{display:block;top:223px;left:calc(50% - 160px + 31px);width:px;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1784190445713000001"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec483310496 .tn-elem[data-elem-id="1698135341164"]{color:#ffffff;text-align:center;z-index:3;top:221px;left:calc(50% - 600px + 749px);width:258px;height:69px;-webkit-backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;backdrop-filter:blur(2px);:backdrop-filter:blur(2px);;border-radius:16px 16px 16px 16px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom{color:#ffffff;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:16px 16px 16px 16px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:rgba(255,255,255,0.2);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:rgba(255,255,255,0.1);--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec483310496 .tn-elem[data-elem-id="1698135341164"]{display:block;top:208px;left:calc(50% - 480px + 629px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec483310496 .tn-elem[data-elem-id="1698135341164"]{display:block;top:313px;left:calc(50% - 320px + 191px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec483310496 .tn-elem[data-elem-id="1698135341164"]{display:block;top:307px;left:calc(50% - 240px + 111px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec483310496 .tn-elem[data-elem-id="1698135341164"]{display:block;top:302px;left:calc(50% - 160px + 31px);width:px;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom::after{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover::after{opacity:0;}#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec483310496 .tn-elem[data-elem-id="1698135341164"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="483310496" data-artboard-screens="320,480,640,960,1200" data-artboard-height="362.5" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-640="420" data-artboard-height-res-960="362"> <div class="t396__carrier" data-artboard-recid="483310496"></div> <div class="t396__filter" data-artboard-recid="483310496"></div> <div class='t396__elem tn-elem tn-elem__4833104961661373559277' data-elem-id='1661373559277' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="362" data-field-width-value="1200" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-height-res-320-value="420" data-field-width-res-320-value="320" data-field-heightmode-res-320-value="fixed" data-field-width-res-480-value="480" data-field-top-res-640-value="1" data-field-left-res-640-value="0" data-field-height-res-640-value="420" data-field-width-res-640-value="640" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-width-res-960-value="960"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4833104961661373559296' data-elem-id='1661373559296' data-elem-type='text' data-field-top-value="72" data-field-left-value="415" data-field-height-value="52" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="40" data-field-left-res-320-value="0" data-field-width-res-320-value="320" data-field-fontsize-res-320-value="30" data-field-left-res-480-value="55" data-field-top-res-640-value="30" data-field-left-res-640-value="135" data-field-top-res-960-value="60" data-field-left-res-960-value="295"> <div class='tn-atom'field='tn_text_1661373559296'>Остались вопросы?</div> </div> <div class='t396__elem tn-elem tn-elem__4833104961661373559305' data-elem-id='1661373559305' data-elem-type='text' 
2761data-field-top-value="139" data-field-left-value="405" data-field-height-value="1" data-field-width-value="390" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="24" data-field-top-res-320-value="97" data-field-left-res-320-value="13" data-field-width-res-320-value="295" data-field-fontsize-res-320-value="18" data-field-left-res-480-value="45" data-field-fontsize-res-480-value="18" data-field-top-res-640-value="107" data-field-left-res-640-value="125" data-field-top-res-960-value="127" data-field-left-res-960-value="285"> <div class='tn-atom'field='tn_text_1661373559305'>Напишите нам и мы вам поможем</div> </div> <div class='t396__elem tn-elem tn-elem__4833104961698135280717' data-elem-id='1698135280717' data-elem-type='button' data-field-top-value="221" data-field-left-value="193" data-field-height-value="69" data-field-width-value="258" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="145" data-field-left-res-320-value="31" data-field-top-res-480-value="150" data-field-left-res-480-value="111" data-field-top-res-640-value="156" data-field-left-res-640-value="191" data-field-top-res-960-value="208" data-field-left-res-960-value="73" data-field-height-res-960-value="69" data-field-width-res-960-value="258" data-field-container-res-960-value="grid" data-field-textfit-res-960-value="fixedsize"> <a class='tn-atom js-click-zero-stat'
2762href="https://t.me/webbot_shop"
2763rel="nofollow"
2764target="_blank" data-tilda-event-name="/tilda/click/rec483310496/button1698135280717"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Написать нам в Telegram</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__4833104961784190445713000001' data-elem-id='1784190445713000001' data-elem-type='button' data-field-top-value="221" data-field-left-value="471" data-field-height-value="69" data-field-width-value="258" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="223" data-field-left-res-320-value="31" data-field-top-res-480-value="229" data-field-left-res-480-value="111" data-field-top-res-640-value="234" data-field-left-res-640-value="191" data-field-top-res-960-value="208" data-field-left-res-960-value="351" data-field-height-res-960-value="69" data-field-width-res-960-value="258" data-field-container-res-960-value="grid" data-field-textfit-res-960-value="fixedsize"> <a class='tn-atom js-click-zero-stat'
2765href="https://max.ru/u/f9LHodD0cOK-uLv3NlPXDEOtxUHkTHRhsw6WdatgjQvmIK6Ij7kuyAb3Lv4"
2766rel="nofollow"
2767target="_blank" data-tilda-event-name="/tilda/click/rec483310496/button1784190445713000001"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Написать нам в Max</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__4833104961698135341164' data-elem-id='1698135341164' data-elem-type='button' data-field-top-value="221" data-field-left-value="749" data-field-height-value="69" data-field-width-value="258" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="302" data-field-left-res-320-value="31" data-field-top-res-480-value="307" data-field-left-res-480-value="111" data-field-top-res-640-value="313" data-field-left-res-640-value="191" data-field-top-res-960-value="208" data-field-left-res-960-value="629"> <a class='tn-atom js-click-zero-stat'
2768href="mailto:[email protected]"
2769rel="nofollow"
2770target="_blank" data-tilda-event-name="/tilda/click/rec483310496/button1698135341164"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">
2770Написать нам на почту</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> 
2770<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('483310496');});});</script>
2770 <!-- /T396 --> </div> <div id="rec540184194" class="r t-rec t-rec_pt-res-480_0 t-rec_pb_15 t-rec_pb-res-480_0" style="padding-bottom:15px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec540184194 .t396__artboard{height:70px;background-color:#ffffff;}#rec540184194 .t396__filter{height:70px;}#rec540184194 .t396__carrier{height:70px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec540184194 .t396__artboard,#rec540184194 .t396__filter,#rec540184194 .t396__carrier{}#rec540184194 .t396__filter{}#rec540184194 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec540184194 .t396__artboard,#rec540184194 .t396__filter,#rec540184194 .t396__carrier{}#rec540184194 .t396__filter{}#rec540184194 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec540184194 .t396__artboard,#rec540184194 .t396__filter,#rec540184194 .t396__carrier{height:50px;}#rec540184194 .t396__filter{}#rec540184194 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec540184194 .t396__artboard,#rec540184194 .t396__filter,#rec540184194 .t396__carrier{height:40px;}#rec540184194 .t396__filter{}#rec540184194 .t396__carrier{background-attachment:scroll;}}#rec540184194 .tn-elem[data-elem-id="1661715399726"]{color:#000000;text-align:center;z-index:2;top:4px;left:calc(50% - 600px + 229px);width:742px;height:auto;}#rec540184194 .tn-elem[data-elem-id="1661715399726"] .tn-atom{color:#000000;font-size:40px;font-family:'SFProDisplay',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec540184194 .tn-elem[data-elem-id="1661715399726"]{top:4px;left:calc(50% - 480px + 109px);height:auto;}}@media screen and (max-width:959px){#rec540184194 .tn-elem[data-elem-id="1661715399726"]{top:8px;left:calc(50% - 320px + 10px);width:620px;height:auto;}#rec540184194 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:35px;background-size:cover;}}@media screen and (max-width:639px){#rec540184194 .tn-elem[data-elem-id="1661715399726"]{top:6px;left:calc(50% - 240px + 10px);width:460px;height:auto;}#rec540184194 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:25px;background-size:cover;}}@media screen and (max-width:479px){#rec540184194 .tn-elem[data-elem-id="1661715399726"]{top:3px;left:calc(50% - 160px + 40px);width:241px;height:auto;}#rec540184194 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:22px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="540184194" data-artboard-screens="320,480,640,960,1200" data-artboard-height="70" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="40" data-artboard-height-res-480="50"> <div class="t396__carrier" data-artboard-recid="540184194"></div> <div class="t396__filter" data-artboard-recid="540184194"></div> <div class='t396__elem tn-elem tn-elem__5401841941661715399726' data-elem-id='1661715399726' data-elem-type='text' data-field-top-value="4" data-field-left-value="229" data-field-width-value="742" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="40" data-field-top-res-320-value="3" data-field-left-res-320-value="40" data-field-width-res-320-value="241" data-field-fontsize-res-320-value="22" data-field-top-res-480-value="6" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="25" data-field-top-res-640-value="8" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-fontsize-res-640-value="35" data-field-top-res-960-value="4" data-field-left-res-960-value="109"> <h3 class='tn-atom'field='tn_text_1661715399726'>О нас пишут</h3> </div> </div> </div> 
2770<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('540184194');});});</script>
2770 <!-- /T396 --> </div> <div id="rec2036696211" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-animationappear="off" data-record-type="853"> <!-- t853 --> <!-- SV402 --> <div class="t853"> <ul
2771class="t853__container t-container_flex t-card__container
2772t853__container_mobile-grid "
2773role="list" data-blocks-per-row="2"> <li
2774class="t853__col t-col t-col_6 t-align_left t-item
2775t853__col_mobile-grid "> <div
2776class="t-card__col
2777"> <div class="t853__content"> <div
2778class="t853__imgwrapper
2779t853__imgwrapper_mobile-nopadding "
2780style="padding-bottom:13.392857142857%;"
2781imgfield="li_img__7899642174200"> <img
2782class="t853__img
2783t-img js-product-img"
2784src="https://thb.tildacdn.com/tild3564-6639-4366-b832-616338306133/-/empty/image.png" data-original="https://static.tildacdn.com/tild3564-6639-4366-b832-616338306133/image.png"
2785alt="РБК Бизнес-среда"> </div> <div class="t853__textwrapper"> <style>#rec2036696211 .t-card__descr{font-size:18px;}</style> <div class="t-card__descr t-descr t-descr_sm" field="li_descr__7899642174200"> <div style="font-size: 16px;" data-customstyle="yes"><em>"Рассказываем, как создать магазин в телеграм быстро и просто на бесплатном конструкторе WebBot."</em></div> </div> </div> </div> <div class="t-card__btntext-wrapper"> <a
2786class="t-btntext t-btntext_type_button t-btntext_xs t-card__btn-text t-card__link"
2787href="https://ekb.plus.rbc.ru/partners/63a1453f7a8aa900f77fc0fe"
2788target="_blank" rel="nofollow" id="cardbtn1_2036696211" data-lid="7899642174200"><span class="t-btntext__text">Ссылка на статью</span> <style>#rec2036696211 .t-btntext.t-btntext_type_button{color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></a> </div> </div> </li> <li
2789class="t853__col t-col t-col_6 t-align_left t-item
2790t853__col_mobile-grid "> <div
2791class="t-card__col
2792"> <div class="t853__content"> <div
2793class="t853__imgwrapper
2794t853__imgwrapper_mobile-nopadding "
2795style="padding-bottom:13.392857142857%;"
2796imgfield="li_img__3479642174201"> <img
2797class="t853__img
2798t-img js-product-img"
2799src="https://static.tildacdn.com/tild3862-6636-4666-b633-383932356363/logo_bo_new.svg"
2800alt="Бизнес Онлайн"> </div> <div class="t853__textwrapper"> <style>#rec2036696211 .t-card__descr{font-size:18px;}</style> <div class="t-card__descr t-descr t-descr_sm" field="li_descr__3479642174201"> <div style="font-size: 16px;" data-customstyle="yes"><em>"Мы готовы представить вашему вниманию уникальный, эффективный и в то же время простой инструмент ."</em></div> </div> </div> </div> <div class="t-card__btntext-wrapper"> <a
2801class="t-btntext t-btntext_type_button t-btntext_xs t-card__btn-text t-card__link"
2802href="https://svo.business-gazeta.ru/article/580464"
2803target="_blank" rel="nofollow" id="cardbtn2_2036696211" data-lid="3479642174201"><span class="t-btntext__text">Ссылка на статью</span> <style>#rec2036696211 .t-btntext.t-btntext_type_button{color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></a> </div> </div> </li> </ul> </div> 
2803<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t853_init',function()
2804{t853_init('2036696211');});});</script>
2804 </div> <div id="rec525708929" class="r t-rec t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-bottom:0px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec525708929 .t396__artboard{height:70px;background-color:#ffffff;}#rec525708929 .t396__filter{height:70px;}#rec525708929 .t396__carrier{height:70px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec525708929 .t396__artboard,#rec525708929 .t396__filter,#rec525708929 .t396__carrier{}#rec525708929 .t396__filter{}#rec525708929 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec525708929 .t396__artboard,#rec525708929 .t396__filter,#rec525708929 .t396__carrier{}#rec525708929 .t396__filter{}#rec525708929 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec525708929 .t396__artboard,#rec525708929 .t396__filter,#rec525708929 .t396__carrier{height:50px;}#rec525708929 .t396__filter{}#rec525708929 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec525708929 .t396__artboard,#rec525708929 .t396__filter,#rec525708929 .t396__carrier{height:40px;}#rec525708929 .t396__filter{}#rec525708929 .t396__carrier{background-attachment:scroll;}}#rec525708929 .tn-elem[data-elem-id="1661715399726"]{color:#000000;text-align:center;z-index:2;top:4px;left:calc(50% - 600px + 229px);width:742px;height:auto;}#rec525708929 .tn-elem[data-elem-id="1661715399726"] .tn-atom{color:#000000;font-size:40px;font-family:'SFProDisplay',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec525708929 .tn-elem[data-elem-id="1661715399726"]{top:4px;left:calc(50% - 480px + 109px);height:auto;}}@media screen and (max-width:959px){#rec525708929 .tn-elem[data-elem-id="1661715399726"]{top:8px;left:calc(50% - 320px + 10px);width:620px;height:auto;}#rec525708929 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:35px;background-size:cover;}}@media screen and (max-width:639px){#rec525708929 .tn-elem[data-elem-id="1661715399726"]{top:6px;left:calc(50% - 240px + 10px);width:460px;height:auto;}#rec525708929 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:25px;background-size:cover;}}@media screen and (max-width:479px){#rec525708929 .tn-elem[data-elem-id="1661715399726"]{top:3px;left:calc(50% - 160px + 40px);width:241px;height:auto;}#rec525708929 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:22px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="525708929" data-artboard-screens="320,480,640,960,1200" data-artboard-height="70" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="40" data-artboard-height-res-480="50"> <div class="t396__carrier" data-artboard-recid="525708929"></div> <div class="t396__filter" data-artboard-recid="525708929"></div> <div class='t396__elem tn-elem tn-elem__5257089291661715399726' data-elem-id='1661715399726' data-elem-type='text' data-field-top-value="4" data-field-left-value="229" data-field-width-value="742" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="40" data-field-top-res-320-value="3" data-field-left-res-320-value="40" data-field-width-res-320-value="241" data-field-fontsize-res-320-value="22" data-field-top-res-480-value="6" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="25" data-field-top-res-640-value="8" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-fontsize-res-640-value="35" data-field-top-res-960-value="4" data-field-left-res-960-value="109"> <h3 class='tn-atom'field='tn_text_1661715399726'>Наш блог</h3> </div> </div> </div> 
2804<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('525708929');});});</script>
2804 <!-- /T396 --> </div> <div id="rec697006198" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-animationappear="off" data-record-type="959"> <!-- T959 --> <div class="t959"> <div
2805class="t959__container t-card__container t-container "
2806style="padding: 0px 10px 0px 10px;" data-ratio="4_3"> <div class="t959__card t959__card_25 t959__col "> <div class="t959__card-inner t-card__col t-card__col_withoutbtn t959__card-inner_4-3" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3762-6137-4639-b838-666566396134/1.png"> <meta itemprop="caption" content="Создание бота"> <div class="t959__card-image t-bgimg t959__card-image_zoom t959__animation_slow"
2807bgimgfield="li_img__1607676441056" data-original="https://static.tildacdn.com/tild3762-6137-4639-b838-666566396134/1.png"
2808style="background-image: url('https://thb.tildacdn.com/tild3762-6137-4639-b838-666566396134/-/resizeb/20x/1.png');"
2809role="img"
2810aria-label="Создание бота"> </div> <div class="t959__card-overlay t959__animation_slow"
2811style="background: linear-gradient(to bottom, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> </div> <div class="t959__card-content t959__animation_slow"> <div class="t-card__title t-name t-name_lg " field="li_title__1607676441056"> <a
2812href="/blog/magazin-v-telegram"
2813class="t-card__link"
2814id="cardtitle1_697006198"
2815rel="nofollow" target="_blank">
2816Как собрать магазин на webbot.shop
2817</a> </div> <div class="t-card__descr t-text t-text_sm " field="li_descr__1607676441056"> <em>На разработку уйдет ~10 минут⏳</em><br />Сегодня мы узнаем как можно сделать mini apps в Telegram.
2818</div> <svg class="t959__card-arrow "
2819role="presentation"
2820width="20"
2821height="30"
2822viewBox="0 0 14 24"
2823fill="none"
2824xmlns="http://www.w3.org/2000/svg"> <path d="M1 0.994385L12 11.9944L1 22.9944" stroke="white" stroke-width="2"/> </svg> </div> </a> </div> </div> <div class="t959__card t959__card_25 t959__col "> <div class="t959__card-inner t-card__col t-card__col_withoutbtn t959__card-inner_4-3" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6237-6135-4632-b064-626534363831/_14-10-2023_165157.jpg"> <div class="t959__card-image t-bgimg t959__card-image_zoom t959__animation_slow"
2825bgimgfield="li_img__1697293053547" data-original="https://static.tildacdn.com/tild6237-6135-4632-b064-626534363831/_14-10-2023_165157.jpg"
2826style="background-image: url('https://thb.tildacdn.com/tild6237-6135-4632-b064-626534363831/-/resizeb/20x/_14-10-2023_165157.jpg');"
2827role="img"> </div> <div class="t959__card-overlay t959__animation_slow"
2828style="background: linear-gradient(to bottom, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> </div> <div class="t959__card-content t959__animation_slow"> <div class="t-card__title t-name t-name_lg " field="li_title__1697293053547"> <a
2829href="/blog/kak-pravilno-oformit-bota-v-telegram"
2830class="t-card__link"
2831id="cardtitle2_697006198"
2832rel="nofollow" target="_blank"> <p style="text-align: left;">Оформление бота в тг</p> </a> </div> <div class="t-card__descr t-text t-text_sm " field="li_descr__1697293053547"> <div style="font-size: 14px;" data-customstyle="yes">Красивый дизайн может помочь бренду или компании выделиться среди конкурентов.</div> </div> <svg class="t959__card-arrow "
2833role="presentation"
2834width="20"
2835height="30"
2836viewBox="0 0 14 24"
2837fill="none"
2838xmlns="http://www.w3.org/2000/svg"> <path d="M1 0.994385L12 11.9944L1 22.9944" stroke="white" stroke-width="2"/> </svg> </div> </a> </div> </div> <div class="t959__card t959__card_25 t959__col "> <div class="t959__card-inner t-card__col t-card__col_withoutbtn t959__card-inner_4-3" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3461-3435-4665-b639-383835343237/_25-01-2024_214523.jpg"> <div class="t959__card-image t-bgimg t959__card-image_zoom t959__animation_slow"
2839bgimgfield="li_img__1706208110513" data-original="https://static.tildacdn.com/tild3461-3435-4665-b639-383835343237/_25-01-2024_214523.jpg"
2840style="background-image: url('https://thb.tildacdn.com/tild3461-3435-4665-b639-383835343237/-/resizeb/20x/_25-01-2024_214523.jpg');"
2841role="img"> </div> <div class="t959__card-overlay t959__animation_slow"
2842style="background: linear-gradient(to bottom, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> </div> <div class="t959__card-content t959__animation_slow"> <div class="t-card__title t-name t-name_lg " field="li_title__1706208110513"> <a
2843href="/baza-znanij/kak-dobavit-bota-v-gruppu"
2844class="t-card__link"
2845id="cardtitle3_697006198"
2846rel="nofollow" target="_blank"> <p style="text-align: left;">Как добавить магазин в канал</p> </a> </div> <div class="t-card__descr t-text t-text_sm " field="li_descr__1706208110513"> <div style="font-size: 14px;" data-customstyle="yes"><p style="text-align: left;">Для того чтобы добавить в канал необходимо:</p><p style="text-align: left;">1) Сделать app в @botfather</p><p style="text-align: left;">2) Добавить кнопку в канал с ссылкой на app</p></div> </div> <svg class="t959__card-arrow "
2847role="presentation"
2848width="20"
2849height="30"
2850viewBox="0 0 14 24"
2851fill="none"
2852xmlns="http://www.w3.org/2000/svg"> <path d="M1 0.994385L12 11.9944L1 22.9944" stroke="white" stroke-width="2"/> </svg> </div> </a> </div> </div> <div class="t959__card t959__card_25 t959__col "> <div class="t959__card-inner t-card__col t-card__col_withoutbtn t959__card-inner_4-3" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3639-3464-4732-b764-656634383761/sa2-17.jpg"> <meta itemprop="caption" content="Как создать канал"> <div class="t959__card-image t-bgimg t959__card-image_zoom t959__animation_slow"
2853bgimgfield="li_img__1694633372868" data-original="https://static.tildacdn.com/tild3639-3464-4732-b764-656634383761/sa2-17.jpg"
2854style="background-image: url('https://thb.tildacdn.com/tild3639-3464-4732-b764-656634383761/-/resizeb/20x/sa2-17.jpg');"
2855role="img"
2856aria-label="Как создать канал"> </div> <div class="t959__card-overlay t959__animation_slow"
2857style="background: linear-gradient(to bottom, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> </div> <div class="t959__card-content t959__animation_slow"> <div class="t-card__title t-name t-name_lg " field="li_title__1694633372868"> <a
2858href="/blog/kak-sozdat-kanal-v-telegram"
2859class="t-card__link"
2860id="cardtitle4_697006198"
2861rel="nofollow" target="_blank">
2862Как создать канал в Телеграм?
2863</a> </div> <div class="t-card__descr t-text t-text_sm " field="li_descr__1694633372868">
2864Боты можно с легкостью подключить в ваш канал. Пользователи смогут прямо в канале ознакомиться с вашими товарами и оформить заказ.
2865</div> <svg class="t959__card-arrow "
2866role="presentation"
2867width="20"
2868height="30"
2869viewBox="0 0 14 24"
2870fill="none"
2871xmlns="http://www.w3.org/2000/svg"> <path d="M1 0.994385L12 11.9944L1 22.9944" stroke="white" stroke-width="2"/> </svg> </div> </a> </div> </div> </div> </div> <style>#rec697006198 .t959__container{row-gap:20px;}#rec697006198 .t-card__title{font-size:18px;}#rec697006198 .t-card__descr{font-size:14px;}</style> 
2871<script>t_onReady(function() {t_onFuncLoad('t959__init',function() {t959__init('697006198');});});</script>
2871 <style>#rec697006198 .t959__card-inner{border-radius:10px;}</style> </div> <div id="rec626174371" class="r t-rec t-rec_pt-res-480_0 t-rec_pb_15 t-rec_pb-res-480_0" style="padding-bottom:15px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec626174371 .t396__artboard{height:70px;background-color:#ffffff;}#rec626174371 .t396__filter{height:70px;}#rec626174371 .t396__carrier{height:70px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec626174371 .t396__artboard,#rec626174371 .t396__filter,#rec626174371 .t396__carrier{}#rec626174371 .t396__filter{}#rec626174371 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec626174371 .t396__artboard,#rec626174371 .t396__filter,#rec626174371 .t396__carrier{}#rec626174371 .t396__filter{}#rec626174371 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec626174371 .t396__artboard,#rec626174371 .t396__filter,#rec626174371 .t396__carrier{height:50px;}#rec626174371 .t396__filter{}#rec626174371 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec626174371 .t396__artboard,#rec626174371 .t396__filter,#rec626174371 .t396__carrier{height:40px;}#rec626174371 .t396__filter{}#rec626174371 .t396__carrier{background-attachment:scroll;}}#rec626174371 .tn-elem[data-elem-id="1661715399726"]{color:#000000;text-align:center;z-index:2;top:4px;left:calc(50% - 600px + 229px);width:742px;height:auto;}#rec626174371 .tn-elem[data-elem-id="1661715399726"] .tn-atom{color:#000000;font-size:40px;font-family:'SFProDisplay',Arial,sans-serif;line-height:1.55;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec626174371 .tn-elem[data-elem-id="1661715399726"]{top:4px;left:calc(50% - 480px + 109px);height:auto;}}@media screen and (max-width:959px){#rec626174371 .tn-elem[data-elem-id="1661715399726"]{top:8px;left:calc(50% - 320px + 10px);width:620px;height:auto;}#rec626174371 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:35px;background-size:cover;}}@media screen and (max-width:639px){#rec626174371 .tn-elem[data-elem-id="1661715399726"]{top:6px;left:calc(50% - 240px + 10px);width:460px;height:auto;}#rec626174371 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:25px;background-size:cover;}}@media screen and (max-width:479px){#rec626174371 .tn-elem[data-elem-id="1661715399726"]{top:3px;left:calc(50% - 160px + 40px);width:241px;height:auto;}#rec626174371 .tn-elem[data-elem-id="1661715399726"] .tn-atom{font-size:22px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="626174371" data-artboard-screens="320,480,640,960,1200" data-artboard-height="70" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="40" data-artboard-height-res-480="50"> <div class="t396__carrier" data-artboard-recid="626174371"></div> <div class="t396__filter" data-artboard-recid="626174371"></div> <div class='t396__elem tn-elem tn-elem__6261743711661715399726' data-elem-id='1661715399726' data-elem-type='text' data-field-top-value="4" data-field-left-value="229" data-field-width-value="742" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="40" data-field-top-res-320-value="3" data-field-left-res-320-value="40" data-field-width-res-320-value="241" data-field-fontsize-res-320-value="22" data-field-top-res-480-value="6" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="25" data-field-top-res-640-value="8" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-fontsize-res-640-value="35" data-field-top-res-960-value="4" data-field-left-res-960-value="109"> <h3 class='tn-atom'field='tn_text_1661715399726'>Наши партнеры</h3> </div> </div> </div> 
2871<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('626174371');});});</script>
2871 <!-- /T396 --> </div> <div id="rec626176032" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px; " data-animationappear="off" data-record-type="1057"> <!-- t1057 --> <div class="t1057"> <ul role="list" class="t1057__container t-container t-align_center"> <li class="t1057__col t-col t-col_6 t-list__item t-align_center"> <img class="t1057__img t-img"
2872src="https://thb.tildacdn.com/tild6434-3236-4561-b835-356130373666/-/empty/logo_3.png" data-original="https://static.tildacdn.com/tild6434-3236-4561-b835-356130373666/logo_3.png"
2873imgfield="li_img__1481528188995"
2874alt="Telega.in"> <div class="t1057__title t-name t-name_lg t-margin_auto" field="li_title__1481528188995">Telega.in </div> <div class="t1057__descr t-text t-text_sm t-margin_auto" field="li_descr__1481528188995">Нативные размещения в Телеграм.</div> </li> <li class="t1057__col t-col t-col_6 t-list__item t-align_center"> <img class="t1057__img t-img"
2875src="https://thb.tildacdn.com/tild3562-6532-4164-a366-323064353436/-/empty/logo9c73e84.png" data-original="https://static.tildacdn.com/tild3562-6532-4164-a366-323064353436/logo9c73e84.png"
2876imgfield="li_img__1481528175762"
2877alt="sms победа"> <div class="t1057__title t-name t-name_lg t-margin_auto" field="li_title__1481528175762">SMS Победа</div> <div class="t1057__descr t-text t-text_sm t-margin_auto" field="li_descr__1481528175762">Telegram-рассылки по своей или таргетированной базе.</div> </li> </ul> </div> </div> <div id="rec627166965" class="r t-rec t-rec_pb_0" style="padding-bottom:0px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec627166965 .t396__artboard{height:110px;background-color:#ffffff;}#rec627166965 .t396__filter{height:110px;}#rec627166965 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec627166965 .t396__artboard,#rec627166965 .t396__filter,#rec627166965 .t396__carrier{}#rec627166965 .t396__filter{}#rec627166965 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec627166965 .t396__artboard,#rec627166965 .t396__filter,#rec627166965 .t396__carrier{}#rec627166965 .t396__filter{}#rec627166965 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec627166965 .t396__artboard,#rec627166965 .t396__filter,#rec627166965 .t396__carrier{}#rec627166965 .t396__filter{}#rec627166965 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec627166965 .t396__artboard,#rec627166965 .t396__filter,#rec627166965 .t396__carrier{}#rec627166965 .t396__filter{}#rec627166965 .t396__carrier{background-attachment:scroll;}}#rec627166965 .tn-elem[data-elem-id="1661609235885"]{color:#ffffff;text-align:center;z-index:3;top:21px;left:calc(50% - 600px + 458px);width:285px;height:69px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom{color:#ffffff;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:16px 16px 16px 16px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#27a7e7;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#2491c8;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom::after{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::before{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover::after{opacity:0;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media screen and (max-width:1199px){#rec627166965 .tn-elem[data-elem-id="1661609235885"]{display:block;top:21px;left:calc(50% - 480px + 338px);width:285px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom::after{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::before{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover::after{opacity:0;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec627166965 .tn-elem[data-elem-id="1661609235885"]{display:block;top:21px;left:calc(50% - 320px + 178px);width:px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom::after{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::before{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover::after{opacity:0;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec627166965 .tn-elem[data-elem-id="1661609235885"]{display:block;top:21px;left:calc(50% - 240px + 98px);width:px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom::after{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::before{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover::after{opacity:0;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:479px){#rec627166965 .tn-elem[data-elem-id="1661609235885"]{display:block;top:21px;left:calc(50% - 160px + 10px);width:300px;height:69px;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom{white-space:normal;font-size:17px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom::after{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::before{display:none;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover::after{opacity:0;}#rec627166965 .tn-elem[data-elem-id="1661609235885"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="627166965" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="627166965"></div> <div class="t396__filter" data-artboard-recid="627166965"></div> <div class='t396__elem tn-elem tn-elem__6271669651661609235885' data-elem-id='1661609235885' data-elem-type='button' data-field-top-value="21" data-field-left-value="458" data-field-height-value="69" data-field-width-value="285" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="21" data-field-left-res-320-value="10" data-field-height-res-320-value="69" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="17" data-field-top-res-480-value="21" data-field-left-res-480-value="98" data-field-top-res-640-value="21" data-field-left-res-640-value="178" data-field-top-res-960-value="21" data-field-left-res-960-value="338" data-field-width-res-960-value="285"> <a class='tn-atom js-click-zero-stat'
2878href="https://admin.webbot.shop/marketing"
2879rel="nofollow"
2880target="_blank" data-tilda-event-name="/tilda/click/rec627166965/button1661609235885"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Получить клиентов</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> 
2880<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('627166965');});});</script>
2880 <!-- /T396 --> </div> <div id="rec1789384791" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-record-type="1066"> <!-- t1066 --> <div class="t1066"> <div class="t1066__container t-container"> <div class="t1066__flex-wrapper"> <div class="t1066__box-img-mobile t-col"> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-margin_auto t-img"
2881src="https://thb.tildacdn.com/tild3938-3162-4437-b935-386137363832/-/empty/Group_21_2_1.png" data-original="https://static.tildacdn.com/tild3938-3162-4437-b935-386137363832/Group_21_2_1.png"
2882imgfiled="img5"
2883alt="конструктор магазина в телеграм"> </div> </div> </div> <div class="t1066__box-text t-col t-col_flex t-valign_middle t-col_8 "> <div class="t1066__tablewrapper"> <ul role="list" class="t1066__list t1066__cell t-cell"> <li class="t1066__item t-item"> <div class="t1066__textwrapper t-cell t-valign_top"> <h3 class="t1066__heading t-heading t-heading_sm " field="li_title__1988460562590">Полноценный интернет-магазин в Телеграм без лишних затрат</h3> <div class="t1066__descr t-descr t-descr_xs " field="li_descr__1988460562590">С помощью WebBot вы можете сделать магазин в Telegram, используя готовые шаблоны, Mini App и автоматизацию. Каталог товаров, корзина, оформление заказа, платежи и уведомления уже встроены. Бот магазина в Телеграм создаётся за несколько шагов через понятный интерфейс. Именно поэтому так важно задуматься и сделать магазин в Телеграм.<br />Откройте свой магазин в телеграмме за считанные минуты - без кода и с полной поддержкой онлайн‑оплаты.</div> </div> </li> <li class="t1066__item t-item"> <div class="t1066__textwrapper t-cell t-valign_top"> <h3 class="t1066__heading t-heading t-heading_sm " field="li_title__8988460562591">Управление, автоматизация и рост продаж</h3> <div class="t1066__descr t-descr t-descr_xs " field="li_descr__8988460562591">Конструктор поддерживает API, импорт товаров, работу с .xls, CRM-интеграции и рассылки. Заказы обрабатываются автоматически, а данные клиентов сохраняются в базе. Такой телеграм бот интернет-магазина помогает масштабировать продажи и повышать конверсию.<br />Запустите telegram магазин с интеграциями CRM, доставкой и аналитикой, чтобы масштабировать бизнес быстро.</div> </div> </li> </ul> </div> </div> <div class="t1066__box-img t-col t-col_flex t-valign_middle t-col_4 "> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-img"
2884src="https://thb.tildacdn.com/tild3938-3162-4437-b935-386137363832/-/empty/Group_21_2_1.png" data-original="https://static.tildacdn.com/tild3938-3162-4437-b935-386137363832/Group_21_2_1.png"
2885imgfield="img5"
2886alt="конструктор магазина в телеграм"> </div> </div> </div> </div> </div> </div> </div> <div id="rec1791891181" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px; " data-animationappear="off" data-record-type="191"> <!-- T142 --> <div class="t142"> <a
2887class="t-btn t-btnflex t-btnflex_type_button t-btnflex_lg"
2888href="https://admin.webbot.shop/register"
2889target="_blank" rel="nofollow"><span class="t-btnflex__text">Создать магазин бесплатно</span> <style>#rec1791891181 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#27a7e7;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;font-family:SFProDisplay;font-weight:300;white-space:normal;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec1791891181 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{background-color:#2491c8 !important;}#rec1791891181 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{background-color:#2491c8 !important;}}</style></a> </div> </div> <div id="rec3983453201" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="1066"> <!-- t1066 --> <div class="t1066"> <div class="t1066__container t-container"> <div class="t1066__flex-wrapper"> <div class="t1066__box-img-mobile t-col"> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-margin_auto t-img"
2890src="https://thb.tildacdn.com/tild3863-3166-4736-b164-623236643532/-/empty/80f856ee8f044133a962.png" data-original="https://static.tildacdn.com/tild3863-3166-4736-b164-623236643532/80f856ee8f044133a962.png"
2891imgfiled="img5"
2892alt="магазин и чат-бот"> </div> </div> </div> <div class="t1066__box-img t-col t-col_flex t-valign_middle t-col_4 "> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-img"
2893src="https://thb.tildacdn.com/tild3863-3166-4736-b164-623236643532/-/empty/80f856ee8f044133a962.png" data-original="https://static.tildacdn.com/tild3863-3166-4736-b164-623236643532/80f856ee8f044133a962.png"
2894imgfield="img5"
2895alt="магазин и чат-бот"> </div> </div> </div> <div class="t1066__box-text t-col t-col_flex t-valign_middle t-col_8 "> <div class="t1066__tablewrapper"> <ul role="list" class="t1066__list t1066__cell t-cell"> <li class="t1066__item t-item"> <div class="t1066__textwrapper t-cell t-valign_top"> <div class="t1066__heading t-heading t-heading_sm " field="li_title__3598460562590">Как магазин и бот в Telegram работают в одном решении?</div>
2895 <div class="t1066__descr t-descr t-descr_xs " field="li_descr__3598460562590">Используя WebBot, вы можете создать полноценный магазин в формате mini app, который работает как современный chat бот и telegram bot одновременно. Такой формат позволяет управлять ботом, быстро запускать продажи и масштабировать проект без разработки с нуля. Платформа подходит для создания бота с каталогом товаров, корзиной и удобным оформлением заказа, включая варианты доставки и отображение цен. Через @botfather вы получаете токен, подключаете api и настраиваете функционал бота под задачи бизнеса - от продаж в канале до автоматических рассылок. Решение подходит для работы с магазином и ботом, помогает запускать новые проекты быстрее и эффективнее, а управление ботом остаётся простым даже без технических знаний.<br />Переведите продажи в мессенджер: готовый магазин в тг с автоматизацией заказов и уведомлений.</div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="rec3983536101" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="1066"> <!-- t1066 --> <div class="t1066"> <div class="t1066__container t-container"> <div class="t1066__flex-wrapper"> <div class="t1066__box-img-mobile t-col"> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-margin_auto t-img"
2896src="https://thb.tildacdn.com/tild3832-6264-4663-a532-626630383166/-/empty/43be1952964d350dc7c5.png" data-original="https://static.tildacdn.com/tild3832-6264-4663-a532-626630383166/43be1952964d350dc7c5.png"
2897imgfiled="img5"
2898alt="Магазин в Телеграм и Макс"> </div> </div> </div> <div class="t1066__box-text t-col t-col_flex t-valign_middle t-col_8 "> <div class="t1066__tablewrapper"> <ul role="list" class="t1066__list t1066__cell t-cell"> <li class="t1066__item t-item"> <div class="t1066__textwrapper t-cell t-valign_top"> <div class="t1066__heading t-heading t-heading_sm " field="li_title__7539834532010">Работайте с клиентами по всему миру</div> <div class="t1066__descr t-descr t-descr_xs " field="li_descr__7539834532010">Создание магазина занимает буквально несколько минут и после этого вы сможете работать и принимать заказы от клиентов со всего мира, не зависимо от того где они находятся. Такой телеграм магазин невероятно удобен и позволяет масштабировать ваш бизнес без ограничений, клиенту смогут делать покупки прямо внутри вашего магазина, создать который вы сможете очень легко и просто. Создав такой магазин вы можете быть на 100% уверенны, что не потеряете ни одного покупателя.<br />Используйте наш конструктор интернет магазина для создания адаптивной витрины и удобного оформления заказов.</div> </div> </li> </ul> </div> </div> <div class="t1066__box-img t-col t-col_flex t-valign_middle t-col_4 "> <div class="t1066__tablewrapper"> <div class="t1066__cell t-cell"> <img class="t1066__img t-img"
2899src="https://thb.tildacdn.com/tild3832-6264-4663-a532-626630383166/-/empty/43be1952964d350dc7c5.png" data-original="https://static.tildacdn.com/tild3832-6264-4663-a532-626630383166/43be1952964d350dc7c5.png"
2900imgfield="img5"
2901alt="Магазин в Телеграм и Макс"> </div> </div> </div> </div> </div> </div> </div> <div id="rec483316041" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec483316041 .t396__artboard{height:500px;background-color:#27a7e7;}#rec483316041 .t396__filter{height:500px;background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0));will-change:transform;}#rec483316041 .t396__carrier{height:500px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec483316041 .t396__artboard,#rec483316041 .t396__filter,#rec483316041 .t396__carrier{height:500px;}#rec483316041 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec483316041 .t396__carrier{background-position:center center;background-image:unset;background-attachment:scroll;}}@media screen and (max-width:959px){#rec483316041 .t396__artboard,#rec483316041 .t396__filter,#rec483316041 .t396__carrier{height:500px;}#rec483316041 .t396__filter{}#rec483316041 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec483316041 .t396__artboard,#rec483316041 .t396__filter,#rec483316041 .t396__carrier{height:450px;}#rec483316041 .t396__filter{}#rec483316041 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec483316041 .t396__artboard,#rec483316041 .t396__filter,#rec483316041 .t396__carrier{height:530px;}#rec483316041 .t396__filter{}#rec483316041 .t396__carrier{background-attachment:scroll;}}#rec483316041 .tn-elem[data-elem-id="1673095323422"]{z-index:3;top:99px;left:calc(50% - 600px + 23px);width:300px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1673095323422"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec483316041 .tn-elem[data-elem-id="1673095323422"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1673095323422"]{display:table;top:129px;left:calc(50% - 480px + 0px);width:275px;height:auto;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1673095323422"]{display:table;top:-161px;left:calc(50% - 320px + 1630px);height:auto;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1673095323422"]{display:table;left:calc(50% - 240px + 1900px);height:auto;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1673095323422"]{display:table;left:calc(50% - 160px + 1900px);height:auto;}}#rec483316041 .tn-elem[data-elem-id="1661719068013"]{z-index:3;top:442px;left:calc(50% - 600px + 82px);width:1000px;height:71px;}#rec483316041 .tn-elem[data-elem-id="1661719068013"] .tn-atom{border-radius:16px 16px 16px 16px;background-color:#ffffff;background-position:center center;--t396-borderstyle:solid;--t396-borderstyle-existed:1;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1661719068013"]{dis
2901play:table;top:442px;left:calc(50% - 480px + 0px);width:960px;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1661719068013"]{display:table;top:401px;left:calc(50% - 320px + 0px);width:640px;height:112px;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1661719068013"]{display:table;top:338px;left:calc(50% - 240px + 0px);width:480px;height:112px;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1661719068013"]{display:table;top:393px;left:calc(50% - 160px + 0px);width:320px;height:137px;}}#rec483316041 .tn-elem[data-elem-id="1661375675704"]{color:#172849;text-align:CENTER;z-index:3;top:459px;left:calc(50% - 600px + 496px);width:209px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675704"] .tn-atom{vertical-align:middle;color:#172849;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.48;font-weight:300;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1661375675704"]{display:table;top:458px;left:calc(50% - 480px + 377px);width:210px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675704"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1661375675704"]{display:table;top:470px;left:calc(50% - 320px + 70px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675704"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1661375675704"]{display:table;top:407px;left:calc(50% - 240px + 10px);width:210px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675704"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1661375675704"]{display:table;top:495px;left:calc(50% - 160px + 55px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675704"] .tn-atom{white-space:normal;background-size:cover;}}#rec483316041 .tn-elem[data-elem-id="1661375675715"]{color:#756beb;text-align:RIGHT;z-index:3;top:459px;left:calc(50% - 600px + 820px);width:226px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675715"] .tn-atom{vertical-align:middle;color:#756beb;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.48;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1661375675715"]{display:table;top:458px;left:calc(50% - 480px + 684px);width:241px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675715"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1661375675715"]{display:table;top:470px;left:calc(50% - 320px + 329px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675715"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1661375675715"]{display:table;top:407px;left:calc(50% - 240px + 229px);width:241px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675715"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1661375675715"]{display:table;top:463px;left:calc(50% - 160px + 40px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661375675715"] .tn-atom{white-space:normal;background-size:cover;}}#rec483316041 .tn-elem[data-elem-id="1670431511197"]{z-index:3;top:369px;left:calc(50% - 600px + 576px);width:48px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1670431511197"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec483316041 .tn-elem[data-elem-id="1670431511197"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1670431511197"]{display:table;top:369px;left:calc(50% - 480px + 456px);height:auto;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1670431511197"]{display:table;top:329px;left:calc(50% - 320px + 296px);height:auto;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1670431511197"]{display:table;top:279px;
2901left:calc(50% - 240px + 216px);height:auto;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1670431511197"]{display:table;top:335px;left:calc(50% - 160px + 136px);height:auto;}}#rec483316041 .tn-elem[data-elem-id="1661376619896"]{color:#ffffff;text-align:center;z-index:3;top:78px;left:calc(50% - 600px + 300px);width:600px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661376619896"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:35px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1661376619896"]{display:table;top:65px;left:calc(50% - 480px + 180px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661376619896"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1661376619896"]{display:table;top:45px;left:calc(50% - 320px + 23px);width:594px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661376619896"] .tn-atom{white-space:normal;font-size:35px;background-size:cover;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1661376619896"]{display:table;top:10px;left:calc(50% - 240px + 10px);width:460px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661376619896"] .tn-atom{white-space:normal;font-size:25px;background-size:cover;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1661376619896"]{display:table;top:14px;left:calc(50% - 160px + 8px);width:305px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1661376619896"] .tn-atom{white-space:normal;font-size:20px;background-size:cover;}}#rec483316041 .tn-elem[data-elem-id="1661376672811"]{color:#ffffff;text-align:center;z-index:3;top:286px;left:calc(50% - 600px + 450px);width:300px;height:69px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom{color:#ffffff;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:16px 16px 16px 16px;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:transparent;--t396-bgcolor-image:linear-gradient(270deg,rgba(107,52,177,1) 0%,rgba(60,173,255,1) 98%);--t396-bgcolor-hover-color:transparent;--t396-bgcolor-hover-image:linear-gradient(180deg,rgba(60,173,255,1) 0%,rgba(107,52,177,1) 100%);background-image:var(--t396-bgcolor-image,none);position:relative;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom::after{display:block;transition:opacity var(--t396-speedhover,0s) ease-in-out;background-image:var(--t396-bgcolor-hover-image,var(--t396-bgcolor-image,none));}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover::after{opacity:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover{animation-name:t-button-hover-animation;animation-duration:0s;animation-fill-mode:forwards;animation-delay:var(--t396-speedhover,0s);animation-timing-function:linear;}}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1661376672811"]{display:block;top:276px;left:calc(50% - 480px + 330px);width:px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);position:relative;z-index:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom::after{display:block;transition:opacity var(--t396-speedhover,0s) ease-in-out;background-image:var(--t396-bgcolor-hover-image,var(--t396-bgcolor-image,none));}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover::after{opacity:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover{animation-name:t-button-hover-animation;animation-duration:0s;animation-fill-mode:forwards;animation-delay:var(--t396-speedhover,0s);animation-timing-function:linear;}}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1661376672811"]{display:block;top:246px;left:calc(50% - 320px + 170px);width:px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);position:relative;z-index:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom::after{display:block;transition:opacity var(--t396-speedhover,0s) ease-in-out;background-image:var(--t396-bgcolor-hover-image,var(--t396-bgcolor-image,none));}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover::after{opacity:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover{animation-name:t-button-hover-animation;animation-duration:0s;animation-fill-mode:forwards;animation-delay:var(--t396-speedhover,0s);animation-timing-function:linear;}}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1661376672811"]{display:block;top:211px;left:calc(50% - 240px + 90px);width:px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);position:relative;z-index:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom::after{display:block;transition:opacity var(--t396-speedhover,0s) ease-in-out;background-image:var(--t396-bgcolor-hover-image,var(--t396-bgcolor-image,none));}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover::after{opacity:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover{animation-name:t-button-hover-animation;animation-duration:0s;animation-fill-mode:forwards;animation-delay:var(--t396-speedhover,0s);animation-timing-function:linear;}}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1661376672811"]{display:block;top:263px;left:calc(50% - 160px + 35px);width:250px;height:65px;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom{white-space:normal;font-size:17px;background-size:cover;background-image:var(--t396-bgcolor-image,none);position:relative;z-index:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom::after{display:block;transition:opacity var(--t396-speedhover,0s) ease-in-out;background-image:var(--t396-bgcolor-hover-image,var(--t396-bgcolor-image,none));}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::before{display:none;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover::after{opacity:1;}#rec483316041 .tn-elem[data-elem-id="1661376672811"] .tn-atom:hover{animation-name:t-button-hover-animation;animation-duration:0s;animation-fill-mode:forwards;animation-delay:var(--t396-speedhover,0s);animation-timing-function:linear;}}}#rec483316041 .tn-elem[data-elem-id="1670431458119"]{z-index:3;top:369px;left:calc(50% - 600px + 516px);width:48px;height:auto;}
2901#rec483316041 .tn-elem[data-elem-id="1670431458119"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec483316041 .tn-elem[data-elem-id="1670431458119"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1670431458119"]{display:table;top:369px;left:calc(50% - 480px + 396px);height:auto;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1670431458119"]{display:table;top:329px;left:calc(50% - 320px + 236px);height:auto;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1670431458119"]{display:table;top:279px;left:calc(50% - 240px + 156px);height:auto;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1670431458119"]{display:table;top:335px;left:calc(50% - 160px + 76px);height:auto;}}#rec483316041 .tn-elem[data-elem-id="1691049821053"]{z-index:3;top:457px;left:calc(50% - 600px + 120px);width:200px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1691049821053"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec483316041 .tn-elem[data-elem-id="1691049821053"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1691049821053"]{display:table;top:447px;left:calc(50% - 480px + 120px);height:auto;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1691049821053"]{display:table;top:419px;left:calc(50% - 320px + 220px);height:auto;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1691049821053"]{display:table;top:357px;left:calc(50% - 240px + 140px);width:200px;height:auto;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1691049821053"]{display:table;top:419px;left:calc(50% - 160px + 60px);height:auto;}}#rec483316041 .tn-elem[data-elem-id="1697287734764"]{z-index:3;top:375px;left:calc(50% - 600px + 636px);width:50px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1697287734764"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec483316041 .tn-elem[data-elem-id="1697287734764"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1697287734764"]{display:table;left:calc(50% - 480px + 516px);height:auto;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1697287734764"]{display:table;top:329px;left:calc(50% - 320px + 356px);height:auto;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1697287734764"]{display:table;top:279px;left:calc(50% - 240px + 276px);height:auto;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1697287734764"]{display:table;top:340px;left:calc(50% - 160px + 196px);width:50px;height:auto;}}#rec483316041 .tn-elem[data-elem-id="1768464358993"]{color:#ffffff;text-align:center;z-index:3;top:149px;left:calc(50% - 600px + 300px);width:600px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1768464358993"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec483316041 .tn-elem[data-elem-id="1768464358993"]{display:table;top:128px;left:calc(50% - 480px + 180px);width:600px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1768464358993"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec483316041 .tn-elem[data-elem-id="1768464358993"]{display:table;top:126px;left:calc(50% - 320px + 20px);width:px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1768464358993"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec483316041 .tn-elem[data-elem-id="1768464358993"]{display:table;top:56px;left:calc(50% - 240px + 10px);width:460px;height:auto;}#rec483316041 .tn-elem[data-elem-id="1768464358993"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec483316041 .tn-elem[data-elem-id="1768464358993"]{display:table;top:56px;left:calc(50% - 160px + 5px);width:310px;height:auto;text-align:center;}#rec483316041 .tn-elem[data-elem-id="1768464358993"] .tn-atom{white-space:normal;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="483316041" data-artboard-screens="320,480,640,960,1200" data-artboard-height="500" data-artboard-valign="stretch" data-artboard-upscale="grid" data-artboard-height-res-320="530" data-artboard-height-res-480="450" data-artboard-height-res-640="500" data-artboard-height-res-960="500" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="483316041"></div> <div class="t396__filter" data-artboard-recid="483316041"></div> <div class='t396__elem tn-elem tn-elem__4833160411673095323422' data-elem-id='1673095323422' data-elem-type='image' data-field-top-value="99" data-field-left-value="23" data-field-height-value="346" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="1039" data-field-fileheight-value="1200" data-field-heightmode-value="hug" data-field-height-res-320-value="318" data-field-left-res-480-value="1900" data-field-height-res-480-value="318" data-field-top-res-640-value="-161" data-field-left-res-640-value="1630" data-field-height-res-640-value="318" data-field-top-res-960-value="129" data-field-left-res-960-value="0" data-field-height-res-960-value="318" data-field-width-res-960-value="275"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3135-3366-4662-b335-383464663138/businessman_in_dark_.png'
2902src='https://thb.tildacdn.com/tild3135-3366-4662-b335-383464663138/-/resize/20x/businessman_in_dark_.png'
2903alt='bussinesman' imgfield='tn_img_1673095323422'
2904/> </div> </div> <div class='t396__elem tn-elem tn-elem__4833160411661719068013' data-elem-id='1661719068013' data-elem-type='shape' data-field-top-value="442" data-field-left-value="82" data-field-height-value="71" data-field-width-value="1000" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="393" data-field-left-res-320-value="0" data-field-height-res-320-value="137" data-field-width-res-320-value="320" data-field-top-res-480-value="338" data-field-left-res-480-value="0" data-field-height-res-480-value="112" data-field-width-res-480-value="480" data-field-container-res-480-value="grid" data-field-top-res-640-value="401" data-field-left-res-640-value="0" data-field-height-res-640-value="112" data-field-width-res-640-value="640" data-field-top-res-960-value="442" data-field-left-res-960-value="0" data-field-width-res-960-value="960"> <div class='tn-atom'> </div> </div>
2904 <div class='t396__elem tn-elem tn-elem__4833160411661375675704' data-elem-id='1661375675704' data-elem-type='text' data-field-top-value="459" data-field-left-value="496" data-field-height-value="24" data-field-width-value="209" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="495" data-field-left-res-320-value="55" data-field-top-res-480-value="407" data-field-left-res-480-value="10" data-field-height-res-480-value="24" data-field-width-res-480-value="210" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-top-res-640-value="470" data-field-left-res-640-value="70" data-field-top-res-960-value="458" data-field-left-res-960-value="377" data-field-width-res-960-value="210"> <div class='tn-atom'field='tn_text_1661375675704'>© 2026. Все права защищены</div> </div> <div class='t396__elem tn-elem tn-elem__4833160411661375675715' data-elem-id='1661375675715' data-elem-type='text' data-field-top-value="459" data-field-left-value="820" data-field-height-value="24" data-field-width-value="226" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="463" data-field-left-res-320-value="40" data-field-top-res-480-value="407" data-field-left-res-480-value="229" data-field-height-res-480-value="24" data-field-width-res-480-value="241" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-top-res-640-value="470" data-field-left-res-640-value="329" data-field-top-res-960-value="458" data-field-left-res-960-value="684" data-field-width-res-960-value="241"> <div class='tn-atom'><a style="color: inherit" href="https://admin.webbot.shop/policy.pdf"rel="nofollow"target="_blank">Политика конфиденциальности</a></div> </div> <div class='t396__elem tn-elem tn-elem__4833160411670431511197' data-elem-id='1670431511197' data-elem-type='image' data-field-top-value="369" data-field-left-value="576" data-field-height-value="48" data-field-width-value="48" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="48" data-field-fileheight-value="48" data-field-heightmode-value="hug" data-field-top-res-320-value="335" data-field-left-res-320-value="136" data-field-height-res-320-value="48" data-field-top-res-480-value="279" data-field-left-res-480-value="216" data-field-height-res-480-value="48" data-field-top-res-640-value="329" data-field-left-res-640-value="296" data-field-height-res-640-value="48" data-field-top-res-960-value="369" data-field-left-res-960-value="456" data-field-height-res-960-value="48"> <a class='tn-atom js-click-zero-stat'
2905href="https://t.me/webbotshop"
2906rel="nofollow"
2907target="_blank" data-tilda-event-name="/tilda/click/rec483316041/button1670431511197"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3163-6333-4636-b735-656134643235/icons8--app.svg'
2908src='https://static.tildacdn.com/tild3163-6333-4636-b735-656134643235/icons8--app.svg'
2909alt='тг' imgfield='tn_img_1670431511197'
2910/> </a> </div> <div class='t396__elem tn-elem tn-elem__4833160411661376619896' data-elem-id='1661376619896' data-elem-type='text' data-field-top-value="78" data-field-left-value="300" data-field-height-value="54" data-field-width-value="600" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-fontsize-value="35" data-field-top-res-320-value="14" data-field-left-res-320-value="8" data-field-width-res-320-value="305" data-field-fontsize-res-320-value="20" data-field-top-res-480-value="10" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="25" data-field-top-res-640-value="45" data-field-left-res-640-value="23" data-field-width-res-640-value="594" data-field-fontsize-res-640-value="35" data-field-top-res-960-value="65" data-field-left-res-960-value="180"> <h3 class='tn-atom'field='tn_text_1661376619896'>Готов к запуску сегодня?</h3> </div> <div class='t396__elem tn-elem tn-elem__4833160411661376672811' data-elem-id='1661376672811' data-elem-type='button' data-field-top-value="286" data-field-left-value="450" data-field-height-value="69" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="263" data-field-left-res-320-value="35" data-field-height-res-320-value="65" data-field-width-res-320-value="250" data-field-fontsize-res-320-value="17" data-field-top-res-480-value="211" data-field-left-res-480-value="90" data-field-top-res-640-value="246" data-field-left-res-640-value="170" data-field-top-res-960-value="276" data-field-left-res-960-value="330"> <a class='tn-atom js-click-zero-stat'
2911href="https://admin.webbot.shop/register"
2912rel="nofollow"
2913target="_blank" data-tilda-event-name="/tilda/click/rec483316041/button1661376672811"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Создать магазин в Телеграм</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__4833160411670431458119' data-elem-id='1670431458119' data-elem-type='image' data-field-top-value="369" data-field-left-value="516" data-field-height-value="48" data-field-width-value="48" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="48" data-field-fileheight-value="48" data-field-heightmode-value="hug" data-field-top-res-320-value="335" data-field-left-res-320-value="76" data-field-height-res-320-value="48" data-field-top-res-480-value="279" data-field-left-res-480-value="156" data-field-height-res-480-value="48" data-field-top-res-640-value="329" data-field-left-res-640-value="236" data-field-height-res-640-value="48" data-field-top-res-960-value="369" data-field-left-res-960-value="396" data-field-height-res-960-value="48"> <a class='tn-atom js-click-zero-stat'
2914href="https://vk.com/webbot_shop"
2915rel="nofollow"
2916target="_blank" data-tilda-event-name="/tilda/click/rec483316041/button1670431458119"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3734-3434-4837-a630-303263383362/icons8-vk--.svg'
2917src='https://static.tildacdn.com/tild3734-3434-4837-a630-303263383362/icons8-vk--.svg'
2918alt='vk' imgfield='tn_img_1670431458119'
2919/> </a> </div> <div class='t396__elem tn-elem tn-elem__4833160411691049821053' data-elem-id='1691049821053' data-elem-type='image' data-field-top-value="457" data-field-left-value="120" data-field-height-value="40" data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="201" data-field-fileheight-value="40" data-field-heightmode-value="hug" data-field-top-res-320-value="419" data-field-left-res-320-value="60" data-field-height-res-320-value="40" data-field-top-res-480-value="357" data-field-left-res-480-value="140" data-field-height-res-480-value="40" data-field-width-res-480-value="200" data-field-container-res-480-value="grid" data-field-top-res-640-value="419" data-field-left-res-640-value="220" data-field-height-res-640-value="40" data-field-top-res-960-value="447" data-field-height-res-960-value="40"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6233-3161-4333-b337-323138376561/Frame_25_1.png'
2920src='https://thb.tildacdn.com/tild6233-3161-4333-b337-323138376561/-/resize/20x/Frame_25_1.png'
2921alt='web bot shop' imgfield='tn_img_1691049821053'
2922/> </div> </div> <div class='t396__elem tn-elem tn-elem__4833160411697287734764' data-elem-id='1697287734764' data-elem-type='image' data-field-top-value="375" data-field-left-value="636" data-field-height-value="48" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="514" data-field-fileheight-value="490" data-field-heightmode-value="hug" data-field-top-res-320-value="340" data-field-left-res-320-value="196" data-field-height-res-320-value="48" data-field-width-res-320-value="50" data-field-top-res-480-value="279" data-field-left-res-480-value="276" data-field-height-res-480-value="48" data-field-top-res-640-value="329" data-field-left-res-640-value="356" data-field-height-res-640-value="48" data-field-left-res-960-value="516" data-field-height-res-960-value="48"> <a class='tn-atom js-click-zero-stat'
2923href="https://tenchat.ru/Vadim_sergeev"
2924rel="nofollow"
2925target="_blank" data-tilda-event-name="/tilda/click/rec483316041/button1697287734764"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3662-6336-4033-a533-656166323235/T_tenchat_red.png'
2926src='https://thb.tildacdn.com/tild3662-6336-4033-a533-656166323235/-/resize/20x/T_tenchat_red.png'
2927alt='ТенЧат' imgfield='tn_img_1697287734764'
2928/> </a> </div> <div class='t396__elem tn-elem tn-elem__4833160411768464358993' data-elem-id='1768464358993' data-elem-type='text' data-field-top-value="149" data-field-left-value="300" data-field-height-value="125" data-field-width-value="600" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-fontsize-value="16" data-field-top-res-320-value="56" data-field-left-res-320-value="5" data-field-height-res-320-value="198" data-field-width-res-320-value="310" data-field-widthmode-res-320-value="fixed" data-field-top-res-480-value="56" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-widthmode-res-480-value="fixed" data-field-top-res-640-value="126" data-field-left-res-640-value="20" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="128" data-field-left-res-960-value="180" data-field-width-res-960-value="600" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'field='tn_text_1768464358993'>Вы можете создать и запустить магазин в телеграме уже сегодня, протестировать функционал, а при необходимости - подключить расширенные тарифы.<br /><br />WebBot в Телеграм подойдёт тем, кто хочет купить готовое решение или сделать собственный вариант и начать продавать без технических сложностей.</div> </div> </div> </div> 
2928<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('483316041');});});</script>
2928 <!-- /T396 --> </div> <div id="rec496285458" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="898"> <div
2929class="t898"> <div class="t898__btn"
2930style=""> <input type="checkbox" class="t898__btn_input" id="t898__btn_input_496285458" /> <label for="t898__btn_input_496285458" class="t898__btn_label" style="background:#27a7e7;"> <svg role="presentation" class="t898__icon t898__icon-write" width="35" height="32" viewBox="0 0 35 32" xmlns="http://www.w3.org/2000/svg"> <path d="M11.2667 12.6981H23.3667M11.2667 16.4717H23.3667M4.8104 23.5777C2.4311 21.1909 1 18.1215 1 14.7736C1 7.16679 8.38723 1 17.5 1C26.6128 1 34 7.16679 34 14.7736C34 22.3804 26.6128 28.5472 17.5 28.5472C15.6278 28.5472 13.8286 28.2868 12.1511 27.8072L12 27.7925L5.03333 31V23.8219L4.8104 23.5777Z" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="none" /> </svg> <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="t898__icon t898__icon-close" viewBox="0 0 23 23"> <g fillRule="evenodd"> <path d="M10.314 -3.686H12.314V26.314H10.314z" transform="rotate(-45 11.314 11.314)" /> <path d="M10.314 -3.686H12.314V26.314H10.314z" transform="rotate(45 11.314 11.314)" /> </g> </svg> </label> <!-- new soclinks --> <a href="https://max.ru/u/f9LHodD0cOK-uLv3NlPXDEOtxUHkTHRhsw6WdatgjQvmIK6Ij7kuyAb3Lv4" class="t898__icon t898__icon-maxmessenger_wrapper t898__icon_link" target="_blank" rel="nofollow noopener noreferrer"><span class="t898__btn-text t-name t-name_xs">Max</span><div class="t898__svg__wrapper"><div class="t898__svg__bg"></div><svg class="t-sociallinks__svg" role="presentation" width=50px height=50px viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0ZM24.2314 12.5C17.8663 12.5 12.4942 17.4255 12.4941 23.9727C12.4941 26.714 13.0015 28.6059 13.4482 30.3047C13.8233 31.6836 14.1543 32.9467 14.1543 34.4414C14.3143 36.4326 17.9823 35.2685 19.1406 33.7793C20.9718 35.1031 22.0251 35.4346 24.292 35.4346C30.5586 35.4011 35.6151 30.2999 35.5938 24.0332C35.5937 17.6682 30.602 12.5 24.2314 12.5ZM24.3857 18.1592V18.165C27.5981 18.349 30.0709 21.0719 29.9453 24.2871C29.7296 27.4955 26.9854 29.9406 23.7734 29.7861C22.768 29.7055 21.8016 29.3614 20.9717 28.7881C20.4699 29.2899 19.6648 29.9402 19.3447 29.8633C18.6774 29.6868 17.8938 26.2951 18.335 23.5098C18.87 20.1452 21.2859 17.9993 24.3857 18.1592Z" fill="#4db7ff"/> </svg></div></a> <a href="https://t.me/webbot_shop" class="t898__icon t898__icon-telegram_wrapper t898__icon_link" target="_blank" rel="nofollow noopener noreferrer"><span class="t898__btn-text t-name t-name_xs">Telegram</span><div class="t898__svg__wrapper"><div class="t898__svg__bg"></div><svg class="t-sociallinks__svg" role="presentation" width=50px height=50px viewBox="0 0 100 100" fill="none"
2931xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd"
2932d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z"
2933fill="#1d98dc" /> </svg></div></a> <!-- /new soclinks --> </div> </div> <style>@media screen and (max-width:960px){#rec496285458 .t898 .t898__btn{bottom:70px !important;}#rec496285458 .t898__btn-text::after{}}</style> 
2933<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t898_init',function() {t898_init('496285458');});});</script>
2933 </div> <div id="rec534165775" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_5971135" style="left:50px;"> <div class="t886__wrapper" style="background-color:#ffffff; width:1200px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Этот сайт использует куки-файлы и другие технологии, чтобы помочь вам в навигации, а также предоставить лучший пользовательский опыт.</div> <div
2934class="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
2935type="button"><span class="t-btnflex__text">Согласен</span> <style>#rec534165775 .t-btnflex.t-btnflex_type_button{color:#000000;background-color:#ffffff;border-style:solid !important;border-color:#27a7e7 !important;--border-width:2px;border-radius:5px;box-shadow:none !important;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover){#rec534165775 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover{color:#111111 !important;border-color:#2491c8 !important;background-color:#ffffff !important;}#rec534165775 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible{color:#111111 !important;border-color:#2491c8 !important;background-color:#ffffff !important;}}</style></div> </div> </div> 
2935<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('534165775');});});</script>
2935 <style>#rec534165775 .t886__text{text-align:left;}</style> <style>#rec534165775 .t886__text{color:#000000;}</style> <style>#rec534165775 .t886__wrapper{box-shadow:0px 0px 7px rgba(0,0,0,0.3);}</style> <style>#rec534165775 .t886__wrapper{border-radius:5px;}</style> </div> <div id="rec534703859" class="r t-rec" style=" " data-animationappear="off" data-record-type="331"> <div class="t331"> <div
2936class="t-popup" data-tooltip-hook="#popup:demo" data-track-popup='/tilda/popup/rec534703859/opened' role="dialog"
2937aria-modal="true"
2938tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
2939type="button"
2940class="t-popup__close-wrapper t-popup__block-close-button"
2941aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_10"> <div class="t331__wrap-video"
2942style="height: 540px;" data-video-width="960"> <div class="t-video-lazyload t-video-no-lazyload" data-videolazy-load="false" data-blocklazy-id="534703859" data-videolazy-type="rutube" data-videolazy-id="67f061363367c2474f453477231c8d93" data-videolazy-play="true"> </div> </div> </div> </div></div> 
2942<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t331_initPopup',function() {t331_initPopup('534703859');});});</script>
2942 </div> <div id="rec646930200" class="r t-rec" style=" " data-animationappear="off" data-record-type="890"> <!-- t890 --> <div class="t890"> <button type="button"
2943class="t890__arrow
2944"
2945aria-label="Вернуться к началу страницы"
2946style="box-shadow:0px 0px 10px rgba(0,0,0,0.2);"> <svg role="presentation" width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="50" fill="#ffffff" fill-opacity="0.90" stroke="none" /> <path d="M14 28L25 18l10 10" stroke="#000000" stroke-width="1" fill="none"/> </svg> </button> </div> <style>#rec646930200 .t890{right:20px;left:unset;bottom:10px;}</style> 
2946<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t890_init',function() {t890_init('646930200','');});});</script>
2946 <style>@media screen and (min-width:981px){#rec646930200 .t890__arrow:hover svg path{stroke:#ffffff;stroke-width:1;}#rec646930200 .t890__arrow:focus-visible svg path{stroke:#ffffff;stroke-width:1;}#rec646930200 .t890__arrow:hover svg rect{fill:#1c59ff;fill-opacity:1;}#rec646930200 .t890__arrow:focus-visible svg rect{fill:#1c59ff;fill-opacity:1;}}#rec646930200 .t890__arrow{border-radius:53px;}</style> </div> <div id="rec748336025" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
2947
2948body, html{
2949    background: #ffffff;
2950}
2951@media screen and (min-width: 640px) {
2952    #rec483310496 .t-input-subtitle {
2953        height: 17px;
2954    }
2955
2956    #rec483310496 .tn-form_horiz .t-input-subtitle {
2957        margin-top: -22px;
2958    }
2959
2960    #rec483310496 .tn-form_horiz .t-form__inputsbox {
2961        display: flex;
2962        flex-wrap: wrap;
2963        justify-content: space-between;
2964        width: 100%;
2965    }
2966
2967    #rec483310496 .t-input-group.t-input-group_nm,
2968    #rec483310496 .t-input-group.t-input-group_ph,
2969    #rec483310496 .t-input-group.t-input-group_sb {
2970        width: 31% !important;
2971    }
2972
2973    #rec483310496 .t-input-group.t-input-group_sb {
2974        padding-right: 0px !important;
2975    }
2976
2977    #rec483310496 .t-input-group.t-input-group_ta {
2978        width: 50% !important;
2979    }
2980
2981    #rec483310496 .tn-form__submit {
2982        width: 47%;
2983    }
2984
2985    #rec483310496 .tn-form__submit button {
2986        width: 100% !important;
2987        border-radius: 16px !important;
2988    }
2989
2990
2991
2992
2993
2994}
2995
2996
2997
2998
2999@media screen and (max-width: 980px) {
3000    a[href="http://admin.webbot.shop/register"] {
3001        color: #fff !important;
3002        background: linear-gradient(225deg, #6B34B1 0%, #3CADFF 100%);
3003        box-shadow: 0px 4px 20px rgb(117 107 235 / 60%);
3004        border-radius: 16px;
3005        display: inline-flex;
3006        padding: 16px 40px;
3007    }
3008
3009    a[href="http://admin.webbot.shop/login"] {
3010        color: #fff !important;
3011        background: linear-gradient(261.12deg, #01BD4F 10.45%, #00A243 94.57%);
3012        border-radius: 16px;
3013        display: inline-flex;
3014        padding: 16px 40px;
3015    }
3016
3017
3018    .t280__logo__img {
3019        height: 37px !important;
3020    }
3021
3022}
3023</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3988651301" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
3024@media screen and (max-width: 768px) {
3025  .t1066__img {
3026    height: 271px!important;
3027    object-fit: contain;
3028  }
3029  .t1066__box-img-mobile {
3030    margin-bottom: 0px!important;
3031  }
3032}
3033</style> <!-- nominify end --> </div> </div> </div> </div> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 90183550 --> 
3033<script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='90183550';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:false,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script>
3033 <noscript><div><img src="https://mc.yandex.ru/watch/90183550" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> 
3033<script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
3034setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'f428bc19f72dcaefab088a05faa7aa6a','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script>
3034 <!-- Rating Mail.ru counter --> 
3034<script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){var _tmr=window._tmr||(window._tmr=[]);_tmr.push({id:"3794455",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3794455';(function(d,w,id) {if(d.getElementById(id)) {return;}
3035var ts=d.createElement("script");ts.type="text/javascript";ts.async=true;ts.id=id;ts.src="https://top-fwz1.mail.ru/js/code.js";var f=function() {var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(ts,s);};if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,"topmailru-code");},2000);</script>
3035 <noscript><img src="https://top-fwz1.mail.ru/counter?id=3794455;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 3035
3035 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3035GTM-NRX88H4
vendor: 83 bytes, line 3035
3035" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
3035<!-- End Google Tag Manager (noscript) --> </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.