Repository navigation
Expand file tree
/
Copy pathtelegram-bot.html
More file actions
195 lines (194 loc) · 81.6 KB
/
Copy pathtelegram-bot.html
File metadata and controls
195 lines (194 loc) · 81.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://mc.yandex.ru https://mc.yandex.com https://yastatic.net; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https:; font-src 'self' data:; connect-src 'self' https: wss:; frame-src 'self' blob: https:; worker-src 'self' blob:; media-src 'self' data: blob:; manifest-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self'; upgrade-insecure-requests">
<meta name="referrer" content="strict-origin-when-cross-origin">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>Создание телеграм-бота на заказ — цена 12 000 ₽, срок 1 день</title>
<meta name="description" content="Telegram-бот под ключ за 12 000 ₽ и 1 день: приём заявок и записи, меню и каталог, выгрузка в Google Таблицы или CRM, уведомления владельцу.">
<link rel="canonical" href="https://ysddev.com/telegram-bot.html">
<meta name="theme-color" content="#000000">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
<meta name="author" content="YSD DEV">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ysddev.com/telegram-bot.html">
<meta property="og:site_name" content="YSD DEV">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Разработка телеграм-ботов на заказ — 12 000 ₽, срок 1 день">
<meta property="og:description" content="Telegram-бот под ключ за 12 000 ₽ и 1 день: приём заявок и записи, меню и каталог, выгрузка в Google Таблицы или CRM, уведомления владельцу.">
<meta property="og:image" content="https://ysddev.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://ysddev.com/og.png">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/icon-96.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="preload" href="/fonts/onest.woff2" as="font" type="font/woff2" crossorigin>
<style>@font-face{font-family:"Onest";src:url(/fonts/onest.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#000;--ink:#fff;--dim:#8a8a8a;--line:rgba(255,255,255,.14);--card:rgba(255,255,255,.035);--card-h:rgba(255,255,255,.07);--f:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--m:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--pad:clamp(20px,5vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.field{position:fixed;inset:0;z-index:0;pointer-events:none}.field .grid{position:absolute;inset:-2px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.28;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 72%)}.field .glow{position:absolute;left:50%;top:-30vh;width:120vmax;height:100vmax;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,255,255,.10),transparent 70%)}.field .noise{position:absolute;inset:0;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.field .cursor{position:absolute;left:0;top:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.10),rgba(255,255,255,.035) 42%,transparent 72%);transform:translate3d(-999px,-999px,0);will-change:transform;opacity:0;transition:opacity .5s ease}.field .cursor.on{opacity:1}.orbit{--cw:clamp(210px,23vw,330px);position:relative;height:calc(var(--cw)*.95);margin:clamp(26px,4vw,48px) 0 0 calc(50% - 50vw);width:100vw;perspective:1700px;perspective-origin:50% 42%;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.orbit.drag{cursor:grabbing}.orbit .ring{position:absolute;left:50%;top:44%;width:0;height:0;transform-style:preserve-3d}.orbit figure{position:absolute;margin:0;width:var(--cw);aspect-ratio:16/9;left:calc(var(--cw)/-2);top:calc(var(--cw)*-.28);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#0b0b0c;box-shadow:0 30px 70px -20px rgba(0,0,0,.9),0 0 50px rgba(255,255,255,.06);backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer}.orbit figure img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s}.orbit figure img.ok{opacity:1}.orbit figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);background-size:260% 100%;animation:cardsheen 5s ease-in-out infinite}@keyframes cardsheen{0%{background-position:120% 0}50%,100%{background-position:-30% 0}}.orbit .hint{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-family:var(--m);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);opacity:.7;white-space:nowrap}.works figure.live .ph{animation:rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*70ms)}@keyframes rise{from{opacity:0;transform:perspective(900px) translateY(36px) rotateX(12deg)}to{opacity:1}}.works .ph img{animation:drift 16s ease-in-out infinite alternate;animation-delay:calc(var(--k,0)*-1.9s)}@keyframes drift{0%{transform:scale(1.03) translate(0,0)}50%{transform:scale(1.07) translate(-1.4%,-.8%)}100%{transform:scale(1.05) translate(1.2%,.6%)}}.works figure:hover .ph img{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.works .ph img,.orbit figure::after,.works figure.live .ph{animation:none}}.field canvas.sky{position:absolute;inset:0;width:100%;height:100%}.hero-mark{animation:mkglow 5.5s ease-in-out infinite}@keyframes mkglow{0%,100%{filter:drop-shadow(0 0 20px rgba(255,255,255,.22))}50%{filter:drop-shadow(0 0 42px rgba(255,255,255,.42)) drop-shadow(0 0 110px rgba(255,255,255,.16))}}.brand .mk{transition:filter .4s}.brand:hover .mk{filter:drop-shadow(0 0 10px rgba(255,255,255,.75))}h1 .stroke{background:linear-gradient(100deg,transparent 0 45%,rgba(255,255,255,.9) 50%,transparent 55% 100%);background-size:300% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;animation:shine 7s ease-in-out 1.4s infinite}@keyframes shine{0%{background-position:130% 0}45%,100%{background-position:-30% 0}}h2{background:linear-gradient(180deg,#fff 30%,#a6a6ac 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .cta .btn:not(.ghost){animation:ctaglow 3.4s ease-in-out infinite}@keyframes ctaglow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 34px 2px rgba(255,255,255,.28)}}.pack::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.6),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pack:hover::before{opacity:1}@media(prefers-reduced-motion:reduce){.hero-mark,h1 .stroke,.hero .cta .btn{animation:none}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.field .cursor{display:none}}main,header,footer{position:relative;z-index:1}#works,#reviews,#prices,#price,#faq,#brief,#how,#detail,#what,#art{content-visibility:auto;contain-intrinsic-size:auto 900px}.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}@media(min-width:1500px){.wrap{max-width:1440px}}section{padding:clamp(64px,10vw,130px) 0;border-top:1px solid var(--line);scroll-margin-top:68px}.lb:not(.on){content-visibility:hidden}img{max-width:100%}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.eyebrow{font-family:var(--m);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow::after{content:"";height:1px;flex:1;background:var(--line)}h2{font-size:clamp(30px,5.2vw,58px);line-height:1.02;letter-spacing:-.03em;font-weight:700;margin:0 0 18px}.lead{color:var(--dim);max-width:56ch;font-size:clamp(15px,1.6vw,18px);margin:0}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(0,0,0,.72);border-bottom:1px solid transparent;transition:border-color .3s}header.stuck{border-bottom-color:var(--line)}.bar{display:flex;align-items:center;gap:22px;height:68px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand .mk{height:22px;width:auto;color:#fff;flex:none}nav.links{display:flex;gap:26px}nav.links a{font-size:14px;color:var(--dim);transition:color .2s;position:relative}nav.links a::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:#fff;transition:width .25s}nav.links a:hover{color:#fff}nav.links a:hover::after{width:100%}.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-family:var(--m);font-size:11px;letter-spacing:.1em}.lang button{padding:7px 12px;color:var(--dim);transition:.2s}.lang button[aria-pressed="true"]{background:#fff;color:#000}@media(max-width:860px){nav.links{display:none}}@media(max-width:620px){header,.mbar,.menu{backdrop-filter:none}header{background:rgba(0,0,0,.94)}.mbar{background:rgba(0,0,0,.94)}.menu{background:#000}}.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;place-items:center;flex-direction:column;gap:5px;flex:none}.burger i{display:block;width:17px;height:1.5px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}.burger[aria-expanded="true"] i:first-child{transform:translateY(3.25px) rotate(45deg)}.burger[aria-expanded="true"] i:last-child{transform:translateY(-3.25px) rotate(-45deg)}@media(max-width:860px){.burger{display:flex;align-items:center;justify-content:center}}.menu{position:fixed;inset:68px 0 0;z-index:45;background:rgba(0,0,0,.97);backdrop-filter:blur(18px);display:none;flex-direction:column;gap:2px;padding:26px var(--pad) calc(40px + env(safe-area-inset-bottom));overflow-y:auto}.menu.on{display:flex}.menu a{font-size:clamp(26px,7vw,34px);font-weight:700;letter-spacing:-.03em;padding:16px 0;border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:700;font-size:15px;border:1px solid #fff;background:#fff;color:#000;transition:transform .2s,box-shadow .3s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,255,255,.22)}.btn.ghost{background:transparent;color:#fff;border-color:var(--line)}.btn.ghost:hover{border-color:#fff;box-shadow:none}.btn svg{width:16px;height:16px;flex:none}.btn[disabled]{opacity:.35;pointer-events:none}.hero{padding:clamp(56px,9vw,110px) 0 clamp(48px,7vw,88px);border-top:0}.chip{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:7px 15px}.dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:pulse 2.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.hero-mark{height:clamp(50px,8.6vw,100px);width:auto;color:#fff;display:block;margin:34px 0 26px;filter:drop-shadow(0 0 40px rgba(255,255,255,.3))}h1{font-size:clamp(38px,7.4vw,90px);line-height:.98;letter-spacing:-.045em;font-weight:700;margin:0 0 22px;max-width:16ch}h1 .stroke{-webkit-text-stroke:1px rgba(255,255,255,.55);color:transparent;white-space:nowrap}.hero h1 .stroke{display:block}.hero p.lead{max-width:52ch}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(44px,7vw,72px)}.stats div{background:#000;padding:20px 18px}.stats b{display:block;font-size:clamp(22px,3.4vw,34px);letter-spacing:-.03em;line-height:1}.stats small{font-family:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);display:block;margin-top:9px}@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:15px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ticker ul{display:flex;gap:44px;list-style:none;margin:0;padding:0;width:max-content;animation:slide 34s linear infinite}.ticker li{font-family:var(--m);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:44px;white-space:nowrap}.ticker li::after{content:"◆";font-size:7px;color:rgba(255,255,255,.35)}@keyframes slide{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker ul{animation:none}}.note{margin-top:22px;display:inline-flex;align-items:center;gap:12px;border:1px dashed var(--line);border-radius:999px;padding:11px 20px;font-size:13px;color:var(--dim)}.note b{color:#fff;font-family:var(--m)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.filters button{border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;color:var(--dim);transition:.2s;display:inline-flex;align-items:center;gap:8px}.filters button:hover{border-color:rgba(255,255,255,.5);color:#fff}.filters button[aria-pressed="true"]{background:#fff;color:#000;border-color:#fff}.filters button i{font-style:normal;font-family:var(--m);font-size:10px;opacity:.55}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,16px);margin-top:30px}@media(min-width:1500px){.works{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.works figure[hidden]{display:none}.wmore{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:30px}.wmore button{position:relative;border:1px solid var(--line);border-radius:999px;padding:15px 32px;font-size:14.5px;letter-spacing:-.01em;color:#fff;display:inline-flex;align-items:center;gap:12px;overflow:hidden;transition:color .3s,border-color .3s}.wmore button::before{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}.wmore button:hover{color:#000;border-color:#fff}.wmore button:hover::before{transform:scaleX(1)}.wmore button i{font-style:normal;font-family:var(--m);font-size:11px;letter-spacing:.14em;opacity:.6}.wmore button svg{width:14px;height:14px;transition:transform .35s}.wmore button:hover svg{transform:translateY(3px)}.works figure{margin:0;position:relative;cursor:pointer;outline:none;transform:none!important}.works .ph{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#101010,#070707);transition:border-color .3s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.works .ph::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.works figure:hover .ph{border-color:rgba(255,255,255,.45);box-shadow:0 24px 60px -26px rgba(0,0,0,.95);transform:translateY(-3px)}.works figure:focus-visible .ph{border-color:#fff;transform:translateY(-3px)}.works .ph img{width:100%;height:100%;display:block;object-fit:cover;background:#0a0a0a;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.works figure:hover .ph img{transform:scale(1.04)}.works .sheen{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.10),transparent 62%)}.works figure:hover .sheen{opacity:1}@media(hover:hover) and (min-width:861px){.works .sheen{display:block}}.works .ph::after{content:"↗";position:absolute;top:10px;right:10px;z-index:4;width:28px;height:28px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:13px;opacity:0;transform:scale(.6);transition:.3s}.works figure:hover .ph::after,.works figure:focus-visible .ph::after{opacity:1;transform:none}.works figure.noimg .ph img{display:none}.qas{display:grid;gap:10px;margin-top:34px}.qa{border:1px solid var(--line);border-radius:14px;background:#080808;overflow:hidden}.qa summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:14px;transition:background .2s}.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"+";margin-left:auto;font-family:var(--m);font-size:19px;color:var(--dim);transition:transform .25s,color .2s}.qa[open] summary::after{content:"\2212";color:#fff}.qa summary:hover{background:rgba(255,255,255,.04)}.qa summary:focus-visible{outline:2px solid #fff;outline-offset:-2px}.qa p{margin:0;padding:0 22px 20px;color:#c2c2c2;font-size:15px;line-height:1.68;max-width:78ch}@media(max-width:620px){.qa summary{padding:16px 17px;font-size:15.5px}.qa p{padding:0 17px 17px;font-size:14.5px}}.lb{outline:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);display:none;flex-direction:column;padding:clamp(8px,1.6vw,20px)}.lb.on{display:flex}.lb-top{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-height:40px;padding-bottom:8px;padding-right:clamp(52px,1.6vw + 44px,70px)}.lb-top div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lb-top strong{display:block;font-size:clamp(16px,2.2vw,22px);letter-spacing:-.02em}.lb-top em{font-style:normal;color:var(--dim);font-size:13.5px}.lb-top .cnt{margin-left:auto;font-family:var(--m);font-size:11px;letter-spacing:.16em;color:var(--dim);white-space:nowrap;padding-top:4px}.lb-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,20px)}.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;border:1px solid var(--line);animation:pop .35s cubic-bezier(.2,.8,.2,1);cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-radius .35s;will-change:transform}.lb.zm .lb-stage img{cursor:zoom-out;border-color:transparent;border-radius:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),transform-origin .08s linear}.lb.zm .nav-b{opacity:0;pointer-events:none}.lb-top .hint{font-family:var(--m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap;margin-left:auto}.lb-top .hint+.cnt{margin-left:18px}@media(max-width:620px){.lb-top .hint{display:none}}@keyframes pop{from{opacity:0;transform:scale(.97)}}.lb-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 2px;scrollbar-width:none}.lb-thumbs::-webkit-scrollbar{display:none}.lb-thumbs button{flex:none;width:72px;height:40px;border-radius:7px;overflow:hidden;border:1px solid var(--line);opacity:.42;transition:.25s;padding:0}.lb-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}.lb-thumbs button:hover{opacity:.8}.lb-thumbs button.on{opacity:1;border-color:#fff;transform:translateY(-2px)}@media(max-width:620px){.lb-thumbs{padding-top:10px}.lb-thumbs button{width:56px;height:32px}}.nav-b{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);display:grid;place-items:center;font-size:19px;transition:.2s}.nav-b:hover{background:#fff;color:#000;border-color:#fff}.lb-close{position:absolute;top:clamp(8px,1.6vw,20px);right:clamp(8px,1.6vw,20px);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.5);font-size:20px;line-height:1;transition:.2s;z-index:2}.lb-close:hover{background:#fff;color:#000}@media(max-width:620px){.lb-top .cnt{display:none}.nav-b{width:38px;height:38px}}.ptable{margin-top:34px;border-top:1px solid var(--line)}.pgroup{border-bottom:1px solid var(--line)}.phead{display:flex;align-items:center;gap:14px;width:100%;padding:20px 2px;text-align:left;transition:padding .25s}.phead:hover{padding-left:10px}.phead .pt{font-size:clamp(16px,2vw,19px);letter-spacing:-.02em;font-weight:700}.phead .pc{font-family:var(--m);font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.phead .pf{margin-left:auto;font-family:var(--m);font-size:13px;color:var(--dim);white-space:nowrap}.phead .pi{width:15px;height:15px;flex:none;position:relative}.phead .pi::before,.phead .pi::after{content:"";position:absolute;left:0;top:7px;width:15px;height:1.5px;background:#fff;transition:transform .3s}.phead .pi::after{transform:rotate(90deg)}.pgroup.open .phead .pi::after{transform:rotate(0)}.pgroup.open .phead .pt{color:#fff}.pbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1)}.pgroup.open .pbody{grid-template-rows:1fr}.pin{overflow:hidden}@media(max-width:560px){.phead .pf{display:none}}.ptable .row{display:flex;align-items:baseline;gap:14px;padding:14px 2px;border-top:1px solid var(--line);transition:background .25s,padding .25s}.ptable .row:hover{background:rgba(255,255,255,.035);padding-left:12px;padding-right:12px}.ptable .row .nm{font-size:16px;letter-spacing:-.01em}.ptable .row .dots{flex:1;height:1px;min-width:18px;background-image:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px);background-size:6px 1px;background-repeat:repeat-x;transform:translateY(-3px)}.ptable .row .pr{font-family:var(--m);font-size:15px;font-weight:700;white-space:nowrap}.ptable .row .pr.soft{font-weight:400;color:var(--dim);font-size:13.5px}@media(max-width:560px){.ptable .row{flex-wrap:wrap;gap:4px}.ptable .row .dots{display:none}.ptable .row .nm{width:100%}}.pnotes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}@supports (content-visibility:auto){#works,#prices,#reviews,#faq,#about,#brief{content-visibility:auto;contain-intrinsic-size:auto 900px}}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0 46px}@media(max-width:960px){.packs{grid-template-columns:1fr}}.pack{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#121214,#070708);border-radius:18px;padding:28px 26px 26px;display:flex;flex-direction:column}.pack.best{border-color:rgba(255,255,255,.42);box-shadow:0 28px 70px -30px rgba(0,0,0,.95)}.pack .tag{position:absolute;top:-10px;left:26px;font-family:var(--m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:#fff;color:#000;border-radius:999px;padding:5px 12px}.pack h3{font-size:19px;letter-spacing:-.02em;margin:0 0 6px;font-weight:700}.pack .who{color:var(--dim);font-size:13.5px;line-height:1.5;margin:0 0 20px;min-height:40px}.pack .sum{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}.pack .sum b{font-family:var(--m);font-size:30px;letter-spacing:-.03em;font-weight:700}.pack .sum i{font-style:normal;font-size:13px;color:var(--dim)}.pack .trm{font-family:var(--m);font-size:12px;color:var(--dim);margin:0 0 10px}.pack .sep{font-size:12.5px;color:var(--dim);margin:0 0 20px;line-height:1.45;min-height:34px}.pack .sep s{color:rgba(255,255,255,.55)}.pack ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.pack li{position:relative;padding:0 0 0 26px;margin:0 0 11px;font-size:14.5px;line-height:1.55;color:#d2d2d2}.pack li::before{content:"";position:absolute;left:2px;top:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:.8}.pack .btn{width:100%;justify-content:center}.guar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 46px}@media(max-width:900px){.guar{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.guar{grid-template-columns:1fr}}.guar div{border:1px solid var(--line);border-radius:14px;padding:18px 18px 17px}.guar b{display:block;font-family:var(--m);font-size:13px;margin-bottom:7px}.guar span{color:var(--dim);font-size:13.5px;line-height:1.5}.cmp{margin:0 0 44px}.cmph{font-family:var(--m);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 16px}.cmpg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}@media(max-width:860px){.cmpg{grid-template-columns:1fr}}.cmpg>div{background:var(--bg);padding:22px 22px 20px}.cmpg b{display:block;font-size:15px;letter-spacing:-.01em;margin:0 0 8px}.cmpg em{display:block;font-style:normal;font-family:var(--m);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:#fff}.cmpg span{display:block;color:var(--dim);font-size:13.5px;line-height:1.55}.cmpn{color:var(--dim);font-size:12.5px;line-height:1.5;margin:14px 0 0;opacity:.75}.rev{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;margin-top:44px}@media(max-width:1080px){.rev{grid-template-columns:repeat(2,1fr)}}.rev figure{margin:0;border:1px solid var(--line);background:var(--card);padding:24px;border-radius:14px;display:flex;flex-direction:column;min-height:250px;transition:background .3s,border-color .3s}.rev figure:hover{background:var(--card-h);border-color:rgba(255,255,255,.28)}.rev .stars{font-size:12px;letter-spacing:.28em;margin-bottom:14px;display:flex;align-items:center;line-height:1}.rev .stars span.off{color:rgba(255,255,255,.2)}.rev .stars b{font-family:var(--m);font-size:11px;letter-spacing:.1em;color:var(--dim);margin-left:6px;font-weight:500}.rev .reply{margin:-4px 0 16px;font-size:13px;line-height:1.55;color:var(--dim);border-left:2px solid var(--line);padding-left:12px}.rev .reply b{color:#fff;font-weight:500}.revmore{margin-top:26px;display:flex;justify-content:center}.revmore button{cursor:pointer;font-family:inherit}.rev blockquote{margin:0 0 18px;font-size:15.5px;line-height:1.6;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.rev figcaption{margin-top:auto;font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.rev figcaption b{color:#fff;font-weight:500}.rev figcaption .amt{display:block;margin-top:7px;color:#fff;font-size:12px;letter-spacing:.06em}.rev figure.nop .amt{color:var(--dim)}@media(max-width:640px){.rev{grid-template-columns:1fr}}.src{margin-top:22px;font-size:13px;color:var(--dim)}.src a{border-bottom:1px solid var(--line)}.src a:hover{border-color:#fff;color:#fff}.slinks{display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px;margin:26px 0 34px;border-top:1px solid var(--line)}@media(max-width:980px){.slinks{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.slinks{grid-template-columns:1fr}}.slinks a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;letter-spacing:-.01em;color:#cfcfcf;transition:color .2s}.slinks a::after{content:"\2192";font-family:var(--m);color:var(--dim);transition:transform .2s,color .2s}.slinks a:hover{color:#fff}.slinks a:hover::after{transform:translateX(3px);color:#fff}.ctc{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--dim)}.ctc a{border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:#fff;transition:.22s;white-space:nowrap}.ctc a:hover{border-color:#fff;background:rgba(255,255,255,.06)}.ctc a.ph{font-family:var(--m);letter-spacing:.02em}@media(max-width:560px){.ctc{gap:8px}.ctc a{font-size:13.5px;padding:8px 14px}}.brief{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);margin-top:46px;align-items:start}@media(max-width:940px){.brief{grid-template-columns:1fr}}.fields{display:grid;gap:9px}input,textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:#fff;font:inherit;font-size:16px;transition:border-color .2s,background .2s}input:focus,textarea:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.07)}input:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:2px}a:focus-visible,button:focus-visible,figure:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}input::placeholder,textarea::placeholder{color:#8f8f8f;opacity:1}textarea{min-height:96px;resize:vertical}.brief{display:block;margin-top:40px}.card{max-width:600px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:clamp(22px,3vw,30px);display:grid;gap:20px}.card.ok .fields,.card.ok .agree,.card.ok #send,.card.ok .hint{display:none}.card.ok .done{display:block}.fields{display:grid;gap:16px}.fields label{display:grid;gap:8px}.fields label>span{font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.agree{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--dim);cursor:pointer}.agree input{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:none;margin:0;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:transparent;cursor:pointer;transition:.2s;position:relative}.agree input:hover{border-color:#fff}.agree input:checked{background:#fff;border-color:#fff}.agree input:checked::after{content:"";position:absolute;left:50%;top:46%;width:6px;height:11px;border:solid #000;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.agree input:focus-visible{outline:2px solid #fff;outline-offset:2px}.lk{color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding:0;font:inherit}.lk:hover{border-color:#fff}#send{justify-content:center}.hint{font-size:12.5px;color:var(--dim);line-height:1.55;margin:0}.done{display:none;text-align:center;padding:16px 0 6px}.done .tick{width:56px;height:56px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;margin:0 auto 20px;font-size:26px}.done b{display:block;font-size:21px;letter-spacing:-.02em;margin-bottom:8px}.done p{color:var(--dim);font-size:14px;line-height:1.6;margin:0 auto;max-width:36ch}.seo{margin-top:14px}.seo h2,.seo p{max-width:76ch}.seo h2{font-size:clamp(24px,3.4vw,38px);margin-bottom:20px}.seo p{color:var(--dim);font-size:15.5px;line-height:1.7;margin:0 0 14px}.seo p:last-child{margin-bottom:0}footer{border-top:1px solid var(--line);padding:44px 0 54px}.fbar{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.fbar .mk-ft{height:21px;width:auto;color:#fff;opacity:.85}.fnav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:var(--dim)}.fnav a:hover{color:#fff}.fnav a,.src a,a.brand{display:inline-flex;align-items:center;min-height:24px}.copy{margin-top:26px;font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a}.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(0,0,0,.82);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mbar.on{transform:none}.mbar a{flex:1;justify-content:center;padding:14px 18px;font-size:15px}@media(max-width:860px){.mbar{display:flex}body{padding-bottom:0}}.ai-launch{position:fixed;right:20px;bottom:20px;z-index:70;width:62px;height:62px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;box-shadow:0 14px 40px -8px rgba(0,0,0,.9);transition:transform .25s,opacity .25s,bottom .35s}.ai-launch .mk{width:38px;height:auto;display:block}.ai-launch:hover{transform:scale(1.06)}.ai-launch .dot2{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.ai-launch .dot2::after{content:"";position:absolute;inset:1px;border-radius:50%;background:#000;animation:blink 2.2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}body.ai-on .ai-launch{transform:scale(.6);opacity:0;pointer-events:none}@media(max-width:860px){.ai-launch{bottom:88px;width:56px;height:56px}.ai-launch .mk{width:34px}}.ai{position:fixed;right:22px;bottom:22px;z-index:75;padding:0;width:min(520px,calc(100vw - 32px));height:min(760px,calc(100dvh - 120px));display:none;flex-direction:column;background:#070707;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 34px 90px -22px rgba(0,0,0,.95)}body.ai-on .ai{display:flex;animation:aiIn .28s cubic-bezier(.2,.8,.2,1)}@keyframes aiIn{from{opacity:0;transform:translateY(16px) scale(.985)}}@media(max-width:620px){.ai{right:0;left:0;bottom:0;width:100%;height:92dvh;border-radius:20px 20px 0 0;border-width:1px 0 0}body.ai-on{overflow:hidden}}:root{--aip:20px}.ai-hd{display:flex;align-items:center;gap:12px;padding:14px var(--aip);border-bottom:1px solid var(--line);flex:none;background:#070707}.ai-av{width:48px;height:48px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.16)}.ai-av .mk{width:33px;height:auto;display:block}.ai-hd strong{display:block;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-hd>div{min-width:0;flex:1}.ai-hd em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-hd>div{min-width:0}@media(max-width:360px){.ai-av{width:40px;height:40px}.ai-av .mk{width:27px}.ai-hd strong{font-size:14px}}.ai-hd em{font-style:normal;font-size:11.5px;color:var(--dim)}.ai-hd button{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);font-size:18px;line-height:1;transition:.2s}.ai-hd button:hover{background:#fff;color:#000}.ai-log{flex:1;overflow-y:auto;padding:22px var(--aip);display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;overscroll-behavior:contain}.ai-log p{margin:0;max-width:92%;padding:13px 16px;border-radius:16px;font-size:15.5px;line-height:1.62;white-space:pre-line}.ai-log p.bot{background:rgba(255,255,255,.07);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.ai-log p.me{background:#fff;color:#000;border-bottom-right-radius:5px;align-self:flex-end}.ai-log p.op{background:rgba(255,255,255,.07);border:1px solid var(--line);border-left:2px solid #fff;border-bottom-left-radius:5px;align-self:flex-start}.ai-log p.op::before{content:attr(data-who);display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.ai-log p.sys{align-self:center;max-width:100%;padding:0;background:none;border:0;font-family:var(--m);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.ai-log p a.ai-tg{display:block;margin-top:10px;color:#fff;text-decoration:underline;text-underline-offset:3px}.ai-launch.new{animation:aiNew 1.8s infinite}@keyframes aiNew{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}100%{box-shadow:0 0 0 13px rgba(255,255,255,0)}}.ai-log p.typing{display:flex;gap:4px;align-items:center;padding:14px}.ai-log p.typing i{width:6px;height:6px;border-radius:50%;background:var(--dim);animation:bob 1.1s infinite}.ai-log p.typing i:nth-child(2){animation-delay:.15s}.ai-log p.typing i:nth-child(3){animation-delay:.3s}@keyframes bob{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.cc{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;gap:20px;padding:16px clamp(16px,4vw,44px) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(7,7,7,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}.cc[hidden]{display:none}.cc.on{transform:none;pointer-events:auto}.cc p{margin:0;font-size:13px;line-height:1.55;color:var(--dim);max-width:880px}.cc p a{color:#fff;text-decoration:underline;text-underline-offset:3px}.ccb{display:flex;gap:9px;margin-left:auto;flex:none}.ccb button{border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:13px;color:var(--dim);white-space:nowrap;transition:.2s}.ccb button:hover{border-color:#fff;color:#fff}.ccb button,.ccb button.y{background:none;color:#fff;border-color:rgba(255,255,255,.55)}.ccb button:hover,.ccb button.y:hover{background:#fff;color:#000;border-color:#fff}body.cc-on .ai-launch{bottom:100px}body.cc-on .mbar{display:none}@media(max-width:620px){.cc{flex-direction:column;align-items:stretch;gap:13px;padding-top:16px}.ccb{margin-left:0}.ccb button{flex:1}body.cc-on .ai-launch{display:none}}.ai-chips:empty{display:none}.ai-chips{display:flex;gap:8px;overflow-x:auto;padding:0 var(--aip) 14px;flex:none;scrollbar-width:none}.ai-chips::-webkit-scrollbar{display:none}.ai-chips button{flex:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--dim);white-space:nowrap;transition:.2s}.ai-chips button:hover{border-color:#fff;color:#fff}.ai-in{display:flex;gap:9px;padding:14px var(--aip) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;background:#070707}.ai-in input{flex:1;border-radius:999px;padding:12px 16px;font-size:16px}.ai-in input:focus-visible{outline:none;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.13)}.ai-in button{width:44px;height:44px;flex:none;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;transition:.2s}.ai-in button svg{width:17px;height:17px}.ai-in button:hover{transform:scale(1.06)}.r{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.r.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.r{opacity:1;transform:none}}.crumbs{font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.crumbs a{border-bottom:1px solid var(--line)}.crumbs a:hover{color:#fff;border-color:#fff}.hero.svc{padding-top:clamp(44px,7vw,86px)}.hero.svc h1{font-size:clamp(32px,6vw,66px);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:0 0 20px;max-width:16ch}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0}.facts span{display:flex;align-items:baseline;gap:9px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13.5px;color:var(--dim)}.facts span b{font-family:var(--m);font-size:14px;color:#fff;font-weight:700}.incl{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:820px){.incl{grid-template-columns:1fr}}.incl li{position:relative;padding:0 0 0 30px;font-size:15.5px;line-height:1.55;color:#d6d6d6}.incl li::before{content:"";position:absolute;left:2px;top:7px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:.85}.txt{max-width:62ch;margin-top:22px}.txt p{color:#c2c2c2;font-size:16px;line-height:1.7;margin:0 0 16px}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}@media(max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.steps{grid-template-columns:1fr}}.steps li{list-style:none;counter-increment:s;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:22px}.steps li::before{content:"0" counter(s);font-family:var(--m);font-size:11px;letter-spacing:.2em;color:var(--dim);display:block;margin-bottom:14px}.steps b{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:9px}.steps p{margin:0;color:#aaa;font-size:14px;line-height:1.6}.swk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}@media(max-width:900px){.swk{grid-template-columns:repeat(2,1fr)}}.swk a .lv{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:999px;background:rgba(10,10,12,.72);color:#fff;font:600 10px/1.2 var(--m,monospace);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px);font-style:normal;pointer-events:none}.swk a .lv::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:6px;vertical-align:1px}.swk a{position:relative;display:block}.swk a:hover img{border-color:rgba(255,255,255,.5);box-shadow:0 26px 70px -22px rgba(0,0,0,.95);transform:translateY(-3px)}.swk img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:16px;background:#0a0a0a;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .5s}.swk span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.svc-more{display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px;margin-top:22px;border-top:1px solid var(--line)}@media(max-width:980px){.svc-more{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.svc-more{grid-template-columns:1fr}}.svc-more a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:#cfcfcf;transition:color .2s}.svc-more a::after{content:"→";font-family:var(--m);color:var(--dim);transition:transform .2s,color .2s}.svc-more a:hover{color:#fff}.svc-more a:hover::after{transform:translateX(3px);color:#fff}.ptable .row .tm{font-family:var(--m);font-size:12px;color:var(--dim);white-space:nowrap;margin-left:14px}@media(max-width:560px){.ptable .row .tm{margin-left:0}}</style>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Разработка Telegram-бота","serviceType":"Разработка Telegram-бота","url":"https://ysddev.com/telegram-bot.html","description":"Telegram-бот под ключ за 12 000 ₽ и 1 день: приём заявок и записи, меню и каталог, выгрузка в Google Таблицы или CRM, уведомления владельцу.","provider":{"@type":"ProfessionalService","name":"YSD DEV","url":"https://ysddev.com/","email":"theysddev@gmail.com","image":"https://ysddev.com/og.png","areaServed":[{"@type":"City","name":"Казань"},{"@type":"Country","name":"Россия"}],"sameAs":["https://t.me/ysddev","https://profi.ru/profile/SherzodaYN/"]},"areaServed":[{"@type":"City","name":"Казань"},{"@type":"Country","name":"Россия"}],"offers":{"@type":"Offer","priceCurrency":"RUB","price":"12000","url":"https://ysddev.com/telegram-bot.html","availability":"https://schema.org/InStock"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"YSD DEV","item":"https://ysddev.com/"},{"@type":"ListItem","position":2,"name":"Разработка телеграм-ботов на заказ","item":"https://ysddev.com/telegram-bot.html"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Сколько стоит Telegram-бот и что входит в цену?","acceptedAnswer":{"@type":"Answer","text":"12 000 ₽ по прайсу, срок 1 день. Входит сценарий диалога, меню с кнопками, приём заявок, выгрузка в Google Таблицы или CRM, уведомления владельцу и размещение бота на сервере. Отдельно считаются оплата внутри бота (от 5 000 ₽) и нестандартные интеграции через API (от 5 000 ₽)."}},{"@type":"Question","name":"Что нужно от меня, чтобы начать?","acceptedAnswer":{"@type":"Answer","text":"Опишите, что бот должен делать и какие данные собирать. Токен бота создаётся в @BotFather — можете создать сами и прислать доступ, могу подсказать пошагово. Тексты сообщений могу написать сам, вы их согласуете."}},{"@type":"Question","name":"Куда будут приходить заявки из бота?","acceptedAnswer":{"@type":"Answer","text":"Куда удобнее: личным сообщением в Telegram, в рабочий чат или канал, в Google Таблицу, на почту, в вашу CRM. Чаще делаю сразу два канала — уведомление в Telegram, чтобы увидеть сразу, и таблицу, чтобы не потерять."}},{"@type":"Question","name":"Где будет работать бот и сколько стоит его содержание?","acceptedAnswer":{"@type":"Answer","text":"Боту нужен сервер, который работает круглосуточно. Простой бот помещается на VPS за 150–400 ₽ в месяц — сервер оформляется на вас, доступы остаются у вас. Настройку и размещение делаю в рамках работы."}},{"@type":"Question","name":"Можно ли доработать бота, которого сделал кто-то другой?","acceptedAnswer":{"@type":"Answer","text":"Да, если есть исходный код и доступы. Доработка — от 2 500 ₽, конкретную сумму называю после того, как посмотрю код. Если исходников нет, честнее собрать заново, чем чинить вслепую."}}]}</script>
</head>
<body>
<div class="field" aria-hidden="true"><div class="glow"></div><div class="cursor"></div><div class="grid"></div><div class="noise"></div></div>
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><symbol id="ysdmk" viewBox="0 0 2346 852"><g transform="translate(0,852) scale(.1,-.1)" fill="currentColor"><path d="M0 8494 c0 -15 13 -38 33 -58 160 -160 1370 -1381 1867 -1884 344
-348 735 -745 870 -881 371 -375 1408 -1426 1549 -1570 68 -69 215 -218 326
-331 112 -113 208 -214 213 -226 8 -15 12 -543 13 -1725 1 -989 5 -1711 11
-1721 13 -27 56 -22 86 10 15 16 239 242 497 503 514 519 735 746 838 856 l67
72 0 988 c1 861 3 991 16 1008 8 11 124 130 257 265 133 135 302 308 376 385
108 112 614 631 981 1005 36 37 209 214 385 394 995 1020 1349 1378 1373 1387
35 14 9534 12 9742 -2 91 -6 208 -19 260 -30 52 -11 138 -28 190 -39 145 -29
312 -86 460 -156 71 -34 89 -43 167 -85 110 -58 311 -198 443 -308 81 -67 282
-271 332 -337 134 -175 244 -350 327 -519 48 -99 91 -193 95 -210 4 -16 18
-55 31 -85 41 -96 74 -213 95 -331 11 -63 27 -137 35 -164 42 -131 38 -779 -5
-940 -12 -44 -28 -111 -35 -150 -15 -86 -59 -239 -91 -322 -13 -34 -24 -67
-24 -74 0 -24 -174 -360 -234 -450 -15 -24 -40 -62 -54 -84 -81 -123 -285
-358 -377 -435 -41 -33 -91 -77 -113 -98 -85 -80 -333 -241 -482 -313 -58 -28
-126 -62 -151 -75 -26 -13 -53 -24 -60 -24 -8 0 -41 -14 -74 -30 -33 -16 -69
-30 -81 -30 -11 0 -45 -8 -75 -19 -30 -10 -106 -28 -169 -40 -63 -12 -135 -26
-160 -31 -25 -6 -135 -17 -245 -25 -286 -21 -1901 -22 -1931 -1 -19 14 -19 46
-24 1671 -5 1625 -5 1657 -24 1671 -17 12 -132 14 -726 14 -686 0 -707 -1
-724 -19 -17 -19 -18 -146 -17 -2423 1 -2307 2 -2404 20 -2421 17 -18 94 -18
1872 -17 1084 0 1902 5 1969 10 293 25 509 59 607 98 28 12 75 24 105 28 29 4
69 15 88 24 19 10 69 28 110 41 41 12 118 40 170 61 52 22 115 46 140 55 25 9
52 21 60 28 8 6 57 33 109 59 52 26 105 56 119 66 14 11 30 20 36 20 6 0 37
17 68 38 31 20 96 62 144 92 48 30 105 69 125 85 20 17 71 57 113 90 145 114
232 193 397 361 180 183 235 244 289 323 19 28 59 84 88 123 48 66 110 161
188 291 102 170 243 459 281 577 8 25 21 56 28 70 7 14 22 54 33 90 11 36 29
85 40 110 10 25 22 63 26 85 4 22 18 74 30 115 40 126 65 250 90 437 9 67 21
114 35 136 21 34 21 41 21 707 0 660 0 673 -20 706 -14 21 -26 70 -35 141 -21
159 -60 360 -83 428 -11 33 -30 94 -41 135 -25 94 -68 222 -93 276 -10 23 -18
47 -18 54 0 15 -113 267 -173 385 -22 44 -53 104 -67 133 -15 28 -36 62 -47
75 -12 12 -28 39 -37 61 -9 21 -34 64 -56 95 -23 31 -71 99 -108 152 -187 267
-483 571 -802 824 -145 115 -393 276 -487 316 -26 11 -57 28 -68 38 -11 10
-63 38 -115 61 -52 24 -100 47 -106 51 -12 9 -124 57 -234 100 -98 38 -296 95
-398 114 -45 9 -98 23 -118 31 -21 9 -94 22 -162 30 -68 8 -147 24 -175 34
-51 20 -109 20 -5504 20 -3030 0 -5453 -4 -5453 -9 0 -4 -53 -62 -118 -127
-130 -132 -343 -353 -587 -610 -88 -93 -243 -254 -345 -359 -102 -104 -210
-217 -240 -250 -29 -33 -146 -155 -259 -270 -113 -116 -336 -348 -496 -515
-230 -242 -544 -569 -575 -600 -3 -3 -52 -54 -109 -115 -58 -60 -170 -178
-250 -261 -81 -83 -202 -211 -270 -285 -120 -131 -163 -169 -189 -169 -6 0
-87 77 -180 172 -92 94 -262 267 -377 382 -116 116 -397 400 -625 632 -228
231 -847 855 -1374 1386 -528 532 -963 974 -968 982 -8 14 -114 16 -1053 16
l-1045 0 0 -26z M9655 4911 c-11 -5 -72 -62 -135 -126 -63 -65 -178 -182 -255
-260 -77 -78 -207 -211 -290 -296 -82 -85 -233 -241 -335 -345 -102 -105 -226
-233 -276 -285 -50 -52 -103 -104 -117 -116 -29 -23 -32 -30 -17 -53 8 -13
299 -16 2482 -20 l2473 -5 60 -28 c226 -105 328 -191 458 -384 102 -151 132
-270 132 -518 -1 -155 -4 -192 -24 -265 -28 -106 -68 -209 -91 -235 -9 -11
-33 -45 -53 -77 -51 -80 -159 -192 -221 -227 -85 -48 -207 -90 -302 -106 -76
-13 -440 -15 -2499 -15 -2275 0 -2411 -1 -2436 -18 -27 -18 -151 -142 -659
-658 -558 -567 -760 -778 -760 -795 0 -9 6 -22 14 -28 11 -10 753 -12 3222
-12 2835 1 3222 3 3338 17 146 17 297 52 384 88 31 13 71 26 87 30 49 12 313
145 405 205 227 148 569 487 675 671 17 29 40 65 53 80 12 15 22 32 22 38 0 5
15 32 33 58 72 107 190 396 217 529 6 33 20 88 30 121 18 60 37 181 59 370 35
298 -15 740 -121 1064 -27 85 -85 227 -108 265 -10 17 -21 41 -25 55 -4 14
-20 42 -36 62 -16 20 -33 48 -39 62 -9 25 -157 248 -209 315 -36 48 -211 222
-309 308 -125 110 -383 274 -542 344 -25 11 -76 35 -115 54 -38 19 -79 35 -90
35 -11 0 -51 11 -88 24 -37 14 -100 30 -140 36 -40 7 -108 19 -152 28 -72 15
-259 17 -1880 19 -990 1 -1809 -2 -1820 -6z"/></g></symbol></svg>
<header id="hdr"><div class="wrap bar"><a class="brand" href="/"><svg class="mk" viewBox="0 0 2346 852" role="img" aria-label="YSD DEV"><use href="#ysdmk"></use></svg></a><nav class="links"><a href="/#works">Работы</a><a href="/#prices">Цены</a><a href="/#reviews">Отзывы</a><a href="#brief">Заявка</a></nav></div></header>
<main id="top"><section class="hero svc"><div class="wrap"><nav class="crumbs" aria-label="Хлебные крошки"><a href="/">YSD DEV</a><span>/</span><span>Telegram-боты</span></nav><h1>Разработка телеграм-ботов на заказ</h1><p class="lead">Бот для приёма заявок, записи или заказов — 12 000 ₽, собираем за 1 день. В цену входит подключение к таблицам или CRM и уведомления о каждой заявке.</p><div class="facts"><span><b>12 000 ₽</b>цена по прайсу</span><span><b>1 день</b>срок</span><span><b>0 ₽</b>оценка и смета</span><span><b>14 дней</b>правок после сдачи</span></div><div class="cta"><a class="btn" href="#brief"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.7 3.3a1 1 0 0 0-1.05-.16L2.9 10.6c-.85.36-.8 1.6.07 1.9l4.4 1.48 1.7 5.3c.26.8 1.29.99 1.82.34l2.35-2.9 4.5 3.3c.6.44 1.46.12 1.62-.6l3.2-14.2a1 1 0 0 0-.3-.92ZM9.4 14.1l9-6.6-6.9 7.5-.3 3-1.8-3.9Z"/></svg><span>Оставить заявку</span></a><a class="btn ghost" href="#price">Цены и сроки</a></div></div></section><section id="what"><div class="wrap"><p class="eyebrow r">Что делаем</p><h2 class="r">Что входит<br>в работу</h2><div class="txt r"><p>Бот закрывает то, на что у людей уходит рабочий день: принять заявку, записать на время, показать каталог, ответить на один и тот же вопрос в сотый раз. Заявка из бота приходит владельцу уведомлением и одновременно ложится в Google Таблицу или в CRM — ничего не теряется в переписке.</p><p>Собираю на Python. Сценарий диалога согласуем до кода: какие кнопки, что бот спрашивает, что делает с ответом. В портфолио — боты для доставки еды, салонов красоты, стоматологии, автосервиса, турагентства и онлайн-курсов.</p></div><ul class="incl r"><li>Сценарий диалога и структура меню — согласуем до разработки</li><li>Кнопки и команды вместо свободного ввода: клиент не ошибётся</li><li>Приём заявок, записи или заказов с проверкой введённых данных</li><li>Выгрузка в Google Таблицы или подключение к вашей CRM</li><li>Мгновенное уведомление владельцу о каждой новой заявке</li><li>Рассылка по базе подписчиков бота</li><li>Размещение бота на сервере и настройка автозапуска</li><li>14 дней бесплатных правок по согласованному ТЗ после сдачи</li></ul></div></section><section id="detail"><div class="wrap"><p class="eyebrow r">Подробности</p><h2 class="r">Что двигает цену</h2><ul class="incl r" style="grid-template-columns:1fr;max-width:78ch"><li>Количество состояний. Бот, который задаёт три вопроса и пересылает ответ, — это вечер работы. Бот, который помнит, на каком шаге каждый пользователь, и не ломается, если человек вернулся через сутки, — в разы дороже.</li><li>Хранение данных. Пока заявки просто летят в чат, база не нужна. Появилась история заказов — нужна база, бэкапы и админка.</li><li>Чужие API. Выгрузка в Google-таблицу недорогая. Двусторонний обмен с amoCRM или 1С — половина времени уходит на чужую документацию.</li></ul><h2 class="r" style="margin-top:56px">Где обычно спотыкаются</h2><ul class="incl r" style="grid-template-columns:1fr;max-width:78ch"><li>Токен создан на аккаунте разработчика. При расставании бот уходит вместе с ним. Токен делается на вашем аккаунте, это две минуты.</li><li>Не продуман сценарий ошибки: человек ввёл не то, оплата не прошла, интернет отвалился. Именно это отличает рабочего бота от демонстрации.</li><li>Сервер оформлен не на вас. Хостинг за 150–300 рублей в месяц должен быть в вашем кабинете.</li></ul></div></section><section id="price"><div class="wrap"><p class="eyebrow r">Цены</p><h2 class="r">Прайс<br>по этой услуге</h2><p class="lead r">Стартовые цены. После короткого брифа называю точную сумму — она фиксируется письменно и не меняется, пока не меняется задача. Оценка бесплатная.</p><div class="ptable r" style="margin-top:34px;border-bottom:1px solid var(--line)"><div class="row"><span class="nm">Разработка бота Telegram</span><i class="dots"></i><span class="tm">1 день</span><span class="pr">12 000 ₽</span></div><div class="row"><span class="nm">Создание бота WhatsApp</span><i class="dots"></i><span class="tm">1–2 дня</span><span class="pr">12 000 ₽</span></div><div class="row"><span class="nm">Настройка API и интеграции</span><i class="dots"></i><span class="tm">от 1 дня</span><span class="pr">от 5 000 ₽</span></div><div class="row"><span class="nm">Подключение платёжных систем</span><i class="dots"></i><span class="tm">от 1 дня</span><span class="pr">от 5 000 ₽</span></div><div class="row"><span class="nm">Личный кабинет для сайта</span><i class="dots"></i><span class="tm">от 2 дней</span><span class="pr">от 20 000 ₽</span></div><div class="row"><span class="nm">Доработка существующего бота</span><i class="dots"></i><span class="tm">от 1 дня</span><span class="pr">от 2 500 ₽</span></div></div><div class="pnotes r"><span class="note"><b>−30%</b>на второй продукт в одном заказе: сайт + бот или презентация</span><span class="note"><b>0 ₽</b>оценка задачи и смета</span><span class="note"><b>14</b>дней правок по согласованному ТЗ</span></div><div class="guar r" style="margin:38px 0 0"><div><b>Макет до оплаты</b><span>Сначала показываю дизайн. Не понравилось — расходимся, вы ничего не должны.</span></div><div><b>Цена не растёт</b><span>Сумма фиксируется письменно и не меняется, пока не меняется задача.</span></div><div><b>Всё оформлено на вас</b><span>Домен, хостинг, исходники и доступы — ваши с первого дня.</span></div><div><b>Оплата по этапам</b><span>Часть после согласования макета, остаток после сдачи.</span></div></div><p class="src r">Полный прайс на 54 услуги — <a href="/#prices">на главной странице</a>.</p></div></section><section id="how"><div class="wrap"><p class="eyebrow r">Как идёт работа</p><h2 class="r">Четыре шага<br>от заявки до сдачи</h2><ol class="steps r"><li><b>Бриф</b><p>Описываете задачу в двух-трёх фразах — в Telegram или через форму. Если чего-то не хватает, задаю уточняющие вопросы.</p></li><li><b>Смета и срок</b><p>В тот же день присылаю точную сумму и дату сдачи. Цена фиксируется письменно и не меняется, пока не меняется задача. Оценка бесплатная.</p></li><li><b>Работа с показом этапов</b><p>Показываю промежуточный результат каждый день — структуру, макет, собранную страницу. Правки вносим по ходу, а не в последний день.</p></li><li><b>Сдача и 14 дней правок</b><p>Отдаю проект, показываю, как менять тексты самостоятельно. Две недели после сдачи правки по согласованному ТЗ — бесплатно.</p></li></ol></div></section><section id="works"><div class="wrap"><p class="eyebrow r">Работы</p><h2 class="r">Из портфолио</h2><p class="lead r">Рабочие проекты онлайн: откройте любой — всё кликается, считается и работает на телефоне. Все 46 работ — <a href="/#works" style="border-bottom:1px solid var(--line)">на главной</a>.</p><div class="swk r"><a href="https://bots.ysdprojects.space/food/" target="_blank" rel="noopener" title="Меню и корзина в чате, оплата, статусы с картой курьера, экран кухни"><img src="/img/87-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="Telegram-бот доставки «Сытый двор» — проект YSD DEV"><i class="lv">online</i><span>Telegram-бот доставки «Сытый двор» — открыть проект</span></a><a href="https://bots.ysdprojects.space/beauty/" target="_blank" rel="noopener" title="Запись к мастеру за минуту, напоминания с переносом, журнал салона"><img src="/img/88-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="Telegram-бот записи в салон NOIR — проект YSD DEV"><i class="lv">online</i><span>Telegram-бот записи в салон NOIR — открыть проект</span></a><a href="https://bots.ysdprojects.space/ai/" target="_blank" rel="noopener" title="Ответы на отзывы, пересказ договоров, поиск по базе знаний"><img src="/img/91-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="ИИ-ассистент «Секретарь» в Telegram — проект YSD DEV"><i class="lv">online</i><span>ИИ-ассистент «Секретарь» в Telegram — открыть проект</span></a><a href="https://bots.ysdprojects.space/auto/" target="_blank" rel="noopener" title="Расчёт ТО, фотоотчёт, согласование работ кнопками, доска приёмщика"><img src="/img/89-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="Telegram-бот автосервиса «ГАРАЖ 116» — проект YSD DEV"><i class="lv">online</i><span>Telegram-бот автосервиса «ГАРАЖ 116» — открыть проект</span></a><a href="https://bots.ysdprojects.space/realty/" target="_blank" rel="noopener" title="Подбор квартиры, ипотека в чате, запись на показ, лид в CRM"><img src="/img/90-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="Telegram-бот ЖК «Речной квартал» — проект YSD DEV"><i class="lv">online</i><span>Telegram-бот ЖК «Речной квартал» — открыть проект</span></a><a href="https://bots.ysdprojects.space/shop/" target="_blank" rel="noopener" title="Статус заказа, возврат с QR-кодом, оператор и хелпдеск с SLA"><img src="/img/92-800.webp" width="800" height="450" loading="lazy" decoding="async" alt="Бот поддержки магазина «Тёплый дом» — проект YSD DEV"><i class="lv">online</i><span>Бот поддержки магазина «Тёплый дом» — открыть проект</span></a></div></div></section><section id="faq"><div class="wrap"><p class="eyebrow r">Частые вопросы</p><h2 class="r">Что спрашивают<br>перед заказом</h2><div class="qas r"><details class="qa"><summary>Сколько стоит Telegram-бот и что входит в цену?</summary><p>12 000 ₽ по прайсу, срок 1 день. Входит сценарий диалога, меню с кнопками, приём заявок, выгрузка в Google Таблицы или CRM, уведомления владельцу и размещение бота на сервере. Отдельно считаются оплата внутри бота (от 5 000 ₽) и нестандартные интеграции через API (от 5 000 ₽).</p></details><details class="qa"><summary>Что нужно от меня, чтобы начать?</summary><p>Опишите, что бот должен делать и какие данные собирать. Токен бота создаётся в @BotFather — можете создать сами и прислать доступ, могу подсказать пошагово. Тексты сообщений могу написать сам, вы их согласуете.</p></details><details class="qa"><summary>Куда будут приходить заявки из бота?</summary><p>Куда удобнее: личным сообщением в Telegram, в рабочий чат или канал, в Google Таблицу, на почту, в вашу CRM. Чаще делаю сразу два канала — уведомление в Telegram, чтобы увидеть сразу, и таблицу, чтобы не потерять.</p></details><details class="qa"><summary>Где будет работать бот и сколько стоит его содержание?</summary><p>Боту нужен сервер, который работает круглосуточно. Простой бот помещается на VPS за 150–400 ₽ в месяц — сервер оформляется на вас, доступы остаются у вас. Настройку и размещение делаю в рамках работы.</p></details><details class="qa"><summary>Можно ли доработать бота, которого сделал кто-то другой?</summary><p>Да, если есть исходный код и доступы. Доработка — от 2 500 ₽, конкретную сумму называю после того, как посмотрю код. Если исходников нет, честнее собрать заново, чем чинить вслепую.</p></details></div></div></section><section id="brief"><div class="wrap"><p class="eyebrow r">Заявка</p><h2 class="r">Оставьте заявку</h2><p class="lead r">Три поля — этого хватит. Отвечаем круглосуточно, в течение 5 минут, называем точную цену и срок.</p><div class="brief r"><form class="card" id="form" onsubmit="return false"><div class="fields"><label><span>Как вас зовут</span><input id="name" type="text" placeholder="Имя" autocomplete="name"></label><label><span>Куда ответить</span><input id="contact" type="text" placeholder="@telegram, телефон или e-mail" autocomplete="on"></label><label><span>Что нужно сделать</span><textarea id="details" placeholder="Например: бот для записи в барбершоп, заявки в Telegram и в Google Таблицу"></textarea></label></div><label class="agree"><input type="checkbox" id="agree"><span>Даю <a class="lk" href="/soglasie.html" target="_blank">согласие на обработку персональных данных</a></span></label><button class="btn" id="send" disabled><svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.7 3.3a1 1 0 0 0-1.05-.16L2.9 10.6c-.85.36-.8 1.6.07 1.9l4.4 1.48 1.7 5.3c.26.8 1.29.99 1.82.34l2.35-2.9 4.5 3.3c.6.44 1.46.12 1.62-.6l3.2-14.2a1 1 0 0 0-.3-.92ZM9.4 14.1l9-6.6-6.9 7.5-.3 3-1.8-3.9Z"/></svg><span>Оставить заявку</span></button><p class="hint" id="hint">Оценка задачи и смета бесплатные. Отвечаю в течение 5 минут.</p><p class="hint" style="opacity:.75">Как обрабатываются данные — в <a class="lk" href="/privacy.html" target="_blank">политике обработки персональных данных</a>.</p><div class="done"><div class="tick">✓</div><b>Заявка отправлена</b><p>Уже вижу её в Telegram. Отвечу в течение 5 минут и пришлю точную смету со сроком.</p></div></form><div class="ctc r"><span>Не любите формы —</span><a href="https://t.me/ysddev" target="_blank" rel="noopener">Telegram @ysddev</a><a href="mailto:theysddev@gmail.com">theysddev@gmail.com</a></div></div><p class="eyebrow r" style="margin-top:60px">Другие услуги</p><div class="svc-more r"><a href="/sozdanie-saytov.html">Создание сайтов в Казани под ключ</a><a href="/internet-magazin.html">Создание интернет-магазина</a><a href="/sayt-na-wordpress.html">Создание сайтов на WordPress</a><a href="/verstka-figma.html">Вёрстка сайта из макета Figma и PSD</a><a href="/prezentacii.html">Презентации на заказ: оформление и КП</a><a href="/lending.html">Создание лендинга под ключ</a><a href="/sayt-na-tilda.html">Создание сайта на Тильде под ключ</a><a href="/korporativnyy-sayt.html">Разработка корпоративного сайта</a><a href="/dorabotka-sayta.html">Доработка и починка сайта</a><a href="/pitch-deck.html">Презентация для инвесторов</a><a href="/prezentaciya-dlya-biznesa.html">Презентация компании</a><a href="/video-prezentaciya.html">Видеопрезентация и анимированная презентация</a><a href="/chat-bot-dlya-biznesa.html">Чат-бот для бизнеса</a><a href="/skolko-stoit-sayt.html">Сколько стоит сделать сайт</a><a href="/sayt-dlya-salona-krasoty.html">Сайт для салона красоты</a><a href="/sayt-dlya-stroitelnoy-kompanii.html">Сайт для строительной компании</a><a href="/sayt-dlya-avtoservisa.html">Сайт для автосервиса</a><a href="/bot-dlya-zapisi-klientov.html">Telegram-бот для записи клиентов</a><a href="/prezentaciya-dlya-tendera.html">Презентация для тендера</a><a href="/sayt-vizitka.html">Сайт-визитка под ключ</a><a href="/sayt-katalog.html">Создание сайта-каталога</a></div><p class="eyebrow r" style="margin-top:44px">Сколько это стоит на рынке</p><div class="svc-more r"><a href="/skolko-stoit-prezentaciya.html">Сколько стоит презентация</a><a href="/skolko-stoit-lending.html">Сколько стоит лендинг</a><a href="/skolko-stoit-internet-magazin.html">Сколько стоит интернет-магазин</a><a href="/skolko-stoit-sayt-na-tilde.html">Сколько стоит сайт на Tilda</a><a href="/skolko-stoit-sayt-vizitka.html">Сколько стоит сайт-визитка</a><a href="/skolko-stoit-telegram-bot.html">Сколько стоит Telegram-бот</a><a href="/lending-ili-sayt.html">Чем лендинг отличается от сайта</a><a href="/skolko-stoit-chat-bot.html">Сколько стоит чат-бот</a><a href="/tilda-ili-wordpress.html">Tilda или WordPress</a><a href="/skolko-stoit-domen-i-hosting.html">Сколько стоит домен и хостинг</a><a href="/skolko-stoit-podderzhka-sayta.html">Сколько стоит поддержка сайта</a><a href="/chto-vhodit-v-sozdanie-sayta.html">Что входит в создание сайта</a><a href="/neyroset-dlya-sozdaniya-sayta.html">Сайт нейросетью: что получается</a><a href="/neyroset-dlya-prezentacii.html">Презентация нейросетью: что получается</a></div></div></section></main>
<footer><div class="wrap"><div class="fbar"><svg class="mk mk-ft" viewBox="0 0 2346 852" role="img" aria-label="YSD DEV"><use href="#ysdmk"></use></svg><nav class="fnav"><a href="/">Главная</a><a href="https://t.me/ysddev" target="_blank" rel="noopener">Telegram — @ysddev</a><a href="https://profi.ru/profile/SherzodaYN/" target="_blank" rel="noopener">Профи.ру</a><a href="/#prices">Цены</a><a href="/privacy.html">Политика</a><a href="/soglasie.html">Согласие</a><a href="/usloviya.html">Условия</a><a href="/privacy.html#cookie" id="ccOpen">Куки</a></nav></div><p class="copy">© 2026 YSD DEV</p></div></footer>
<div class="mbar" id="mbar"><a class="btn" href="#brief">Оставить заявку</a></div>
<button class="ai-launch" id="aiOpen" aria-label="Консультант"><svg class="mk" viewBox="0 0 2346 852" role="img" aria-label="YSD DEV"><use href="#ysdmk"></use></svg><span class="dot2"></span></button><div class="cc" id="cc" role="region" aria-label="Cookie"><p data-i="ccT">Сайт использует куки и Яндекс Метрику, чтобы видеть, какие страницы полезны. Метрика включится только после вашего согласия, рекламных куки нет. <a class="lk" href="/privacy.html#cookie">Подробнее</a></p><div class="ccb"><button type="button" id="ccNo" data-i="ccN">Только необходимые</button><button type="button" class="y" id="ccYes" data-i="ccY">Принять</button></div></div><section class="ai" id="ai" aria-live="polite"><header class="ai-hd"><span class="ai-av"><svg class="mk" viewBox="0 0 2346 852" role="img" aria-label="YSD DEV"><use href="#ysdmk"></use></svg></span><div><strong data-i="aiT">Помощник YSD DEV</strong><em data-i="aiS">Отвечаю сразу · позову человека, если нужно</em></div><button id="aiClose" aria-label="Close">×</button></header><div class="ai-log" id="aiLog"></div><div class="ai-chips" id="aiChips"></div><form class="ai-in" id="aiForm"><input id="aiText" type="text" placeholder="Спросите что угодно о заказе" data-ph="aiPh" autocomplete="off"><button type="submit" aria-label="Send"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.7 3.3a1 1 0 0 0-1.05-.16L2.9 10.6c-.85.36-.8 1.6.07 1.9l4.4 1.48 1.7 5.3c.26.8 1.29.99 1.82.34l2.35-2.9 4.5 3.3c.6.44 1.46.12 1.62-.6l3.2-14.2a1 1 0 0 0-.3-.92ZM9.4 14.1l9-6.6-6.9 7.5-.3 3-1.8-3.9Z"/></svg></button></form></section><script>(function(){var b=document.getElementById("aiOpen");if(!b)return;var l=0;function go(){if(l)return;l=1;var s=document.createElement("script");s.src="/widget.js";document.head.appendChild(s);}b.addEventListener("pointerenter",go,{once:true});b.addEventListener("click",function(){document.body.classList.add("ai-on");go();});var c=document.getElementById("aiClose");if(c)c.addEventListener("click",function(){document.body.classList.remove("ai-on");});})();</script><script>(function(){var el=document.getElementById("cc");if(!el)return;var K="ysd_cc",v=null;try{v=localStorage.getItem(K)}catch(e){}var tz="";try{tz=Intl.DateTimeFormat().resolvedOptions().timeZone||""}catch(e){}var ru=/^Europe\/(Moscow|Kaliningrad|Samara|Volgograd|Saratov|Astrakhan|Ulyanovsk|Kirov|Minsk|Kiev|Kyiv|Simferopol)$/.test(tz);var strict=/^Europe\//.test(tz)&&!ru;function fire(){try{dispatchEvent(new Event("ysd-consent"))}catch(e){var ev=document.createEvent("Event");ev.initEvent("ysd-consent",false,false);dispatchEvent(ev)}}function show(){el.hidden=false;setTimeout(function(){el.classList.add("on");document.body.classList.add("cc-on")},30);}function hide(){el.classList.remove("on");document.body.classList.remove("cc-on");setTimeout(function(){el.hidden=true},450);}function pick(val){v=val;try{localStorage.setItem(K,val)}catch(e){}hide();if(val==="all")fire();}document.getElementById("ccYes").addEventListener("click",function(){pick("all")});document.getElementById("ccNo").addEventListener("click",function(){pick("min")});var o=document.getElementById("ccOpen");if(o)o.addEventListener("click",function(e){e.preventDefault();show()});window.YSD_CC={ok:function(){return v==="all"},strict:strict,choice:function(){return v},open:show};if(v){el.hidden=true;return;}setTimeout(show,900);})();</script>
<script>
(function(){
var URL_ = "", METRIKA = "112490537", TG = "ysddev";
/* свет за курсором */
(function(){
var el = document.querySelector(".field .cursor");
if(!el || !window.matchMedia) return;
if(!matchMedia("(hover:hover) and (pointer:fine)").matches) return;
if(matchMedia("(prefers-reduced-motion:reduce)").matches) return;
var x = 0, y = 0, tx = 0, ty = 0, raf = 0, live = false;
function loop(){
x += (tx - x) * .16; y += (ty - y) * .16;
el.style.transform = "translate3d(" + x.toFixed(1) + "px," + y.toFixed(1) + "px,0)";
raf = (Math.abs(tx - x) > .4 || Math.abs(ty - y) > .4) ? requestAnimationFrame(loop) : 0;
}
addEventListener("pointermove", function(e){
if(e.pointerType === "touch") return;
tx = e.clientX; ty = e.clientY;
if(!live){ live = true; x = tx; y = ty; el.classList.add("on"); }
if(!raf) raf = requestAnimationFrame(loop);
}, {passive:true});
document.addEventListener("mouseleave", function(){ el.classList.remove("on"); live = false; });
document.addEventListener("mouseenter", function(){ if(live) el.classList.add("on"); });
})();
var card = document.getElementById("form"), agree = document.getElementById("agree"),
send = document.getElementById("send"), hint = document.getElementById("hint"),
nm = document.getElementById("name"), ct = document.getElementById("contact"),
dt = document.getElementById("details");
function draw(){ send.disabled = !ct.value.trim() || !dt.value.trim() || !agree.checked; }
[nm, ct, dt].forEach(function(el){ el.addEventListener("input", draw); });
agree.addEventListener("change", draw);
send.addEventListener("click", function(){
if(send.disabled) return;
var L = ["Заявка с сайта ysddev.com", ""];
if(nm.value.trim()) L.push("Имя: " + nm.value.trim());
L.push("Контакт: " + ct.value.trim());
L.push("Задача: " + dt.value.trim());
L.push("", "Страница: " + location.href);
var msg = L.join("\n");
var tg = function(){
if(window.ym && METRIKA) try { ym(METRIKA, "reachGoal", "zayavka"); } catch(e){}
var fin = function(ok){ hint.textContent = ok ? "Заявка скопирована, открываю Telegram — вставьте текст в чат и нажмите «Отправить»." : "Открываю Telegram — опишите задачу сообщением, отвечу в течение 5 минут.";
hint.className = "hint sent"; window.open("https://t.me/" + TG, "_blank", "noopener"); };
if(navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(msg).then(function(){fin(true);}, function(){fin(false);});
else fin(false);
};
if(!URL_){ tg(); return; }
send.disabled = true; hint.textContent = "Отправляю…";
fetch(URL_, {method:"POST", headers:{"Content-Type":"application/json"}, body:JSON.stringify({text:msg, name:nm.value.trim(), contact:ct.value.trim(), details:dt.value.trim(), page:location.href, consent:agree.checked})})
.then(function(r){ return r.ok ? r.json().catch(function(){ return {ok:true}; }) : Promise.reject(); })
.then(function(j){ if(j && j.ok === false) throw 0;
card.classList.add("ok");
if(window.ym && METRIKA) try { ym(METRIKA, "reachGoal", "zayavka"); } catch(e){} })
.catch(function(){ send.disabled = false; tg(); });
});
var io = new IntersectionObserver(function(es){
es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add("in"); io.unobserve(e.target); } });
}, {threshold:.12});
document.querySelectorAll(".r").forEach(function(el, i){
el.style.transitionDelay = (Math.min(i,4) * 60) + "ms"; io.observe(el); });
var hdr = document.getElementById("hdr"), mbar = document.getElementById("mbar"),
bf = document.getElementById("brief");
addEventListener("scroll", function(){
hdr.classList.toggle("stuck", scrollY > 8);
mbar.classList.toggle("on", scrollY > 520 && bf.getBoundingClientRect().top > innerHeight * .75);
}, {passive:true});
document.addEventListener("click", function(e){
var a = e.target.closest && e.target.closest('a[href^="#"]');
if(!a) return; var id = a.getAttribute("href").slice(1); if(!id) return;
var el = document.getElementById(id); if(!el) return;
e.preventDefault(); el.scrollIntoView({behavior:"smooth", block:"start"});
history.replaceState(null, "", "#" + id);
});
window.ym = window.ym || function(){ (window.ym.a = window.ym.a || []).push(arguments); };
window.ym.l = 1 * new Date();
(function(){
var started = false, EV = ["pointerdown","keydown","scroll","touchstart"], OPT = {passive:true};
function startMetrika(){
if (started || (window.YSD_CC && !YSD_CC.ok())) return; started = true;
EV.forEach(function(t){ removeEventListener(t, startMetrika, OPT); });
var k = document.createElement("script"), a = document.getElementsByTagName("script")[0];
k.async = 1; k.src = "https://mc.yandex.ru/metrika/tag.js";
a.parentNode.insertBefore(k, a);
ym(METRIKA, "init", {clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true});
}
EV.forEach(function(t){ addEventListener(t, startMetrika, OPT); });
addEventListener("ysd-consent", startMetrika);
if ("requestIdleCallback" in window) requestIdleCallback(startMetrika, {timeout: 3500});
else setTimeout(startMetrika, 3500);
})();
draw();
})();
</script>
</body>
</html>