Repository navigation
Expand file tree
/
Copy pathtilda-ili-wordpress.html
More file actions
191 lines (191 loc) · 78.2 KB
/
Copy pathtilda-ili-wordpress.html
File metadata and controls
191 lines (191 loc) · 78.2 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
<!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>Тильда или WordPress: что выбрать и во сколько обойдётся</title>
<meta name="description" content="Сравнение Tilda и WordPress в 2026: цена владения за три года, скорость запуска, SEO, кому что подходит. Tilda Personal — 500 ₽/мес, хостинг — от 150 ₽/мес.">
<link rel="canonical" href="https://ysddev.com/tilda-ili-wordpress.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="article">
<meta property="og:url" content="https://ysddev.com/tilda-ili-wordpress.html">
<meta property="og:site_name" content="YSD DEV">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Тильда или WordPress: что выбрать в 2026 году">
<meta property="og:description" content="Сравнение Tilda и WordPress в 2026: цена владения за три года, скорость запуска, SEO, кому что подходит. Tilda Personal — 500 ₽/мес, хостинг — от 150 ₽/мес.">
<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{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}}.art{max-width:70ch}.art h2{font-size:clamp(23px,3.2vw,32px);letter-spacing:-.03em;margin:54px 0 18px;font-weight:700}.art p{color:#c9c9c9;font-size:16.5px;line-height:1.75;margin:0 0 16px}.art ul{list-style:none;padding:0;margin:0 0 16px}.art ul li{position:relative;padding:0 0 0 24px;margin:0 0 13px;color:#c9c9c9;font-size:16.5px;line-height:1.7}.art ul li::before{content:"";position:absolute;left:3px;top:11px;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4)}.ansbox{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:24px 26px;margin:30px 0 0;max-width:70ch}.ansbox b{display:block;font-family:var(--m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-weight:400}.ansbox p{margin:0;font-size:17px;line-height:1.7;color:#e8e8e8}.mkt{width:100%;border-collapse:collapse;margin:28px 0 0;font-size:15px}.mkt th{text-align:left;font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:400;padding:0 14px 12px 0;border-bottom:1px solid var(--line)}.mkt th:last-child,.mkt td:last-child{text-align:right;padding-right:0}.mkt td{padding:14px 14px 14px 0;border-bottom:1px solid var(--line);color:#d2d2d2;vertical-align:top}.mkt td:nth-child(2){font-family:var(--m);font-size:14px;color:#a6a6a6;white-space:nowrap}.mkt td:last-child{font-family:var(--m);font-size:14px;color:#fff;white-space:nowrap}@media(max-width:640px){.mkt,.mkt tbody,.mkt tr,.mkt td{display:block;width:100%}.mkt thead{display:none}.mkt tr{border-bottom:1px solid var(--line);padding:14px 0}.mkt td{border:0;padding:2px 0}.mkt td:last-child,.mkt td:nth-child(2){text-align:left}}.gonext{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:22px 24px;margin:40px 0 0;max-width:70ch}.gonext p{margin:0;flex:1 1 260px;color:#d2d2d2;font-size:16px;line-height:1.6}.gonext a{white-space:nowrap}.artnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.artnav a{border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:14px;color:var(--dim);transition:.22s}.artnav a:hover{border-color:#fff;color:#fff}</style>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Тильда или WordPress: что выбрать в 2026 году","description":"Сравнение Tilda и WordPress в 2026: цена владения за три года, скорость запуска, SEO, кому что подходит. Tilda Personal — 500 ₽/мес, хостинг — от 150 ₽/мес.","url":"https://ysddev.com/tilda-ili-wordpress.html","inLanguage":"ru-RU","datePublished":"2026-09-14","dateModified":"2026-10-07","mainEntityOfPage":{"@type":"WebPage","@id":"https://ysddev.com/tilda-ili-wordpress.html"},"author":{"@type":"ProfessionalService","name":"YSD DEV","url":"https://ysddev.com/","email":"theysddev@gmail.com","image":"https://ysddev.com/og.png","sameAs":["https://t.me/ysddev","https://profi.ru/profile/SherzodaYN/","https://github.com/theysddev","https://kwork.ru/user/ysddev"]},"publisher":{"@type":"ProfessionalService","name":"YSD DEV","url":"https://ysddev.com/","email":"theysddev@gmail.com","image":"https://ysddev.com/og.png","sameAs":["https://t.me/ysddev","https://profi.ru/profile/SherzodaYN/","https://github.com/theysddev","https://kwork.ru/user/ysddev"]},"image":"https://ysddev.com/og.png"}</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":"Тильда или WordPress: что выбрать в 2026 году","item":"https://ysddev.com/tilda-ili-wordpress.html"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Что дешевле — Tilda или WordPress?","acceptedAnswer":{"@type":"Answer","text":"На старте Tilda: не нужен хостинг, сборка быстрее. На дистанции WordPress: за три года выходит примерно 11 700 ₽ против 20 700 ₽ у Tilda Personal. Разница около девяти тысяч за три года — небольшая, чтобы решать вопрос только ценой."}},{"@type":"Question","name":"Правда, что сайты на Tilda хуже в поиске?","acceptedAnswer":{"@type":"Answer","text":"Нет. Яндекс и Google оценивают содержание страницы и скорость загрузки, а не движок. На Tilda можно закрыть заголовки, описания, разметку и скорость не хуже, чем на WordPress. Проигрывают конкретные сайты, а не платформа."}},{"@type":"Question","name":"Можно ли перенести сайт с Tilda на WordPress?","acceptedAnswer":{"@type":"Answer","text":"Да, но это фактически пересборка: переносятся тексты и картинки, а вёрстка делается заново. Экспорт кода на тарифе Business даёт статическую копию — она работает, но редактировать её через редактор Tilda уже нельзя."}},{"@type":"Question","name":"Что выбрать для интернет-магазина?","acceptedAnswer":{"@type":"Answer","text":"Если товаров до сотни и не нужны сложные фильтры — Tilda справится и запустится быстрее. Если товаров сотни, нужны характеристики, фильтры, выгрузка в маркетплейсы или 1С — берите WordPress с WooCommerce или отдельное решение."}},{"@type":"Question","name":"Сколько стоит собрать сайт на каждой из платформ?","acceptedAnswer":{"@type":"Answer","text":"У меня Tilda — 15 000 ₽ за 1–2 дня, WordPress — 18 000 ₽ за 2–4 дня. В обоих случаях это свой дизайн, адаптив, формы заявок, подключение домена и SSL. На рынке такие же сайты стоят 25 000–90 000 ₽."}}]}</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>Цены и разбор</span></nav><h1>Тильда или WordPress: что выбрать в 2026 году</h1><p class="lead">Спор, у которого нет универсального победителя. Есть два вопроса, ответы на которые решают всё за вас.</p><div class="ansbox"><b>Коротко</b><p>Tilda дешевле на старте и дороже на длинной дистанции: подписка Personal — 500 ₽/мес при оплате за год, то есть 6 000 ₽ ежегодно, и без неё свой домен не подключить. WordPress бесплатен, но требует хостинга от 150 ₽/мес и обновлений. Берите Tilda, если нужен сайт до десяти страниц и вы хотите править тексты сами. Берите WordPress, если нужен блог, каталог, личный кабинет или нестандартная логика. У меня сайт на Tilda — 15 000 ₽, на WordPress — 18 000 ₽.</p></div><div class="cta" style="margin-top:34px"><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="/sayt-na-tilda.html">Создание сайта на Tilda</a></div></div></section><section id="price"><div class="wrap"><p class="eyebrow r">Цены</p><h2 class="r">Сколько это стоит<br>на рынке</h2><p class="lead r">Тарифы Tilda — с официальной страницы на сентябрь 2026. Хостинг и домен — средние по российским регистраторам. Правая колонка — работа у меня.</p><div class="r" style="max-width:70ch"><table class="mkt"><thead><tr><th>Работа</th><th>По рынку</th><th>У меня</th></tr></thead><tbody><tr><td>Tilda Free — 1 сайт, без своего домена</td><td>0 ₽</td><td>—</td></tr><tr><td>Tilda Personal — 1 сайт, свой домен</td><td>500 ₽/мес при оплате за год</td><td>—</td></tr><tr><td>Tilda Business — 5 сайтов, экспорт кода</td><td>1 000 ₽/мес при оплате за год</td><td>—</td></tr><tr><td>Хостинг для WordPress</td><td>150–400 ₽/мес</td><td>—</td></tr><tr><td>Домен .ru на год</td><td>700–1 100 ₽</td><td>—</td></tr><tr><td>Сборка сайта под ключ</td><td>10 000–90 000 ₽</td><td>15 000–18 000 ₽</td></tr></tbody></table></div></div></section><section id="text"><div class="wrap"><div class="art r"><h2>Сколько это стоит за три года</h2><p>Tilda Personal — 500 ₽ в месяц при оплате за год, то есть 6 000 ₽ ежегодно. Плюс домен, около 900 ₽ в год. За три года — примерно 20 700 ₽ только за то, чтобы сайт был доступен. Это не считая сборки.</p><p>WordPress — сама система бесплатна. Нужен хостинг: 150–400 ₽ в месяц, возьмём 250 — 3 000 ₽ в год. Плюс тот же домен. За три года — примерно 11 700 ₽. Разница с Tilda около девяти тысяч.</p><p>Девять тысяч за три года — это не та сумма, ради которой стоит выбирать неудобный инструмент. Поэтому деньги здесь не главный аргумент, и дальше речь пойдёт о том, что действительно решает.</p><h2>Что Tilda делает лучше</h2><p>Правки без разработчика. Владелец сайта заходит в редактор и меняет текст, цену или фотографию сам, мышкой, без риска что-то сломать. Для бизнеса, где цены меняются каждый месяц, это экономит больше, чем стоит подписка.</p><p>Скорость. Готовый сайт-визитка собирается за два-три дня, потому что не надо настраивать сервер, ставить плагины и разбираться с темой. Если сайт нужен к понедельнику, Tilda честно быстрее.</p><p>Ничего не ломается само. Нет плагинов — нет конфликтов плагинов. Нет обновлений ядра — нет утра, когда сайт лежит после автообновления. Tilda обновляет платформу сама и следит, чтобы ваши страницы после этого работали.</p><h2>Что WordPress делает лучше</h2><p>Всё нестандартное. Личный кабинет, калькулятор с нетривиальной формулой, каталог с фильтрами по десяти параметрам, выгрузка в 1С, свой шаблон письма — на WordPress это делается кодом и стоит денег, но делается. На Tilda часть таких задач не решается вообще.</p><p>Блог и большой объём страниц. Если планируете писать статьи и растить трафик из поиска, WordPress удобнее: рубрики, метки, связанные материалы, плагины для разметки. На Tilda блог есть, но чем больше статей, тем заметнее, что инструмент не про это.</p><p>Сайт полностью ваш. Файлы лежат на вашем хостинге, база данных ваша, платить платформе не нужно. Захотели переехать к другому хостеру — переносится архивом за вечер. С Tilda переезд возможен только на тарифе Business с экспортом кода, и переносится статическая копия без редактора.</p><h2>Два вопроса, которые решают выбор</h2><p>Первый: кто будет менять тексты через полгода? Если вы сами и не хотите каждый раз писать разработчику — Tilda. Если у вас есть кому этим заниматься или правки редкие — разницы нет.</p><p>Второй: есть ли в задаче что-то, кроме страниц с текстом и формой? Каталог, личный кабинет, расчёт по формуле, интеграция с чужой системой — всё это аргументы за WordPress. Если сайт — это оффер, услуги, цены, отзывы и заявка, Tilda закроет задачу и вопросов не вызовет.</p><p>Всё остальное — скорость загрузки, SEO, «поисковики не любят конструкторы» — в 2026 году различий почти не даёт. Яндекс и Google оценивают страницу по тому, что на ней написано и как быстро она открывается, а не по тому, на чём она собрана. Плохой сайт на WordPress проигрывает хорошему на Tilda и наоборот.</p></div><div class="gonext r"><p>Нужна такая работа, а не только цифры? Опишу состав и назову точную сумму — оценка бесплатная.</p><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></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>Что дешевле — Tilda или WordPress?</summary><p>На старте Tilda: не нужен хостинг, сборка быстрее. На дистанции WordPress: за три года выходит примерно 11 700 ₽ против 20 700 ₽ у Tilda Personal. Разница около девяти тысяч за три года — небольшая, чтобы решать вопрос только ценой.</p></details><details class="qa"><summary>Правда, что сайты на Tilda хуже в поиске?</summary><p>Нет. Яндекс и Google оценивают содержание страницы и скорость загрузки, а не движок. На Tilda можно закрыть заголовки, описания, разметку и скорость не хуже, чем на WordPress. Проигрывают конкретные сайты, а не платформа.</p></details><details class="qa"><summary>Можно ли перенести сайт с Tilda на WordPress?</summary><p>Да, но это фактически пересборка: переносятся тексты и картинки, а вёрстка делается заново. Экспорт кода на тарифе Business даёт статическую копию — она работает, но редактировать её через редактор Tilda уже нельзя.</p></details><details class="qa"><summary>Что выбрать для интернет-магазина?</summary><p>Если товаров до сотни и не нужны сложные фильтры — Tilda справится и запустится быстрее. Если товаров сотни, нужны характеристики, фильтры, выгрузка в маркетплейсы или 1С — берите WordPress с WooCommerce или отдельное решение.</p></details><details class="qa"><summary>Сколько стоит собрать сайт на каждой из платформ?</summary><p>У меня Tilda — 15 000 ₽ за 1–2 дня, WordPress — 18 000 ₽ за 2–4 дня. В обоих случаях это свой дизайн, адаптив, формы заявок, подключение домена и SSL. На рынке такие же сайты стоят 25 000–90 000 ₽.</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="Например: создание сайта на tilda"></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="artnav r"><a href="/skolko-stoit-prezentaciya.html">Сколько стоит презентация на заказ</a><a href="/skolko-stoit-lending.html">Сколько стоит лендинг</a><a href="/skolko-stoit-telegram-bot.html">Сколько стоит телеграм-бот на заказ</a><a href="/skolko-stoit-sayt-vizitka.html">Сколько стоит сайт-визитка</a><a href="/skolko-stoit-sayt-na-tilde.html">Сколько стоит сайт на Тильде</a><a href="/skolko-stoit-internet-magazin.html">Сколько стоит интернет-магазин</a><a href="/lending-ili-sayt.html">Лендинг или сайт-визитка: чем отличаются</a><a href="/skolko-stoit-chat-bot.html">Сколько стоит разработка чат-бота</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><p class="eyebrow r" style="margin-top:44px">Услуги</p><div class="svc-more r"><a href="/sozdanie-saytov.html">Создание сайтов в Казани под ключ</a><a href="/telegram-bot.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></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>